diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1631ecb..77c882b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,6 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -25,48 +24,52 @@ export default function WebAgency2Page() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Plans", id: "plans" },
-            { name: "Results", id: "results" },
-            { name: "Services", id: "services" },
-            { name: "Contact", id: "contact" },
-          ]}
-          button={{ text: "Get Free Quote", href: "#contact" }}
-        />
-        <HeroSplitDoubleCarousel
-          title="See Your Digital Potential Realized"
-          description="We don't just design websites; we architect high-performance digital journeys. Explore our proven before-and-after results and discover how our structured services propel your business forward."
-          tag="Proven Results Architecture"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Get Free Quote", href: "#contact" },
-            { text: "See Results", href: "#results" },
-          ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg", imageAlt: "Before: Outdated business interface" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "After: Modern SaaS dashboard" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/top-down-view-software-engineer-putting-face-hands-frustration_482257-111316.jpg", imageAlt: "Before: Low engagement landing page" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg", imageAlt: "After: Optimized high-conversion page" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/fashion-young-girl-sitting-summer-cafe_1157-20648.jpg", imageAlt: "After: Elegant e-commerce storefront" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg", imageAlt: "Before: Unstructured layout" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/blank-white-card-pattern-glass_53876-125897.jpg", imageAlt: "After: Professional branding identity" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <div id="plans">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Plans", id: "plans" },
+              { name: "Results", id: "results" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            button={{ text: "Get Free Quote", href: "#contact" }}
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            title="See Your Digital Potential Realized"
+            description="We don't just design websites; we architect high-performance digital journeys. Explore our proven before-and-after results and discover how our structured services propel your business forward."
+            tag="Proven Results Architecture"
+            tagIcon={Sparkles}
+            tagAnimation="slide-up"
+            background={{ variant: "canvas-reveal" }}
+            buttons={[
+              { text: "Get Free Quote", href: "#contact" },
+              { text: "See Results", href: "#results" },
+            ]}
+            buttonAnimation="slide-up"
+            carouselPosition="right"
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg", imageAlt: "Before: Outdated business interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "After: Modern SaaS dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-down-view-software-engineer-putting-face-hands-frustration_482257-111316.jpg", imageAlt: "Before: Low engagement landing page" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg", imageAlt: "After: Optimized high-conversion page" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/fashion-young-girl-sitting-summer-cafe_1157-20648.jpg", imageAlt: "After: Elegant e-commerce storefront" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg", imageAlt: "Before: Unstructured layout" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/blank-white-card-pattern-glass_53876-125897.jpg", imageAlt: "After: Professional branding identity" },
+            ]}
+            carouselItemClassName="!aspect-[4/5]"
+          />
+        </div>
+        <div id="plans" data-section="plans">
            <PricingCardOne
              title="Transparent Service Plans"
              description="Clear, milestone-driven packages to scale your digital presence."
@@ -80,13 +83,12 @@ export default function WebAgency2Page() {
              ]}
            />
         </div>
-        <div id="results">
+        <div id="results" data-section="results">
           <FeatureCardTwentySix
             title="Before & After Results"
             description="See how our structured approach creates tangible business improvements."
             textboxLayout="default"
             useInvertedBackground={false}
-            animationType="slide-up"
             features={[
               { title: "Fashion Retailer", description: "Conversion increase by 45% post-redesign", imageSrc: "http://img.b2bpic.net/free-photo/sales-promotion-fashion-shopping-discount_53876-123615.jpg", imageAlt: "Fashion e-commerce comparison", buttonIcon: ArrowUpRight, buttonHref: "#" },
               { title: "Legal Firm", description: "Traffic growth through SEO restructuring", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lawyer-environment_23-2151152218.jpg", imageAlt: "Legal service branding shift", buttonIcon: ArrowUpRight, buttonHref: "#" },
@@ -95,79 +97,86 @@ export default function WebAgency2Page() {
             ]}
           />
         </div>
-        <div id="services">
-          <FeatureBento
-            title="Our Scheduled Services"
-            description="Transparent planning, iterative growth, and clear milestones for every client."
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardFifteen
+            testimonial="The schedule-driven approach gave us complete clarity on our project's progress. Seeing the 'before' mess transform into the 'after' success was incredible."
+            rating={5}
+            author="— Elena V., Founder at Global Retail"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "Client" }]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            title="Performance Metrics"
+            description="Tangible results driven by scheduled design and engineering sprints."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-            animationType="slide-up"
-            buttons={[{ text: "Book a Session", href: "#contact" }]}
-            features={[
-              { title: "Strategy Planning", description: "Scheduled deep-dives into your business goals to map your digital roadmap.", bentoComponent: "marquee", centerIcon: Search, variant: "text", texts: ["Discovery", "Auditing", "Roadmapping", "Targeting", "Growth Plan", "Competitor Analysis"] },
-              { title: "Implementation", description: "Agile development cycles ensuring consistent progress from day one.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-new-strategy-plans-whiteboard-her-colleagues-covid19-pandemic_637285-10663.jpg", imageAlt: "Workflow" }, { imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg", imageAlt: "Code" }, { imageSrc: "http://img.b2bpic.net/free-photo/male-system-engineer-analyzing-big-data-computer-checking-cloud-computing-network-digital-servers-young-it-technician-inspecting-modern-data-center-digitalization-handheld-shot_482257-59941.jpg", imageAlt: "Deploy" }] },
-              { title: "Maintenance", description: "Ongoing support to ensure peak performance and security after launch.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "Monitor" }, { imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg", imageAlt: "Patch" }, { imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg", imageAlt: "Optimize" }] },
+            metrics={[
+              { id: "perf", value: "45%", title: "Avg. Conversion", description: "Average increase in user actions", icon: Award },
+              { id: "speed", value: "80%", title: "Load Speed", description: "Reduction in average bounce rate", icon: Zap },
+              { id: "growth", value: "2x", title: "Traffic Growth", description: "Organic search improvement rate", icon: TrendingUp },
+            ]}
+          />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardFive
+            title="Our Team Architecture"
+            description="Built to support your scheduled growth."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            team={[
+              { id: "1", name: "Alex Rivers", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg" },
+              { id: "2", name: "Jamie Chen", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg" },
+              { id: "3", name: "Taylor Scott", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg" },
+            ]}
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="How We Work"
+            description="Understand the process behind your project's success."
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "How do you manage project scheduling?", content: "We break every project into 2-week sprints, ensuring you always know exactly what is being delivered and when." },
+              { id: "2", title: "What makes your 'before and after' results so consistent?", content: "Our data-first approach ensures every design decision is backed by analytics, resulting in predictable performance gains." },
+              { id: "3", title: "Can I get a quote before we start?", content: "Yes, use the free quote button at the top to initiate a discovery call. We'll provide a detailed scope based on your specific requirements." },
+              { id: "4", title: "Do you support existing platforms?", content: "We can audit your current site and provide a transition plan that maintains SEO and brand equity during the redesign." },
+            ]}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Ready to Begin?"
+            title="Start Your Digital Evolution Today"
+            description="Get your free quote and review our projected results for your industry."
+            background={{ variant: "rotated-rays-animated" }}
+            buttons={[
+              { text: "Get Free Quote", href: "#contact" },
+              { text: "View Case Studies", href: "#results" },
+            ]}
+            buttonAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+            columns={[
+              { title: "Platform", items: [{ label: "Plans", href: "#plans" }, { label: "Results", href: "#results" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+              { title: "Solutions", items: [{ label: "UI/UX Audit", href: "#" }, { label: "Development", href: "#" }, { label: "SEO Scaling", href: "#" }, { label: "Branding", href: "#" }] },
+              { title: "Support", items: [{ label: "Get a Quote", href: "#contact" }, { label: "Documentation", href: "#" }, { label: "Privacy", href: "#" }] },
             ]}
           />
         </div>
-        <TestimonialCardFifteen
-          testimonial="The schedule-driven approach gave us complete clarity on our project's progress. Seeing the 'before' mess transform into the 'after' success was incredible."
-          rating={5}
-          author="— Elena V., Founder at Global Retail"
-          avatars={[{ src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "Client" }]}
-        />
-        <MetricCardOne
-          title="Performance Metrics"
-          description="Tangible results driven by scheduled design and engineering sprints."
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "perf", value: "45%", title: "Avg. Conversion", description: "Average increase in user actions", icon: Award },
-            { id: "speed", value: "80%", title: "Load Speed", description: "Reduction in average bounce rate", icon: Zap },
-            { id: "growth", value: "2x", title: "Traffic Growth", description: "Organic search improvement rate", icon: TrendingUp },
-          ]}
-        />
-        <TeamCardFive
-          title="Our Team Architecture"
-          description="Built to support your scheduled growth."
-          animationType="slide-up"
-          team={[
-            { id: "1", name: "Alex Rivers", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg" },
-            { id: "2", name: "Jamie Chen", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg" },
-            { id: "3", name: "Taylor Scott", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg" },
-          ]}
-        />
-        <FaqBase
-          title="How We Work"
-          description="Understand the process behind your project's success."
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "1", title: "How do you manage project scheduling?", content: "We break every project into 2-week sprints, ensuring you always know exactly what is being delivered and when." },
-            { id: "2", title: "What makes your 'before and after' results so consistent?", content: "Our data-first approach ensures every design decision is backed by analytics, resulting in predictable performance gains." },
-            { id: "3", title: "Can I get a quote before we start?", content: "Yes, use the free quote button at the top to initiate a discovery call. We'll provide a detailed scope based on your specific requirements." },
-            { id: "4", title: "Do you support existing platforms?", content: "We can audit your current site and provide a transition plan that maintains SEO and brand equity during the redesign." },
-          ]}
-        />
-        <ContactCTA
-          tag="Ready to Begin?"
-          title="Start Your Digital Evolution Today"
-          description="Get your free quote and review our projected results for your industry."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[
-            { text: "Get Free Quote", href: "#contact" },
-            { text: "View Case Studies", href: "#results" },
-          ]}
-          buttonAnimation="slide-up"
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            { title: "Platform", items: [{ label: "Plans", href: "#plans" }, { label: "Results", href: "#results" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
-            { title: "Solutions", items: [{ label: "UI/UX Audit", href: "#" }, { label: "Development", href: "#" }, { label: "SEO Scaling", href: "#" }, { label: "Branding", href: "#" }] },
-            { title: "Support", items: [{ label: "Get a Quote", href: "#contact" }, { label: "Documentation", href: "#" }, { label: "Privacy", href: "#" }] },
-          ]}
-        />
       </ReactLenis>
     </ThemeProvider>
   );