Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -12,6 +12,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Brain, Heart, Rocket, Shield, Sparkles, TrendingUp, Zap } from "lucide-react";
+import Image from "next/image";
 
 export default function LandingPage() {
   return (
@@ -41,24 +42,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
+        <HeroBillboard
           title="Capture Every Idea. Let AI Organize Everything."
           description="NoteFlow uses advanced AI to intelligently organize, summarize, and retrieve your notes. Transform scattered thoughts into actionable insights with smart categorization and instant search."
           tag="The Future of Note-Taking"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
-          mediaItems={[
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-ai-note-taking-application-dashb-1771559142393-f42fd4fb.png",              imageAlt: "NoteFlow AI dashboard showing organized notes"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-overhead-view-of-a-modern-workspace-w-1771559149228-2075b819.png",              imageAlt: "Modern workspace with NoteFlow application"
-            }
-          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-ai-note-taking-application-dashb-1771559142393-f42fd4fb.png"
+          imageAlt="NoteFlow AI-powered interface"
           mediaAnimation="slide-up"
-          rating={5}
-          ratingText="Trusted by 50K+ productive users"
           buttons={[
             { text: "Start for Free", href: "#contact" },
             { text: "Watch Demo", href: "#" }

src/app/shop/[id]/page.tsx

@@ -90,8 +90,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "How It Works", id: "about" },
                                 { name: "Testimonials", id: "testimonials" },
                                 { name: "FAQ", id: "faq" },
-                                { name: "Get Started", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Get Started", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -162,8 +161,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "How It Works", id: "about" },
                                 { name: "Testimonials", id: "testimonials" },
                                 { name: "FAQ", id: "faq" },
-                                { name: "Get Started", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Get Started", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -241,8 +239,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             { name: "How It Works", id: "about" },
                             { name: "Testimonials", id: "testimonials" },
                             { name: "FAQ", id: "faq" },
-                            { name: "Get Started", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Get Started", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />

src/app/shop/page.tsx

@@ -40,8 +40,7 @@ export default function ShopPage() {
                                 { name: "How It Works", id: "about" },
                                 { name: "Testimonials", id: "testimonials" },
                                 { name: "FAQ", id: "faq" },
-                                { name: "Get Started", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Get Started", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => console.log("cart") }}
                         />
@@ -111,8 +110,7 @@ export default function ShopPage() {
                             { name: "How It Works", id: "about" },
                             { name: "Testimonials", id: "testimonials" },
                             { name: "FAQ", id: "faq" },
-                            { name: "Get Started", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Get Started", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />