import HeroSection from '../components/sections/HeroSection';
import AboutSection from '../components/sections/AboutSection';
import ServicesSection from '../components/sections/ServicesSection';
import SkillsSection from '../components/sections/SkillsSection';
import CertificationsSection from '../components/sections/CertificationsSection';
import ProjectsSection from '../components/sections/ProjectsSection';
import ContactSection from '../components/sections/ContactSection';
import { PageSeo } from '../components/PageSeo';
import { useLanguage } from '../contexts/LanguageContext';

export default function HomePage() {
  const { language } = useLanguage();

  return (
    <>
      <PageSeo
        title={language === 'de'
          ? 'Sascha Bach | Technisches Portfolio – Skills, Services & Projekte'
          : 'Sascha Bach | Technical Portfolio – Skills, Services & Projects'}
        description={language === 'de'
          ? 'Das technische Portfolio von Sascha Bach: Services, Fähigkeiten, Zertifizierungen und Projekte in React, TypeScript und barrierefreier Webentwicklung.'
          : 'Explore the technical portfolio of Sascha Bach: services, skills, certifications, and projects in React, TypeScript, and accessible web development.'}
        canonical={`/${language}/technical`}
      />
      <HeroSection />
      <AboutSection />
      <ServicesSection />
      <SkillsSection />
      <CertificationsSection />
      <ProjectsSection />
      <ContactSection />
    </>
  );
}