Update src/app/shop/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -28,7 +28,7 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="Follow Trade"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Features", id: "features" },
                             { name: "Pricing", id: "pricing" },

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -44,18 +44,25 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
+        <HeroSplitKpi
-          logoText="Follow Trade"
+          title="The Future of Supply Chain"
-          description="Get expert trading recommendations and signals designed to maximize your investment returns. Join thousands of successful traders using Follow Trade for actionable market insights."
+          description="Ship globally within 3 days post-production with smart fulfillment"
+          background={{ variant: "animated-grid" }}
+          kpis={[
+            { value: "4-10 Days", label: "Worldwide Delivery" },
+            { value: "99.8%", label: "Order Accuracy" },
+            { value: "10x", label: "Faster Lead Times" }
+          ]}
+          enableKpiAnimation={true}
+          tag="Trusted by 150+ Brands"
           buttons={[
-            { text: "Start Trading", href: "#pricing" },
+            { text: "Get Started", href: "#pricing" },
             { text: "Learn More", href: "#features" }
           ]}
-          background={{ variant: "animated-grid" }}
           imageSrc="https://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg"
-          imageAlt="Trading dashboard with real-time market data"
+          imageAlt="Supply chain and fulfillment"
           mediaAnimation="opacity"
-          frameStyle="card"
+          imagePosition="right"
           buttonAnimation="opacity"
         />
       </div>

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

@@ -85,12 +85,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="Follow Trade"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Features", id: "features" },
                                 { name: "Pricing", id: "pricing" },
-                                { name: "FAQ", id: "faq" },
+                                { name: "FAQ", id: "faq" }
-                                { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -157,12 +156,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="Follow Trade"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Features", id: "features" },
                                 { name: "Pricing", id: "pricing" },
-                                { name: "FAQ", id: "faq" },
+                                { name: "FAQ", id: "faq" }
-                                { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -236,12 +234,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingOverlay
                         brandName="Follow Trade"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Features", id: "features" },
                             { name: "Pricing", id: "pricing" },
-                            { name: "FAQ", id: "faq" },
+                            { name: "FAQ", id: "faq" }
-                            { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />

src/app/shop/page.tsx

@@ -35,12 +35,11 @@ export default function ShopPage() {
                         <NavbarLayoutFloatingOverlay
                             brandName="Follow Trade"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Features", id: "features" },
                                 { name: "Pricing", id: "pricing" },
-                                { name: "FAQ", id: "faq" },
+                                { name: "FAQ", id: "faq" }
-                                { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => console.log("cart") }}
                         />
@@ -106,12 +105,11 @@ export default function ShopPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="Follow Trade"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Features", id: "features" },
                             { name: "Pricing", id: "pricing" },
-                            { name: "FAQ", id: "faq" },
+                            { name: "FAQ", id: "faq" }
-                            { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />