wip

app/[locale]/page.tsx

@@ -9,6 +9,7 @@ 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');
@@ -16,15 +17,15 @@ export default function HomePage({ params: { locale } }: { params: { locale: str
   return (
     <div className="flex flex-col min-h-screen">
       <Hero />
-      <ProductCategories />
-      <WhatWeDo />
-      <RecentPosts locale={locale} />
-      <Experience />
-      <WhyChooseUs />
-      <MeetTheTeam />
-      <GallerySection />
-      <VideoSection />
-      <CTA />
+      <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>
   );
 }