Update src/app/shop/page.tsx

Update src/app/shop/[id]/page.tsx
Update src/app/page.tsx
2026-02-18 09:11:22 +00:00 · 2026-02-18 09:11:21 +00:00 · 2026-02-18 09:11:21 +00:00 · 2026-02-18 09:11:20 +00:00 · 2026-02-18 09:11:19 +00:00 · 2026-02-18 09:08:24 +00:00
5 changed files with 47 additions and 26 deletions
--- a/src/app/blog/page.tsx
+++ b/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" },
@@ -98,4 +98,4 @@ export default function BlogPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,12 +4,11 @@ import "./globals.css";
 import "./styles/variables.css";
 import "./styles/base.css";

-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Follow Trade",  description: "Expert trading recommendations and market signals"};
+  title: "Follow Trade",  description: "Expert-driven trading recommendations and market signals"
+};

 export default function RootLayout({
  children,
@@ -18,7 +17,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={inter.variable}>{children}
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1233,6 +1232,31 @@ export default function RootLayout({
  window.addEventListener('scroll', handleScroll, true);
  window.addEventListener('message', handleMessage, true);
  
+  let lastPathname = window.location.pathname;
+  
+  const notifyPageChange = () => {
+    window.parent.postMessage({
+      type: 'webild-page-changed',
+      data: { pathname: window.location.pathname }
+    }, '*');
+  };
+  
+  window.addEventListener('popstate', () => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, true);
+  
+  const urlCheckInterval = setInterval(() => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, 500);
+  
+  notifyPageChange();
+  
  window.webildCleanup = () => {
    isActive = false;
    
@@ -1243,6 +1267,10 @@ export default function RootLayout({
    removeHoverOverlay();
    removeElementTypeLabel();
    
+    if (urlCheckInterval) {
+      clearInterval(urlCheckInterval);
+    }
+    
    document.removeEventListener('mouseover', handleMouseOver, true);
    document.removeEventListener('mouseout', handleMouseOut, true);
    document.removeEventListener('click', handleClick, true);
@@ -1273,4 +1301,4 @@ export default function RootLayout({
      </body>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -31,7 +31,7 @@ export default function LandingPage() {
        <NavbarLayoutFloatingOverlay
          brandName="Follow Trade"
          navItems={[
-            { name: "Home", id: "/" },
+            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
@@ -44,16 +44,10 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroSplitKpi
+        <HeroBillboard
          title="The Future of Supply Chain"
          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: "Get Started", href: "#pricing" },
@@ -62,7 +56,6 @@ export default function LandingPage() {
          imageSrc="https://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg"
          imageAlt="Supply chain and fulfillment"
          mediaAnimation="opacity"
-          imagePosition="right"
          buttonAnimation="opacity"
        />
      </div>
@@ -307,4 +300,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,7 +85,7 @@ 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" },
@@ -156,7 +156,7 @@ 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" },
@@ -234,7 +234,7 @@ 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" },
@@ -317,4 +317,4 @@ export default function ProductPage({ params }: ProductPageProps) {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -35,7 +35,7 @@ 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" },
@@ -105,7 +105,7 @@ 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" },
@@ -163,4 +163,4 @@ export default function ShopPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
Author	SHA1	Message	Date
bender	e802c81a09	Update src/app/shop/page.tsx	2026-02-18 09:11:22 +00:00
bender	a3383233ee	Update src/app/shop/[id]/page.tsx	2026-02-18 09:11:21 +00:00
bender	007eb01e9a	Update src/app/page.tsx	2026-02-18 09:11:21 +00:00
bender	6d462bda54	Update src/app/layout.tsx	2026-02-18 09:11:20 +00:00
bender	8f48d9dfa2	Update src/app/blog/page.tsx	2026-02-18 09:11:19 +00:00
bender	72d3c76418	Update src/app/shop/page.tsx	2026-02-18 09:08:24 +00:00
bender	1baedaa120	Update src/app/shop/[id]/page.tsx	2026-02-18 09:08:24 +00:00
bender	a4cda7e2a4	Update src/app/page.tsx	2026-02-18 09:08:23 +00:00
bender	1d35264bec	Update src/app/layout.tsx	2026-02-18 09:08:22 +00:00
bender	c054fbaae5	Update src/app/blog/page.tsx	2026-02-18 09:08:21 +00:00
kudindmitriy	48e3147210	Bob AI: update the hero section with Hero Split KPI	2026-02-17 17:37:30 +00:00
kudindmitriy	274b3210c7	Bob AI: change hero section to [Block: Hero Billboard]	2026-02-17 17:35:47 +00:00