import { Container } from '@mantine/core';
import openWebUIGif from '@/assets/open-webui.gif';
import outputGif from '@/assets/output.gif';
import { Contact } from '@/components/ContactUs/Contact';
import ExpertiseSection from '@/components/ExpertiseSection/ExpertiseSection';
import { HeaderSimple } from '@/components/HeaderSimple/HeaderSimple';
import { HeroTitle } from '@/components/HeroTitle/HeroTitle';
import Testimonial from '@/components/Testimonial/Testimonial';

export function HomePage() {
  return (
    <>
      <HeaderSimple />
      <HeroTitle />
      <ExpertiseSection
        title="Computer Vision"
        content="Expertise in developing and deploying computer vision models for various applications, including object detection, image classification, and more. Ask me about state-of-the-art real-time models for your business."
        images={[{ url: outputGif, alt: 'Video Segmentation with SAM2.' }]}
        viewMoreLink="/computer-vision"
        imageOnLeft
      />
      <ExpertiseSection
        title="Natural Language Processing"
        content="Building NLP models for tasks such as sentiment analysis, text classification, and language generation. If you need a chatbot for your business and care about privacy, or a simple text classification algorithm to understand your data, I can help."
        images={[{ url: openWebUIGif, alt: 'Locally hosted LLM using oLLama and OpenWebUI.' }]}
        viewMoreLink="/nlp"
        imageOnLeft={false}
      />
      <Container mt={20}>
        <Testimonial />
      </Container>
      <Contact />
    </>
  );
}
