Merge version_1 into main #2
347
src/app/page.tsx
347
src/app/page.tsx
@@ -27,250 +27,123 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Product",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "proof",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
]}
|
||||
brandName="TRENDIZER"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Product", id: "product" },
|
||||
{ name: "Results", id: "proof" },
|
||||
{ name: "About", id: "about" },
|
||||
]}
|
||||
brandName="TRENDIZER"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
title="Trade Smarter with AI — Not Emotions"
|
||||
description="Paste a prompt. Analyze the trend. Make better decisions."
|
||||
tag="PREMIUM CRYPTO ANALYSIS"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get TRENDIZER Now",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg?_wi=1",
|
||||
imageAlt: "Dashboard View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg?_wi=2",
|
||||
imageAlt: "AI Trend Analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg?_wi=3",
|
||||
imageAlt: "Bullish Signals",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg?_wi=4",
|
||||
imageAlt: "Bearish Detection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg?_wi=5",
|
||||
imageAlt: "Entry Points Visualization",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ traders"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Trade Smarter with AI — Not Emotions"
|
||||
description="Paste a prompt. Analyze the trend. Make better decisions."
|
||||
tag="PREMIUM CRYPTO ANALYSIS"
|
||||
buttons={[{ text: "Get TRENDIZER Now", href: "#product" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg", imageAlt: "Dashboard View"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg", imageAlt: "AI Trend Analysis"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ traders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Upload Chart",
|
||||
description: "Drag and drop your market chart into the Trendizer interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/outline-cloud-with-red-upload-download-arrows_78370-5500.jpg",
|
||||
imageAlt: "Upload",
|
||||
},
|
||||
{
|
||||
title: "Paste Prompt",
|
||||
description: "Copy your custom trading prompt into your AI model.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-code-logo-pack_23-2148810659.jpg",
|
||||
imageAlt: "Prompt",
|
||||
},
|
||||
{
|
||||
title: "Get Trend",
|
||||
description: "Receive actionable trend entry and exit levels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991204.jpg",
|
||||
imageAlt: "Trend",
|
||||
},
|
||||
]}
|
||||
title="How it Works"
|
||||
description="Simple steps to unlock market clarity."
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Upload Chart", description: "Drag and drop your market chart into the Trendizer interface.", imageSrc: "http://img.b2bpic.net/free-vector/outline-cloud-with-red-upload-download-arrows_78370-5500.jpg", imageAlt: "Upload" },
|
||||
{ title: "Paste Prompt", description: "Copy your custom trading prompt into your AI model.", imageSrc: "http://img.b2bpic.net/free-vector/flat-code-logo-pack_23-2148810659.jpg", imageAlt: "Prompt" },
|
||||
{ title: "Get Trend", description: "Receive actionable trend entry and exit levels.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991204.jpg", imageAlt: "Trend" }
|
||||
]}
|
||||
title="How it Works"
|
||||
description="Simple steps to unlock market clarity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic Trend Pack",
|
||||
price: "$99",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454624.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Elite Trading Suite",
|
||||
price: "$199",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454624.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hedge Fund Pro",
|
||||
price: "$499",
|
||||
variant: "Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454624.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="The Trendizer Pack"
|
||||
description="High-accuracy trading prompts for modern markets."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Basic Trend Pack", price: "$99", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454624.jpg" },
|
||||
{ id: "p2", name: "Elite Trading Suite", price: "$199", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454624.jpg" },
|
||||
{ id: "p3", name: "Hedge Fund Pro", price: "$499", variant: "Expert", imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454624.jpg" }
|
||||
]}
|
||||
title="The Trendizer Pack"
|
||||
description="High-accuracy trading prompts for modern markets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="proof" data-section="proof">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex K.",
|
||||
handle: "@crypto_pro",
|
||||
testimonial: "The signals are so much clearer now. No more guessing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam R.",
|
||||
handle: "@trader_sam",
|
||||
testimonial: "This system saved me so much time analyzing charts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jamie L.",
|
||||
handle: "@logic_jamie",
|
||||
testimonial: "Finally, a tool that focuses on logic instead of hype.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus V.",
|
||||
handle: "@v_trading",
|
||||
testimonial: "The AI levels are consistently accurate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_trades",
|
||||
testimonial: "Beginner friendly and incredibly effective.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Market Results"
|
||||
description="See the clarity difference in every trade."
|
||||
/>
|
||||
</div>
|
||||
<div id="proof" data-section="proof">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex K.", handle: "@crypto_pro", testimonial: "The signals are so much clearer now. No more guessing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg" },
|
||||
{ id: "t2", name: "Sam R.", handle: "@trader_sam", testimonial: "This system saved me so much time analyzing charts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg" },
|
||||
{ id: "t3", name: "Jamie L.", handle: "@logic_jamie", testimonial: "Finally, a tool that focuses on logic instead of hype.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg" },
|
||||
{ id: "t4", name: "Marcus V.", handle: "@v_trading", testimonial: "The AI levels are consistently accurate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg" },
|
||||
{ id: "t5", name: "Sarah P.", handle: "@sarah_trades", testimonial: "Beginner friendly and incredibly effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/music-production-team-examining-volume-levels-audio-software_482257-115909.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Market Results"
|
||||
description="See the clarity difference in every trade."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="FOUNDER STORY"
|
||||
title="Driven by Logic"
|
||||
description="My goal was simple: stop the emotional trading cycle. Trendizer was born out of a need for discipline and high-probability setups."
|
||||
subdescription="I built this to bring hedge-fund logic to everyday traders."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"
|
||||
imageAlt="Founder"
|
||||
icon={TrendingUp}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="FOUNDER STORY"
|
||||
title="Driven by Logic"
|
||||
description="My goal was simple: stop the emotional trading cycle. Trendizer was born out of a need for discipline and high-probability setups."
|
||||
subdescription="I built this to bring hedge-fund logic to everyday traders."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"
|
||||
imageAlt="Founder"
|
||||
icon={TrendingUp}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="GET STARTED"
|
||||
title="Start Trading Smarter Today"
|
||||
description="Join thousands of traders using Trendizer."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg?_wi=6"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="GET STARTED"
|
||||
title="Start Trading Smarter Today"
|
||||
description="Join thousands of traders using Trendizer."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-market-chart-technology-blue-background_53876-124650.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="TRENDIZER"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Prompt Packs",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Demos",
|
||||
href: "#proof",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#cta",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="TRENDIZER"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Prompt Packs", href: "#product" }, { label: "Demos", href: "#proof" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#cta" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user