diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4bb4a4b..ff8d173 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,91 +27,114 @@ export default function WebAgency2Page() {
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="WebOrgin"
-          navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
-          ]}
-        />
-        <HeroCentered
-          title="We Build Digital Experiences at WebOrgin"
-          description="Stop just building websites. We engineer high-performance digital platforms at WebOrgin, designed specifically to accelerate your revenue growth and dominate your market."
-          background={{ variant: "canvas-reveal" }}
-        />
-        <FeatureCardTwentyFour
-          title="Our WebOrgin Services"
-          description="We offer a full suite of digital services to help your brand stand out online."
-          textboxLayout="default"
-          animationType="blur-reveal"
-          useInvertedBackground={false}
-          features={[
-            { id: "f1", title: "SEO", author: "Team", description: "High-performance rankings", tags: ["Marketing"], imageSrc: "http://img.b2bpic.net/free-photo/glowing-green-checkmark-success-symbol-dark-cosmic-background_84443-91492.jpg" },
-            { id: "f2", title: "Web Development", author: "Team", description: "Scalable architecture", tags: ["Tech"], imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104516.jpg" },
-            { id: "f3", title: "Brand Strategy", author: "Team", description: "Memorable identity", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-nice-decorative-cosmetics_23-2147742653.jpg" }
-          ]}
-        />
-        <TestimonialCardThirteen
-          title="Client Success"
-          animationType="depth-3d"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          showRating={true}
-          testimonials={[
-            { id: "t1", name: "Creative Director", handle: "@leader", testimonial: "WebOrgin completely transformed our online presence.", rating: 5 }
-          ]}
-        />
-        <MetricCardSeven
-          title="Trusted Results"
-          animationType="depth-3d"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          metrics={[
-            { id: "p1", value: "150+", title: "Projects", items: ["Precision delivery"] },
-            { id: "p2", value: "98%", title: "Satisfaction", items: ["Success rate"] },
-            { id: "p3", value: "10+", title: "Years", items: ["Experience"] }
-          ]}
-        />
-        <TeamCardTwo
-          title="The Experts"
-          gridVariant="three-columns-all-equal-width"
-          animationType="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          members={[
-            { id: "t1", name: "Alex Rivers", role: "Lead Developer", description: "Passionate coder", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg" },
-            { id: "t2", name: "Elena Vane", role: "Design Lead", description: "Visionary creative", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
-            { id: "t3", name: "Marcus Thorne", role: "Brand Strategist", description: "Strategic mastermind", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg" }
-          ]}
-        />
-        <FaqDouble
-          title="Frequently Asked Questions"
-          faqsAnimation="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqs={[
-            { id: "f1", title: "What makes WebOrgin different?", content: "We focus on high-performance architecture." },
-            { id: "f2", title: "How do we begin a project?", content: "Contact us through our form." },
-            { id: "f3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance." },
-          ]}
-        />
-        <ContactCenter
-          title="Let's Build"
-          description="Ready to elevate your digital footprint?"
-          tag="Contact"
-          background={{ variant: "rotated-rays-animated" }}
-          useInvertedBackground={false}
-        />
-        <FooterSimple
-          columns={[
-            { title: "Company", items: [{ label: "About" }, { label: "Work" }] },
-            { title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] }
-          ]}
-          bottomLeftText="© 2024 WebOrgin"
-          bottomRightText="All rights reserved."
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="WebOrgin"
+            navItems={[
+              { name: "Work", id: "work" },
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            title="We Build Digital Experiences at WebOrgin"
+            description="Stop just building websites. We engineer high-performance digital platforms at WebOrgin, designed specifically to accelerate your revenue growth and dominate your market."
+            background={{ variant: "canvas-reveal" }}
+            avatars={[]}
+          />
+        </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFour
+            title="Our WebOrgin Services"
+            description="We offer a full suite of digital services to help your brand stand out online."
+            textboxLayout="default"
+            animationType="blur-reveal"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "SEO", author: "Team", description: "High-performance rankings", tags: ["Marketing"], imageSrc: "http://img.b2bpic.net/free-photo/glowing-green-checkmark-success-symbol-dark-cosmic-background_84443-91492.jpg" },
+              { id: "f2", title: "Web Development", author: "Team", description: "Scalable architecture", tags: ["Tech"], imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104516.jpg" },
+              { id: "f3", title: "Brand Strategy", author: "Team", description: "Memorable identity", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-nice-decorative-cosmetics_23-2147742653.jpg" }
+            ]}
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            title="Client Success"
+            description="What our clients say about our services."
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showRating={true}
+            testimonials={[
+              { id: "t1", name: "Creative Director", handle: "@leader", testimonial: "WebOrgin completely transformed our online presence.", rating: 5 }
+            ]}
+          />
+        </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            title="Trusted Results"
+            description="Key performance indicators we deliver."
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "p1", value: "150+", title: "Projects", items: ["Precision delivery"] },
+              { id: "p2", value: "98%", title: "Satisfaction", items: ["Success rate"] },
+              { id: "p3", value: "10+", title: "Years", items: ["Experience"] }
+            ]}
+          />
+        </div>
+        <div id="about" data-section="about">
+          <TeamCardTwo
+            title="The Experts"
+            description="Meet the team behind our success."
+            gridVariant="three-columns-all-equal-width"
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            members={[
+              { id: "t1", name: "Alex Rivers", role: "Lead Developer", description: "Passionate coder", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg" },
+              { id: "t2", name: "Elena Vane", role: "Design Lead", description: "Visionary creative", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
+              { id: "t3", name: "Marcus Thorne", role: "Brand Strategist", description: "Strategic mastermind", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg" }
+            ]}
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            title="Frequently Asked Questions"
+            description="Common questions about our agency."
+            faqsAnimation="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "What makes WebOrgin different?", content: "We focus on high-performance architecture." },
+              { id: "f2", title: "How do we begin a project?", content: "Contact us through our form." },
+              { id: "f3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance." },
+            ]}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            title="Let's Build"
+            description="Ready to elevate your digital footprint?"
+            tag="Contact"
+            background={{ variant: "rotated-rays-animated" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About" }, { label: "Work" }] },
+              { title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] }
+            ]}
+            bottomLeftText="© 2024 WebOrgin"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );