import HeroSection from '../components/sections/HeroSection';
import LandingAboutMeSection from '../components/landing/LandingAboutMeSection';
import ReasonsSection from '../components/landing/ReasonsSection';
import ExperienceSection from '../components/landing/ExperienceSection';
import WinningsSection from '../components/landing/WinningsSection';
import ProcessesSection from '../components/landing/ProcessesSection';
import ProjectsSection from '../components/sections/ProjectsSection';
import ReferencesSection from '../components/landing/ReferencesSection';
import ContactSection from '../components/sections/ContactSection';
import { usePageSeo } from '../hooks/usePageSeo';
import { useLanguage } from '../contexts/LanguageContext';

export default function LandingPage() {
  const { language, texts } = useLanguage();
  const t = texts.landingHero;
  usePageSeo({
    title: language === 'de'
      ? 'Sascha Bach | Freelance Softwareentwickler – Barrierefreie Webentwicklung'
      : 'Sascha Bach | Freelance Software Developer – Accessible Web Development',
    description: language === 'de'
      ? 'Freelance Softwareentwickler in Deutschland spezialisiert auf barrierefreie Webentwicklung. Ich baue inklusive Websites konform zum BFSG mit React, TypeScript und modernen Frameworks.'
      : 'Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act.',
    canonical: `/${language}/`,
  });

  return (
    <>
      <HeroSection
        title={t.title}
        description={t.description}
        tertiaryButtonText={t.tertiaryButtonText}
        showPrimaryButton={false}
        showSecondaryButton={false}
        hideStats={true}
      />
      <LandingAboutMeSection />
      <ReasonsSection />
      <WinningsSection />
      <ExperienceSection />
      <ProcessesSection />
      <ProjectsSection />
      <ReferencesSection />
      <ContactSection />
    </>
  );
}
