Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+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 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" }}
+        />
+        <MetricSplitMediaAbout
+          title="Our Story"
+          description="Revolutionizing edits through AI."
+          metrics={[
+            { title: "Global Team", value: "50+" },
+            { title: "Industry Awards", value: "25+" },
+            { title: "Years of Innovation", value: "5+" }
+          ]}
+          useInvertedBackground={false}
+          metricsAnimation="slide-up"
+          mediaAnimation="slide-up"
+        />
+        <FooterBaseReveal logoText="EditFlow" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/account/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ReactLenis from "lenis/react";
+
+export default function AccountPage() {
+  return (
+    <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: "Account", id: "/account" },
+            { name: "Settings", id: "/settings" },
+          ]}
+        />
+        <main className="container mx-auto py-24 min-h-screen">
+          <h1 className="text-4xl font-bold mb-8">My Account</h1>
+          <div className="bg-card p-8 rounded-xl shadow-lg border">
+            <p>Profile details and subscription management go here.</p>
+          </div>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/features/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function FeaturesPage() {
+  return (
+    <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" }}
+        />
+        <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." }
+          ]}
+        />
+        <FooterBaseReveal logoText="EditFlow" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,17 +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 { Sparkles } from "lucide-react";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
-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, Film, Wand2, Scissors, Zap, Layers, Cpu, Award, Users, Bot, Palette, Clock, CheckCircle } from "lucide-react";
 
 export default function EditorPlatformPage() {
   return (
@@ -33,151 +23,16 @@ export default function EditorPlatformPage() {
         <NavbarLayoutFloatingOverlay
           brandName="EditFlow"
           navItems={[
-            { name: "Features", id: "features" },
+            { name: "Home", id: "/" },
-            { name: "Tools", id: "tools" },
+            { name: "Features", id: "/features" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Pricing", id: "/pricing" }
-            { name: "Support", id: "support" },
           ]}
           button={{ text: "Open Editor", href: "#contact" }}
         />
-        <HeroSplitDoubleCarousel
+        <main className="py-24">
-          title="Create Professional Content in Seconds"
+            <h1 className="text-center">Welcome to EditFlow</h1>
-          description="The all-in-one AI-powered editor for video and photo mastery. Simplify your creative workflow with professional-grade tools at your fingertips."
+        </main>
-          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" },
-            { imageSrc: "http://img.b2bpic.net/free-psd/artificial-intelligence-template-design_23-2151651495.jpg", imageAlt: "AI effects workspace" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/forest-website-layout-blank-banner_53876-132285.jpg", imageAlt: "Smart trimming tool" },
-          ]}
-          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" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-repairing-photo-camera_23-2149893855.jpg", imageAlt: "Portrait enhancement" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg", imageAlt: "Creative composition editor" },
-          ]}
-          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" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/letter-mail-invitation-envelope-express-concept_53876-15876.jpg", imageAlt: "Precision cut preview" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/camera-capture-snap-shot-graphic_53876-121027.jpg", imageAlt: "Timeline flow" },
-              ],
-            },
-            {
-              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" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-innovation-arrangement_23-2148909069.jpg", imageAlt: "During process" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/pretty-photographer-woman-beach-vacation-lifestyle-concept_53876-23025.jpg", imageAlt: "Final result" },
-              ],
-            },
-          ]}
-        />
-        <FeatureCardTwentySix
-          title="Professional Creative Suite"
-          description="A robust toolkit for editors of all levels, from social media creators to professional filmmakers."
-          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 and motion graphics integration.",              imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg",              imageAlt: "Video editing screen",              buttonIcon: Film,
-              buttonHref: "#"
-            },
-            {
-              title: "Photo Retouch",              description: "Advanced layers and masking tools for perfection.",              imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-couple_23-2148870754.jpg",              imageAlt: "Photo retouching workspace",              buttonIcon: Palette,
-              buttonHref: "#"
-            },
-            {
-              title: "AI Effects",              description: "Apply stylized filters and generative art assets.",              imageSrc: "http://img.b2bpic.net/free-photo/bubbles-rainbow-background_23-2148227302.jpg",              imageAlt: "AI effects panel",              buttonIcon: Bot,
-              buttonHref: "#"
-            },
-            {
-              title: "Audio Sync",              description: "Seamlessly align audio tracks to video frames.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2149199981.jpg",              imageAlt: "Audio wave visualization",              buttonIcon: Scissors,
-              buttonHref: "#"
-            }
-          ]}
-        />
-        <TestimonialCardFifteen
-          testimonial="EditFlow reduced my production time by 80%. The AI tools are incredibly accurate and professional, saving me hours of manual editing per day."
-          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" }]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <MetricCardOne
-          title="Creative Statistics"
-          description="Powering creators worldwide to bring their vision to life."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "m1", value: "50M+", title: "Assets Processed", description: "High quality exports daily", icon: Zap },
-            { id: "m2", value: "98%", title: "Creator Retention", description: "Satisfied users creating daily", icon: Users },
-            { id: "m3", value: "150+", title: "Global Tools", description: "Versatile filters and effects", 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. EditFlow is built for beginners and pros alike with an intuitive AI-first design." },
-            { id: "f2", title: "Is the trial free?", content: "Yes, get started with full access to our core tools for 14 days without a credit card." },
-            { id: "f3", title: "What formats are supported?", content: "We support all major industry formats including MP4, ProRes, RAW, PNG, and TIFF." },
-          ]}
-        />
-        <ContactCTA
-          tag="Start Today"
-          title="Ready to Master Your Creative Workflow?"
-          description="Join thousands of creators using the most powerful editor on the web."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[
-            { text: "Get Started Free", href: "#contact" },
-            { text: "View Pricing", href: "#pricing" },
-          ]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <FooterBase
-          logoText="EditFlow"
-          copyrightText="© 2026 | EditFlow Creative"
-          columns={[
-            { title: "Product", items: [{ label: "Video Editor", href: "#" }, { label: "Photo Editor", href: "#" }, { label: "AI Tools", href: "#" }] },
-            { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Tutorials", href: "#" }, { label: "Community", href: "#" }] },
-            { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Help Center", href: "#" }, { label: "Status", href: "#" }] },
-          ]}
-        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function PricingPage() {
+  return (
+    <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" }}
+        />
+        <PricingCardTwo
+          title="Simple, Transparent Pricing"
+          description="Choose the plan that fits your creative needs."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            { 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"] }
+          ]}
+        />
+        <FooterBaseReveal logoText="EditFlow" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/settings/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ReactLenis from "lenis/react";
+
+export default function SettingsPage() {
+  return (
+    <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: "Account", id: "/account" },
+            { name: "Settings", id: "/settings" },
+          ]}
+        />
+        <main className="container mx-auto py-24 min-h-screen">
+          <h1 className="text-4xl font-bold mb-8">Settings</h1>
+          <div className="bg-card p-8 rounded-xl shadow-lg border">
+            <p>Application preferences and security settings go here.</p>
+          </div>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}