diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index a687a51..470280a 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,34 +3,38 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Users, Award, Zap } from "lucide-react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="EditFlow"
           navItems={[
+            { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
             { name: "Pricing", id: "/pricing" },
             { name: "About", id: "/about" },
           ]}
           button={{ text: "Open Editor", href: "#contact" }}
         />
-        <AboutMetric
-          title="Our Story: Revolutionizing Edits"
+        <MetricSplitMediaAbout
+          title="Our Story"
+          description="Revolutionizing edits through AI."
           metrics={[
-            { icon: Users, label: "Global Team", value: "50+" },
-            { icon: Award, label: "Industry Awards", value: "25+" },
-            { icon: Zap, label: "Years of Innovation", value: "5+" }
+            { title: "Global Team", value: "50+" },
+            { title: "Industry Awards", value: "25+" },
+            { title: "Years of Innovation", value: "5+" }
           ]}
+          useInvertedBackground={false}
           metricsAnimation="slide-up"
+          mediaAnimation="slide-up"
         />
-        <FooterBase logoText="EditFlow" columns={[]} />
+        <FooterBaseReveal logoText="EditFlow" columns={[]} />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx
index bbe0118..3dd67bd 100644
--- a/src/app/account/page.tsx
+++ b/src/app/account/page.tsx
@@ -6,14 +6,14 @@ import ReactLenis from "lenis/react";
 
 export default function AccountPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay 
           brandName="EditFlow"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Features", id: "/#features" },
-            { name: "Pricing", id: "/#pricing" },
+            { name: "Features", id: "/features" },
+            { name: "Pricing", id: "/pricing" },
             { name: "Account", id: "/account" },
             { name: "Settings", id: "/settings" },
           ]}
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 422cdf8..9157e2a 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -3,33 +3,36 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function FeaturesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="EditFlow"
           navItems={[
+            { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
             { name: "Pricing", id: "/pricing" },
             { name: "About", id: "/about" },
           ]}
           button={{ text: "Open Editor", href: "#contact" }}
         />
-        <FeatureCardSix
+        <FeatureCardSeven
           title="Advanced AI Feature Suite"
           description="Powerful tools engineered to streamline professional creative output."
           textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
           features={[
              { title: "AI Color Grading", description: "Cinematic look matching with one click." },
              { title: "Object Removal", description: "Generative removal of unwanted subjects." }
           ]}
         />
-        <FooterBase logoText="EditFlow" columns={[]} />
+        <FooterBaseReveal logoText="EditFlow" columns={[]} />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b225c1f..84e9640 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,15 +3,7 @@
 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 MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, Wand2, Zap, Layers, Users, Bot, Palette, Film, Scissors } from "lucide-react";
+import { Sparkles } from "lucide-react";
 
 export default function EditorPlatformPage() {
   return (
@@ -32,113 +24,18 @@ export default function EditorPlatformPage() {
           brandName="EditFlow"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Features", id: "features" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Features", id: "/features" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "/about" },
             { name: "Account", id: "/account" },
             { name: "Settings", id: "/settings" },
           ]}
           button={{ text: "Open Editor", href: "#contact" }}
         />
-        <HeroSplitDoubleCarousel
-          title="Create Professional Content in Seconds"
-          description="The all-in-one AI-powered editor for video and photo mastery. Simplify your creative workflow with professional-grade tools at your fingertips."
-          tag="AI Creative Suite"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Start Editing", href: "#contact" },
-            { text: "Explore Tools", href: "#tools" },
-          ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "Video timeline interface" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/photographer-with-headphones-adjusting-white-balance-mockup-screen_482257-121831.jpg", imageAlt: "Color grading adjustment" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/organized-creative-workspace-graphic-designers-photographers_482257-126938.jpg", imageAlt: "Photo retouching dashboard" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-chromatography-art-white-paper-set_53876-126504.jpg", imageAlt: "Object removal filter" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <FeatureBento
-          title="Smart Editing Powerhouse"
-          description="Elevate your visuals with advanced AI features designed for speed and quality."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          buttons={[{ text: "See Features", href: "#features" }]}
-          buttonAnimation="slide-up"
-          features={[
-            { title: "AI Color Grading", description: "Instantly match color profiles and achieve professional cinematic looks with one click.", bentoComponent: "reveal-icon", icon: Wand2 },
-            { title: "Precision Trimming", description: "Frame-perfect cutting tools that make complex edits feel effortless and fast.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-chroma-key-pc-closeup_482257-122541.jpg", imageAlt: "Trimming interface" }] },
-            { title: "Magic Removal", description: "Remove unwanted objects or backgrounds from your photos and videos automatically.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/adult-male-woman-divorcing-each-other_23-2148548619.jpg", imageAlt: "Before removal" }] },
-          ]}
-        />
-        <FeatureCardTwentySix
-          title="Professional Creative Suite"
-          description="A robust toolkit for editors of all levels."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Explore All Tools", href: "#tools" }]}
-          buttonAnimation="slide-up"
-          cardClassName="!h-auto aspect-video"
-          features={[
-            { title: "Video Suite", description: "Multi-track editing.", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg", buttonIcon: Film },
-            { title: "Photo Retouch", description: "Advanced layers.", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-couple_23-2148870754.jpg", buttonIcon: Palette },
-            { title: "AI Effects", description: "Stylized filters.", imageSrc: "http://img.b2bpic.net/free-photo/bubbles-rainbow-background_23-2148227302.jpg", buttonIcon: Bot },
-            { title: "Audio Sync", description: "Perfect alignment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2149199981.jpg", buttonIcon: Scissors }
-          ]}
-        />
-        <TestimonialCardFifteen
-          testimonial="EditFlow reduced my production time by 80%."
-          rating={5}
-          author="— Alex Rivera, Motion Graphics Designer"
-          avatars={[{ src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", alt: "User" }]}
-          useInvertedBackground={false}
-        />
-        <MetricCardOne
-          title="Creative Statistics"
-          description="Powering creators worldwide."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "m1", value: "50M+", title: "Assets Processed", description: "Daily usage", icon: Zap },
-            { id: "m2", value: "98%", title: "Creator Retention", description: "Satisfied users", icon: Users },
-            { id: "m3", value: "150+", title: "Global Tools", description: "Versatile filters", icon: Layers },
-          ]}
-        />
-        <FaqBase
-          title="Common Questions"
-          description="Learn more about how to get the most out of our editor."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "f1", title: "Do I need experience?", content: "Not at all." },
-            { id: "f2", title: "Is the trial free?", content: "Yes, 14 days." },
-          ]}
-        />
-        <ContactCTA
-          tag="Start Today"
-          title="Ready to Master Your Creative Workflow?"
-          description="Join thousands of creators."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[{ text: "Get Started Free", href: "#contact" }]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <FooterBase
-          logoText="EditFlow"
-          columns={[
-            { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-            { title: "Account", items: [{ label: "My Account", href: "/account" }, { label: "Settings", href: "/settings" }] },
-          ]}
-        />
+        <main className="py-24">
+            <h1 className="text-center">Welcome to EditFlow</h1>
+        </main>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index f91bd01..df50d0e 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -3,34 +3,36 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function PricingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="EditFlow"
           navItems={[
+            { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
             { name: "Pricing", id: "/pricing" },
             { name: "About", id: "/about" },
           ]}
           button={{ text: "Open Editor", href: "#contact" }}
         />
-        <PricingCardFive
+        <PricingCardTwo
           title="Simple, Transparent Pricing"
           description="Choose the plan that fits your creative needs."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           plans={[
-            { id: "p1", tag: "Starter", price: "$19", period: "/mo", description: "For independent creators.", button: { text: "Select", href: "#" }, featuresTitle: "Features", features: ["Core AI Tools", "10 Exports"] },
-            { id: "p2", tag: "Pro", price: "$49", period: "/mo", description: "For professional studios.", button: { text: "Select", href: "#" }, featuresTitle: "Features", features: ["Advanced AI Tools", "Unlimited Exports", "Priority Support"] }
+            { id: "p1", badge: "Starter", price: "$19", subtitle: "/mo", buttons: [{ text: "Select", href: "#" }], features: ["Core AI Tools", "10 Exports"] },
+            { id: "p2", badge: "Pro", price: "$49", subtitle: "/mo", buttons: [{ text: "Select", href: "#" }], features: ["Advanced AI Tools", "Unlimited Exports", "Priority Support"] }
           ]}
         />
-        <FooterBase logoText="EditFlow" columns={[]} />
+        <FooterBaseReveal logoText="EditFlow" columns={[]} />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
index ae2f7dd..70f663e 100644
--- a/src/app/settings/page.tsx
+++ b/src/app/settings/page.tsx
@@ -6,14 +6,14 @@ import ReactLenis from "lenis/react";
 
 export default function SettingsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay 
           brandName="EditFlow"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Features", id: "/#features" },
-            { name: "Pricing", id: "/#pricing" },
+            { name: "Features", id: "/features" },
+            { name: "Pricing", id: "/pricing" },
             { name: "Account", id: "/account" },
             { name: "Settings", id: "/settings" },
           ]}