Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -5,14 +5,13 @@ 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"
+          brandName="EditPro"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
@@ -33,7 +32,7 @@ export default function AboutPage() {
           metricsAnimation="slide-up"
           mediaAnimation="slide-up"
         />
-        <FooterBaseReveal logoText="EditFlow" columns={[]} />
+        <FooterBaseReveal logoText="EditPro" columns={[]} />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/account/page.tsx

@@ -9,19 +9,17 @@ export default function AccountPage() {
     <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"
+          brandName="EditPro"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
-            { name: "Pricing", id: "/pricing" },
-            { name: "Account", id: "/account" },
-            { name: "Settings", id: "/settings" },
+            { name: "Pricing", id: "/pricing" }
           ]}
         />
         <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>
+            <p>Profile management moved to profile menu.</p>
           </div>
         </main>
       </ReactLenis>

src/app/features/page.tsx

@@ -11,7 +11,7 @@ export default function FeaturesPage() {
     <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"
+          brandName="EditPro"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
@@ -31,7 +31,7 @@ export default function FeaturesPage() {
              { title: "Object Removal", description: "Generative removal of unwanted subjects." }
           ]}
         />
-        <FooterBaseReveal logoText="EditFlow" columns={[]} />
+        <FooterBaseReveal logoText="EditPro" columns={[]} />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import { Sparkles } from "lucide-react";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
 
 export default function EditorPlatformPage() {
   return (
@@ -15,25 +15,30 @@ export default function EditorPlatformPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="EditFlow"
+          brandName="EditPro"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
-            { name: "Pricing", id: "/pricing" },
-            { name: "About", id: "/about" },
-            { name: "Account", id: "/account" },
-            { name: "Settings", id: "/settings" },
+            { name: "Pricing", id: "/pricing" }
           ]}
           button={{ text: "Open Editor", href: "#contact" }}
         />
         <main className="py-24">
-            <h1 className="text-center">Welcome to EditFlow</h1>
+            <div id="hero">
+                <HeroLogo
+                    logoText="EditPro"
+                    description="Professional creative suite for pro editors."
+                    buttons={[{ text: "Get Started", href: "#" }]}
+                    imageSrc="https://images.unsplash.com/photo-1579783902614-a3fb3927b6a5?q=80&w=1600&auto=format&fit=crop"
+                    imageAlt="Professional Editing Workflow"
+                />
+            </div>
         </main>
       </ReactLenis>
     </ThemeProvider>

src/app/pricing/page.tsx

@@ -11,7 +11,7 @@ export default function PricingPage() {
     <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"
+          brandName="EditPro"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
@@ -31,7 +31,7 @@ export default function PricingPage() {
             { id: "p2", badge: "Pro", price: "$49", subtitle: "/mo", buttons: [{ text: "Select", href: "#" }], features: ["Advanced AI Tools", "Unlimited Exports", "Priority Support"] }
           ]}
         />
-        <FooterBaseReveal logoText="EditFlow" columns={[]} />
+        <FooterBaseReveal logoText="EditPro" columns={[]} />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/settings/page.tsx

@@ -9,19 +9,17 @@ export default function SettingsPage() {
     <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"
+          brandName="EditPro"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
-            { name: "Pricing", id: "/pricing" },
-            { name: "Account", id: "/account" },
-            { name: "Settings", id: "/settings" },
+            { name: "Pricing", id: "/pricing" }
           ]}
         />
         <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>
+            <p>Settings moved to profile menu.</p>
           </div>
         </main>
       </ReactLenis>