Update src/app/page.tsx

Merge version_5 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 HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 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,15 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
+        <HeroBillboardScroll
           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"
-            }
-          ]}
-          mediaAnimation="slide-up"
-          rating={5}
-          ratingText="Trusted by 50K+ productive users"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771561504491-wsbrdejk.png"
+          imageAlt="NoteFlow AI-powered interface"
           buttons={[
             { text: "Start for Free", href: "#contact" },
             { text: "Watch Demo", href: "#" }
@@ -79,7 +71,7 @@ export default function LandingPage() {
               id: "01",              title: "AI-Powered Summaries",              description: "Automatically generate concise summaries of long notes and documents with intelligent AI analysis",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-conceptual-illustration-of-ai-neural-n-1771559162036-c6949924.png",              imageAlt: "AI neural network processing information"
             },
             {
-              id: "02",              title: "Smart Tag Organization",              description: "Let AI automatically categorize and tag your notes for perfect organization without manual effort",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-visual-representation-of-smart-tag-org-1771559169103-e04835b2.png",              imageAlt: "Smart tag system organizing notes"
+              id: "02",              title: "Smart Tag Organization",              description: "Let AI automatically categorize and tag your notes for perfect organization without manual effort",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771561904569-1hvrxdxy.png",              imageAlt: "Smart tag system organizing notes"
             },
             {
               id: "03",              title: "Cross-Device Sync",              description: "Your notes sync instantly across all your devices—laptop, tablet, and phone—in real-time",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-visualization-of-cloud-synchronization-1771559175552-60541e95.png",              imageAlt: "Synchronization across multiple devices"

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") }}
                     />