diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6810170..a373eb8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,15 @@
 
 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 NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
 import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Sparkles, ArrowUpRight, Monitor, Bot, MessageSquare, TrendingUp, Zap } from "lucide-react";
+import { Sparkles, Monitor, Bot, MessageSquare, TrendingUp, Zap } from "lucide-react";
 
 export default function VantageDigitalPage() {
   return (
@@ -29,19 +28,19 @@ export default function VantageDigitalPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            brandName="Vantage Digital"
-            links={[
-              { label: "Services", href: "#services" },
-              { label: "Portfolio", href: "#portfolio" },
-              { label: "Process", href: "#process" },
-              { label: "Contact Us", href: "#contact" },
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "#services" },
+              { name: "Portfolio", id: "#portfolio" },
+              { name: "Process", id: "#process" },
+              { name: "Contact", id: "#contact" },
             ]}
-            button={{ label: "Get Started", href: "https://wa.me/9647502904552" }}
+            brandName="Vantage Digital"
+            button={{ text: "Get Started", href: "https://wa.me/9647502904552" }}
           />
         </div>
         <div id="hero" data-section="hero">
-          <HeroSplitDoubleCarousel
+          <HeroSplitDualMedia
             title="Vantage Digital: We Build Your Digital Sales Machine"
             description="Transforming ambitious ideas into premium digital realities with smart automation."
             tag="Premium Digital Agency"
@@ -61,24 +60,13 @@ export default function VantageDigitalPage() {
             ratingText="Rated 5/5 by our clients"
           />
         </div>
-        <div id="services" data-section="services">
-          <FeatureBento
-            title="Core Expertise"
-            description="Elite services built to accelerate your business growth."
-            animationType="slide-up"
-            features={[
-              { title: "Web Architecture", description: "High-conversion premium environments.", bentoComponent: "reveal-icon", icon: Monitor },
-              { title: "AI Automation", description: "Smart WhatsApp and CRM workflows.", bentoComponent: "chat", aiIcon: Bot, userIcon: MessageSquare, exchanges: [], placeholder: "Message..." },
-              { title: "Luxury Branding", description: "Identity that commands attention.", bentoComponent: "media-stack", items: [{ imageSrc: "#", imageAlt: "1" }, { imageSrc: "#", imageAlt: "2" }, { imageSrc: "#", imageAlt: "3" }] },
-            ]}
-          />
-        </div>
         <div id="portfolio" data-section="portfolio">
           <FeatureCardTwelve
             title="Our Portfolio"
             description="Premium digital realities we have built."
             textboxLayout="default"
             animationType="slide-up"
+            useInvertedBackground={false}
             features={[
               { id: "p1", label: "Web", title: "Real Estate Portal", items: ["High-end showcase"] },
               { id: "p2", label: "Commerce", title: "Luxury Suite", items: ["E-commerce flow"] }
@@ -91,6 +79,7 @@ export default function VantageDigitalPage() {
             description="Performance-driven metrics for ambitious brands."
             textboxLayout="default"
             animationType="slide-up"
+            useInvertedBackground={false}
             metrics={[
               { id: "m1", icon: TrendingUp, title: "Conversion Lift", value: "40%+" },
               { id: "m2", icon: Bot, title: "Manual Saved", value: "80h" },
@@ -104,6 +93,7 @@ export default function VantageDigitalPage() {
             description="What our partners say about us."
             textboxLayout="default"
             animationType="slide-up"
+            useInvertedBackground={false}
             testimonials={[
               { id: "t1", name: "Client Owner", handle: "@client", testimonial: "Vantage Digital built us a sales machine. The automation workflows saved us hours." }
             ]}
@@ -114,6 +104,7 @@ export default function VantageDigitalPage() {
             sideTitle="Our Process"
             sideDescription="How we transform your business."
             faqsAnimation="slide-up"
+            useInvertedBackground={false}
             faqs={[
               { id: "f1", title: "Strategy", content: "Defining your brand." },
               { id: "f2", title: "Build", content: "Engineering your machine." }