import { useTranslations } from 'next-intl';
import Hero from '@/components/home/Hero';
import ProductCategories from '@/components/home/ProductCategories';
import WhatWeDo from '@/components/home/WhatWeDo';
import RecentPosts from '@/components/home/RecentPosts';
import Experience from '@/components/home/Experience';
import WhyChooseUs from '@/components/home/WhyChooseUs';
import MeetTheTeam from '@/components/home/MeetTheTeam';
import GallerySection from '@/components/home/GallerySection';
import VideoSection from '@/components/home/VideoSection';
import CTA from '@/components/home/CTA';
import Reveal from '@/components/Reveal';

export default function HomePage({ params: { locale } }: { params: { locale: string } }) {
  const t = useTranslations('Index');
  
  return (
    <div className="flex flex-col min-h-screen">
      <Hero />
      <Reveal><ProductCategories /></Reveal>
      <Reveal><WhatWeDo /></Reveal>
      <Reveal><RecentPosts locale={locale} /></Reveal>
      <Reveal><Experience /></Reveal>
      <Reveal><WhyChooseUs /></Reveal>
      <Reveal><MeetTheTeam /></Reveal>
      <Reveal><GallerySection /></Reveal>
      <Reveal><VideoSection /></Reveal>
      <Reveal><CTA /></Reveal>
    </div>
  );
}
