Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -33,46 +33,50 @@ export default function WebAgency2Page() {
             { name: "Tarif", id: "tarif" },
             { name: "Contact", id: "contact" },
           ]}
-          button={{ text: "WhatsApp", href: "#contact" }}
-        />
-        <HeroSplitDoubleCarousel
-          title="Création de sites internet professionnels"
-          description="Je crée des sites internet professionnels modernes, rapides et simples pour artisans et entrepreneurs. Présentez votre activité et gagnez la confiance de vos clients."
-          tag="Service Pro & Local"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[{ text: "Contact WhatsApp", href: "#contact" }]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/people-working-laptop-meeting_53876-94702.jpg", imageAlt: "Site vitrine artisan" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231583.jpg", imageAlt: "Interface mobile" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "Dashboard simple" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/web-design-concepts-with-blurred-background_1134-82.jpg", imageAlt: "Design épuré" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <FeatureBento
-          title="Mon service"
-          description="Des solutions digitales pensées pour votre efficacité."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              title: "Livraison rapide",              description: "Votre projet est mis en ligne rapidement.",              bentoComponent: "reveal-icon",              icon: Zap,
-            },
-            {
-              title: "Compatible mobile",              description: "Un affichage parfait sur téléphone et ordinateur.",              bentoComponent: "reveal-icon",              icon: Smartphone,
-            },
-            {
-              title: "Site propre & simple",              description: "Un design adapté à vos besoins spécifiques.",              bentoComponent: "reveal-icon",              icon: Target,
-            },
-          ]}
+          button={{ text: "WhatsApp", href: "https://wa.me/33756836641" }}
         />
+        <div id="hero">
+          <HeroSplitDoubleCarousel
+            title="Création de sites internet professionnels"
+            description="Je crée des sites internet professionnels modernes, rapides et simples pour artisans et entrepreneurs. Présentez votre activité et gagnez la confiance de vos clients."
+            tag="Service Pro & Local"
+            tagIcon={Sparkles}
+            tagAnimation="slide-up"
+            background={{ variant: "canvas-reveal" }}
+            buttons={[{ text: "Contact WhatsApp", href: "https://wa.me/33756836641" }]}
+            buttonAnimation="slide-up"
+            carouselPosition="right"
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/people-working-laptop-meeting_53876-94702.jpg", imageAlt: "Site vitrine artisan" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231583.jpg", imageAlt: "Interface mobile" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "Dashboard simple" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/web-design-concepts-with-blurred-background_1134-82.jpg", imageAlt: "Design épuré" },
+            ]}
+            carouselItemClassName="!aspect-[4/5]"
+          />
+        </div>
+        <div id="services">
+          <FeatureBento
+            title="Mon service"
+            description="Des solutions digitales pensées pour votre efficacité."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              {
+                title: "Livraison rapide",              description: "Votre projet est mis en ligne rapidement.",              bentoComponent: "reveal-icon",              icon: Zap,
+              },
+              {
+                title: "Compatible mobile",              description: "Un affichage parfait sur téléphone et ordinateur.",              bentoComponent: "reveal-icon",              icon: Smartphone,
+              },
+              {
+                title: "Site propre & simple",              description: "Un design adapté à vos besoins spécifiques.",              bentoComponent: "reveal-icon",              icon: Target,
+              },
+            ]}
+          />
+        </div>
         <FeatureCardTwentySix
           title="Ce que vous recevez"
           description="Un pack complet pour lancer votre présence en ligne."
@@ -94,26 +98,30 @@ export default function WebAgency2Page() {
             },
           ]}
         />
-        <MetricCardOne
-          title="Tarif clair"
-          description="Pas de frais cachés, une tarification transparente."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "price", value: "400€", title: "Prix de départ", description: "Site internet complet et professionnel", icon: Award },
-          ]}
-        />
-        <ContactCTA
-          tag="Contact"
-          title="Prêt à lancer votre site ?"
-          description="Contactez-moi via WhatsApp pour m'envoyer vos informations et photos de projet."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[{ text: "👉 Envoyer un message WhatsApp", href: "https://wa.me/" }]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
+        <div id="tarif">
+          <MetricCardOne
+            title="Tarif clair"
+            description="Pas de frais cachés, une tarification transparente."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            metrics={[
+              { id: "price", value: "400€", title: "Prix de départ", description: "Site internet complet et professionnel", icon: Award },
+            ]}
+          />
+        </div>
+        <div id="contact">
+          <ContactCTA
+            tag="Contact"
+            title="Prêt à lancer votre site ?"
+            description="Contactez-moi via WhatsApp pour m'envoyer vos informations et photos de projet."
+            background={{ variant: "rotated-rays-animated" }}
+            buttons={[{ text: "👉 Envoyer un message WhatsApp", href: "https://wa.me/33756836641" }]}
+            buttonAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
         <FooterBase
           logoText="NR web"
           copyrightText="© 2025 | Création de sites"