bender/9e6fea7c-5fa0-45be-b6cd-4500a3726ed6
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_4
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

13 Commits
version_1 ... version_4

Author SHA1 Message Date
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
bender
43547218d8 Update src/app/shop/page.tsx 2026-02-17 17:06:52 +00:00
bender
61c06f3288 Update src/app/shop/[id]/page.tsx 2026-02-17 17:06:52 +00:00
bender
4c6db65985 Update src/app/page.tsx 2026-02-17 17:06:51 +00:00
bender
c11e13c6e2 Update src/app/blog/page.tsx 2026-02-17 17:06:50 +00:00
bender
cc28b71959 Merge version_1 into main 
Merge version_1 into main
 2026-02-16 14:46:36 +00:00
6 changed files with 85 additions and 72 deletions
Expand all files Collapse all files

2
src/app/blog/page.tsx
View File

@@ -98,4 +98,4 @@ export default function BlogPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

79
src/app/layout.tsx
View File

@@ -1,46 +1,24 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Open_Sans } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import "./styles/variables.css";
import Tag from "@/tag/Tag"; import "./styles/base.css";
const openSans = Open_Sans({ const inter = Inter({
variable: "--font-open-sans", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
export const metadata: Metadata = { 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"), title: "Follow Trade", description: "Expert trading recommendations and market signals"};
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
}
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.variable}>{children}
<body
className={openSans.variable}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -434,6 +412,20 @@ export default function RootLayout({
originalContent = element.textContent; originalContent = element.textContent;
element.contentEditable = 'true'; 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(); element.focus();
isEditing = true; isEditing = true;
@@ -543,6 +535,23 @@ export default function RootLayout({
element.contentEditable = 'false'; element.contentEditable = 'false';
isEditing = 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') { if (element.dataset.beforeInputHandler === 'true') {
element.removeEventListener('beforeinput', () => {}); element.removeEventListener('beforeinput', () => {});
delete element.dataset.beforeInputHandler; delete element.dataset.beforeInputHandler;
@@ -848,6 +857,9 @@ export default function RootLayout({
const handleScroll = () => { const handleScroll = () => {
if (!isActive) return; if (!isActive) return;
if (isEditing) return;
if (selectedElement) { if (selectedElement) {
makeUneditable(selectedElement, false); makeUneditable(selectedElement, false);
selectedElement.classList.remove(selectedClass); selectedElement.classList.remove(selectedClass);
@@ -1259,7 +1271,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

29
src/app/page.tsx
View File

@@ -1,8 +1,8 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; 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 TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -31,7 +31,7 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Follow Trade" brandName="Follow Trade"
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Home", id: "/" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
@@ -44,18 +44,25 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <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={[ buttons={[
{ text: "Start Trading", href: "#pricing" }, { text: "Get Started", href: "#pricing" },
{ text: "Learn More", href: "#features" } { 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" 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" mediaAnimation="opacity"
frameStyle="card" imagePosition="right"
buttonAnimation="opacity" buttonAnimation="opacity"
/> />
</div> </div>
@@ -300,4 +307,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

11
src/app/shop/[id]/page.tsx
View File

@@ -89,8 +89,7 @@ export default function ProductPage({ params }: ProductPageProps) {
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" }
{ name: "Shop", id: "/shop" }
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
@@ -161,8 +160,7 @@ export default function ProductPage({ params }: ProductPageProps) {
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" }
{ name: "Shop", id: "/shop" }
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
@@ -240,8 +238,7 @@ export default function ProductPage({ params }: ProductPageProps) {
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" }
{ name: "Shop", id: "/shop" }
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
@@ -320,4 +317,4 @@ export default function ProductPage({ params }: ProductPageProps) {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

8
src/app/shop/page.tsx
View File

@@ -39,8 +39,7 @@ export default function ShopPage() {
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" }
{ name: "Shop", id: "/shop" }
]} ]}
button={{ text: "Cart", onClick: () => console.log("cart") }} button={{ text: "Cart", onClick: () => console.log("cart") }}
/> />
@@ -110,8 +109,7 @@ export default function ShopPage() {
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" }
{ name: "Shop", id: "/shop" }
]} ]}
button={{ text: "Cart", onClick: () => console.log("cart") }} button={{ text: "Cart", onClick: () => console.log("cart") }}
/> />
@@ -165,4 +163,4 @@ export default function ShopPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

28
src/app/styles/variables.css
View File

@@ -2,21 +2,21 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5f5f5;; /* --background: #0a0a0a;;
--card: #ffffff;; --card: #1a1a1a;;
--foreground: #1c1c1c;; --foreground: #ffffffe6;;
--primary-cta: #1f514c;; --primary-cta: #e63946;;
--secondary-cta: #ffffff;; --secondary-cta: #1a1a1a;;
--accent: #159c49;; --accent: #737373;;
--background-accent: #a8e8ba;; */ --background-accent: #737373;; */
--background: #f5f5f5;; --background: #0a0a0a;;
--card: #ffffff;; --card: #1a1a1a;;
--foreground: #1c1c1c;; --foreground: #ffffffe6;;
--primary-cta: #1f514c;; --primary-cta: #e63946;;
--secondary-cta: #ffffff;; --secondary-cta: #1a1a1a;;
--accent: #159c49;; --accent: #737373;;
--background-accent: #a8e8ba;; --background-accent: #737373;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);