Update src/app/page.tsx

src/app/page.tsx

@@ -24,8 +24,7 @@ import {
     BookLock,
     BellRing,
     ClipboardCheck,
-    Mail,
-    WhatsApp
+    Mail
 } from "lucide-react";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
@@ -56,13 +55,15 @@ export default function WebAgencyThemePage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={navItems}
                         brandName="NomaDigital"
                         button={{ text: "Contactez-nous", href: "#contact" }}
                     />
+                </div>
+                <div id="home" data-section="home">
                     <HeroSplitKpi
-                    id="home"
                         background={{ variant: "radial-gradient" }}
                         tag="QHSE Digital"
                         tagIcon={Sparkles}
@@ -87,14 +88,16 @@ export default function WebAgencyThemePage() {
                         showMarqueeCard={false}
                         marqueeItems={[]}
                     />
+                </div>
+                <div id="about" data-section="about">
                     <TextAbout
-                    id="about"
                         title="NomaDigital : Votre Partenaire en Transformation Digitale QHSE"
                         buttons={[]}
                         useInvertedBackground={false}
                     />
+                </div>
+                <div id="products" data-section="products">
                     <FeatureCardNineteen
-                    id="products"
                         title="Nos Solutions Digitales QHSE Innovantes"
                         description="Découvrez nos outils conçus pour optimiser votre gestion de la Qualité, de l'Hygiène, de la Sécurité et de l'Environnement."
                         tag="Produits & Applications"
@@ -122,6 +125,7 @@ export default function WebAgencyThemePage() {
                         textboxLayout="default"
                         useInvertedBackground={false}
                     />
+                </div>
                 <MetricCardOne
                     title="Notre Impact sur Votre Gestion QHSE"
                     description="Des résultats concrets qui prouvent l'efficacité de nos solutions pour transformer votre approche QHSE."
@@ -197,8 +201,8 @@ export default function WebAgencyThemePage() {
                         }
                     ]}
                 />
+                <div id="contact" data-section="contact">
                     <ContactCenter
-                    id="contact"
                         tag="Contactez-nous"
                         tagIcon={Mail}
                         title="Prêt à Digitaliser Votre Gestion QHSE ?"
@@ -213,6 +217,7 @@ export default function WebAgencyThemePage() {
                         background={{ variant: "canvas-reveal" }}
                         useInvertedBackground={false}
                     />
+                </div>
                 <FooterMedia
                     imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg"
                     imageAlt="NomaDigital Footer Background"
@@ -258,7 +263,7 @@ export default function WebAgencyThemePage() {
                 aria-label="Contacter NomaDigital sur WhatsApp"
                 className="fixed bottom-6 right-6 z-50 bg-green-500 text-white p-3 rounded-full shadow-lg hover:bg-green-600 transition-colors duration-300 flex items-center justify-center space-x-2"
             >
-                <WhatsApp size={24} />
+                <Mail size={24} />
                 <span className="sr-only">WhatsApp</span>
             </a>
         </ThemeProvider>