Merge version_1 into main #1
355
src/app/page.tsx
355
src/app/page.tsx
@@ -17,251 +17,134 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Command Center",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Strategy",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Bootcamp",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Pulse Terminal"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Command Center", id: "hero" },
|
||||
{ name: "Strategy", id: "features" },
|
||||
{ name: "Bootcamp", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Pulse Terminal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Master the Macro. Protect Your Capital."
|
||||
description="The Pulse Terminal delivers structured precision in a volatile world. Advanced institutional-grade intelligence for the disciplined strategist."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-boardroom-space-with-multiple-workstations-having-computers_482257-89697.jpg",
|
||||
alt: "Trading Terminal Chart",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/corporation-owner-focuses-buying-selling-stocks-grow-income_482257-97297.jpg",
|
||||
alt: "Corporation owner focuses on buying and selling stocks",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg",
|
||||
alt: "Fintech annual reports and laptop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laptop-displaying-financial-statistics_482257-123490.jpg",
|
||||
alt: "Financial statistics on screen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brokers-discussing-trading-strategy-holding-papers-with-financial-data-pointing-pen-charts-cropped-shot-broker-job-stock-market-exchange-concept_74855-14226.jpg",
|
||||
alt: "Brokers discussing strategy",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Waitlist",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Get The Blueprint",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "INSTITUTIONAL GRADE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MACRO INTELLIGENCE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "DISCIPLINED STRATEGY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "RISK MANAGEMENT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION TRADING",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Master the Macro. Protect Your Capital."
|
||||
description="The Pulse Terminal delivers structured precision in a volatile world. Advanced institutional-grade intelligence for the disciplined strategist."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-boardroom-space-with-multiple-workstations-having-computers_482257-89697.jpg", alt: "Trading Terminal Chart" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/corporation-owner-focuses-buying-selling-stocks-grow-income_482257-97297.jpg", alt: "Corporation owner focuses on buying and selling stocks" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg", alt: "Fintech annual reports and laptop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/laptop-displaying-financial-statistics_482257-123490.jpg", alt: "Financial statistics on screen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brokers-discussing-trading-strategy-holding-papers-with-financial-data-pointing-pen-charts-cropped-shot-broker-job-stock-market-exchange-concept_74855-14226.jpg", alt: "Brokers discussing strategy" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Join the Waitlist", href: "#pricing" },
|
||||
{ text: "Get The Blueprint", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "INSTITUTIONAL GRADE" },
|
||||
{ type: "text", text: "MACRO INTELLIGENCE" },
|
||||
{ type: "text", text: "DISCIPLINED STRATEGY" },
|
||||
{ type: "text", text: "RISK MANAGEMENT" },
|
||||
{ type: "text", text: "PRECISION TRADING" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fundamental Analysis",
|
||||
description: "Analyzing global liquidity and Federal Reserve policy to determine the macroeconomic regime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-371.jpg",
|
||||
},
|
||||
{
|
||||
title: "Technical Precision",
|
||||
description: "Identifying institutional liquidity levels and order blocks for exact entry and exit points.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-47425.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sentiment Mapping",
|
||||
description: "Identifying retail sentiment traps to stay on the correct side of institutional liquidity flows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-shot-patterned-background_1359-1093.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Three-Legged Stool"
|
||||
description="Our core framework ensures every trade decision is based on logic, not emotion."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fundamental Analysis", description: "Analyzing global liquidity and Federal Reserve policy to determine the macroeconomic regime.", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-371.jpg" },
|
||||
{ title: "Technical Precision", description: "Identifying institutional liquidity levels and order blocks for exact entry and exit points.", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-47425.jpg" },
|
||||
{ title: "Sentiment Mapping", description: "Identifying retail sentiment traps to stay on the correct side of institutional liquidity flows.", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-shot-patterned-background_1359-1093.jpg" },
|
||||
]}
|
||||
title="The Three-Legged Stool"
|
||||
description="Our core framework ensures every trade decision is based on logic, not emotion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Essentials",
|
||||
price: "$499",
|
||||
subtitle: "Self-study strategy kit",
|
||||
features: [
|
||||
"Risk Management Calculator",
|
||||
"Trade Journal Template",
|
||||
"Framework Videos",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Toolkit",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "bootcamp",
|
||||
badge: "Pro",
|
||||
price: "$1,299",
|
||||
subtitle: "8-week masterclass",
|
||||
features: [
|
||||
"Full Curriculum Access",
|
||||
"Weekly Macro Briefs",
|
||||
"Live Strategy Sessions",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="The Shield Protocol"
|
||||
description="Transition from retail 'trader' to institutional 'strategist' in 8 weeks."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "standard", badge: "Essentials", price: "$499", subtitle: "Self-study strategy kit", features: ["Risk Management Calculator", "Trade Journal Template", "Framework Videos"],
|
||||
buttons: [{ text: "Get Toolkit", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "bootcamp", badge: "Pro", price: "$1,299", subtitle: "8-week masterclass", features: ["Full Curriculum Access", "Weekly Macro Briefs", "Live Strategy Sessions"],
|
||||
buttons: [{ text: "Enroll Now", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="The Shield Protocol"
|
||||
description="Transition from retail 'trader' to institutional 'strategist' in 8 weeks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Mulwa, The Macro Pulse Strategist",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "About Mulwa, The Macro Pulse Strategist" }]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is this financial advice?",
|
||||
content: "No. Market analysis provided is not financial advice.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What assets do you focus on?",
|
||||
content: "Our primary focus is BTC/USD and XAU (Gold).",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I access the tool kit separately?",
|
||||
content: "Yes, our risk management tools are available separately.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Intelligence Briefing"
|
||||
description="Common inquiries about our data-driven protocols."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Is this financial advice?", content: "No. Market analysis provided is not financial advice." },
|
||||
{ id: "2", title: "What assets do you focus on?", content: "Our primary focus is BTC/USD and XAU (Gold)." },
|
||||
{ id: "3", title: "Can I access the tool kit separately?", content: "Yes, our risk management tools are available separately." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Intelligence Briefing"
|
||||
description="Common inquiries about our data-driven protocols."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Secure Your Intelligence"
|
||||
description="Get the Shield Blueprint and daily updates directly from our private desk."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist with your strategy?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283225.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Secure Your Intelligence"
|
||||
description="Get the Shield Blueprint and daily updates directly from our private desk."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we assist with your strategy?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283225.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Pulse Terminal"
|
||||
copyrightText="© 2026 The Macro Pulse Strategist. Protect your capital."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Pulse Terminal"
|
||||
copyrightText="© 2026 The Macro Pulse Strategist. Protect your capital."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user