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
3 changed files with 89 additions and 57 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,46 +1,23 @@
 import type { Metadata } from "next";
-import { Open_Sans } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import "./styles/variables.css";
+import "./styles/base.css";

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

 export const metadata: Metadata = {
-  title: "Follow Trade - Expert Trading Recommendations & Signals",  description: "Get real-time trading recommendations from professional traders. 76% accuracy rate, 10,000+ active traders, and proven performance. Start your free trial today.",  keywords: "trading signals, investment recommendations, stock trading, forex trading, technical analysis, market insights",  metadataBase: new URL("https://followtrade.com"),
-  alternates: {
-    canonical: "https://followtrade.com"
-  },
-  openGraph: {
-    title: "Follow Trade - Expert Trading Signals",    description: "Professional trading recommendations with 76% accuracy. Real-time signals, expert analysis, and proven results.",    type: "website",    siteName: "Follow Trade",    images: [{
-      url: "https://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg",      alt: "Follow Trade Trading Dashboard"
-    }]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Follow Trade - Expert Trading Recommendations",    description: "Real-time trading signals with 76% accuracy. Join 10,000+ successful traders.",    images: ["https://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg"]
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
+  title: "Follow Trade",  description: "Expert-driven trading recommendations and market signals"
 };

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={openSans.variable}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -434,6 +411,20 @@ export default function RootLayout({
    
    originalContent = element.textContent;
    element.contentEditable = 'true';
+    
+    if (!element.dataset.webildOriginalWhiteSpace) {
+      const computedStyle = window.getComputedStyle(element);
+      element.dataset.webildOriginalWhiteSpace = computedStyle.whiteSpace;
+      element.dataset.webildOriginalWordWrap = computedStyle.wordWrap;
+      element.dataset.webildOriginalOverflowWrap = computedStyle.overflowWrap;
+      element.dataset.webildOriginalOverflow = computedStyle.overflow;
+    }
+    
+    element.style.whiteSpace = 'pre-wrap';
+    element.style.wordWrap = 'break-word';
+    element.style.overflowWrap = 'break-word';
+    element.style.overflow = 'visible';
+    
    element.focus();
    isEditing = true;
    
@@ -543,6 +534,23 @@ export default function RootLayout({
    element.contentEditable = 'false';
    isEditing = false;
    
+    if (element.dataset.webildOriginalWhiteSpace) {
+      element.style.whiteSpace = element.dataset.webildOriginalWhiteSpace === 'normal' ? '' : element.dataset.webildOriginalWhiteSpace;
+      delete element.dataset.webildOriginalWhiteSpace;
+    }
+    if (element.dataset.webildOriginalWordWrap) {
+      element.style.wordWrap = element.dataset.webildOriginalWordWrap === 'normal' ? '' : element.dataset.webildOriginalWordWrap;
+      delete element.dataset.webildOriginalWordWrap;
+    }
+    if (element.dataset.webildOriginalOverflowWrap) {
+      element.style.overflowWrap = element.dataset.webildOriginalOverflowWrap === 'normal' ? '' : element.dataset.webildOriginalOverflowWrap;
+      delete element.dataset.webildOriginalOverflowWrap;
+    }
+    if (element.dataset.webildOriginalOverflow) {
+      element.style.overflow = element.dataset.webildOriginalOverflow === 'visible' ? '' : element.dataset.webildOriginalOverflow;
+      delete element.dataset.webildOriginalOverflow;
+    }
+    
    if (element.dataset.beforeInputHandler === 'true') {
      element.removeEventListener('beforeinput', () => {});
      delete element.dataset.beforeInputHandler;
@@ -848,6 +856,9 @@ export default function RootLayout({

  const handleScroll = () => {
    if (!isActive) return;
+    
+    if (isEditing) return;
+    
    if (selectedElement) {
      makeUneditable(selectedElement, false);
      selectedElement.classList.remove(selectedClass);
@@ -1221,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;
    
@@ -1231,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);
@@ -1259,7 +1299,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";

 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';
@@ -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>
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,21 +2,21 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f514c;;
-  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;; */
+  /* --background: #0a0a0a;;
+  --card: #000000;;
+  --foreground: #ff0000;;
+  --primary-cta: #ff0000;;
+  --secondary-cta: #000000;;
+  --accent: #ff0000;;
+  --background-accent: #000000;; */

-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f514c;;
-  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;;
+  --background: #000000;;
+  --card: #000000;;
+  --foreground: #ff0000;;
+  --primary-cta: #ff0000;;
+  --secondary-cta: #000000;;
+  --accent: #ff0000;;
+  --background-accent: #000000;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
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
kudindmitriy	7de4e9c51d	Bob AI: change color theme to red and black	2026-02-17 17:34:37 +00:00
kudindmitriy	443d603adc	Bob AI: change color theme to yellow and black	2026-02-17 17:17:55 +00:00
bender	01c7be9346	Merge version_3 into main Merge version_3 into main	2026-02-17 17:15:47 +00:00
bender	24b86df9c3	Update src/app/styles/variables.css	2026-02-17 17:15:43 +00:00
bender	2d93995c74	Update src/app/shop/page.tsx	2026-02-17 17:15:42 +00:00
bender	e78775b3b6	Update src/app/shop/[id]/page.tsx	2026-02-17 17:15:42 +00:00
bender	f866f4edc4	Update src/app/page.tsx	2026-02-17 17:15:41 +00:00
bender	dd87203262	Update src/app/layout.tsx	2026-02-17 17:15:40 +00:00
bender	d7ccd5de76	Update src/app/blog/page.tsx	2026-02-17 17:15:39 +00:00
bender	9c5d63a45f	Merge version_2 into main Merge version_2 into main	2026-02-17 17:06:56 +00:00