Update src/pages/HomePage.tsx
This commit is contained in:
@@ -11,220 +11,125 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Education Elevated"
|
||||
title="Master the Architecture of Digital Wealth"
|
||||
description="Income Stack combines elite educational ebooks with actionable financial frameworks designed for the modern wealth builder."
|
||||
primaryButton={{
|
||||
text: "Unlock Income Stack",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Curriculum",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-credit-card-debit-card_187299-47803.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Education Elevated"
|
||||
title="Master the Architecture of Digital Wealth"
|
||||
description="Income Stack combines elite educational ebooks with actionable financial frameworks designed for the modern wealth builder."
|
||||
primaryButton={{ text: "Unlock Income Stack", href: "#contact" }}
|
||||
secondaryButton={{ text: "Explore Curriculum", href: "#about" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-credit-card-debit-card_187299-47803.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Philosophy"
|
||||
title="Knowledge is the Ultimate Asset"
|
||||
description="We believe financial freedom is built on the foundation of structured knowledge. Income Stack provides you with the blueprints used by industry-leading wealth architects."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Philosophy"
|
||||
title="Knowledge is the Ultimate Asset"
|
||||
description="We believe financial freedom is built on the foundation of structured knowledge. Income Stack provides you with the blueprints used by industry-leading wealth architects."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Systemized Growth"
|
||||
title="Everything You Need to Stack Income"
|
||||
description="Scalable strategies, risk management protocols, and actionable financial roadmaps."
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Track your wealth velocity and performance metrics with real-time feedback loops.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=gwvvuj",
|
||||
imageAlt: "minimalist logo tech",
|
||||
},
|
||||
{
|
||||
title: "Strategic Roadmap",
|
||||
description: "A step-by-step framework to maximize your return on effort.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "The Blueprint",
|
||||
subheading: "Four critical stages to wealth",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Establish Baseline",
|
||||
detail: "Define your current financial constraints",
|
||||
},
|
||||
{
|
||||
label: "Execute Protocol",
|
||||
detail: "Implement income-generating systems",
|
||||
},
|
||||
{
|
||||
label: "Optimize Velocity",
|
||||
detail: "Refine and scale your existing flows",
|
||||
},
|
||||
],
|
||||
completedLabel: "Growth Unlocked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=2",
|
||||
imageAlt: "minimalist logo tech",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Systemized Growth"
|
||||
title="Everything You Need to Stack Income"
|
||||
description="Scalable strategies, risk management protocols, and actionable financial roadmaps."
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics", description: "Track your wealth velocity and performance metrics with real-time feedback loops.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Strategic Roadmap", description: "A step-by-step framework to maximize your return on effort.", bentoComponent: "checklist-timeline", heading: "The Blueprint", subheading: "Four critical stages to wealth", checklistItems: [
|
||||
{ label: "Establish Baseline", detail: "Define your current financial constraints" },
|
||||
{ label: "Execute Protocol", detail: "Implement income-generating systems" },
|
||||
{ label: "Optimize Velocity", detail: "Refine and scale your existing flows" }
|
||||
],
|
||||
completedLabel: "Growth Unlocked"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Proven Results"
|
||||
title="Tangible Impact for Our Readers"
|
||||
description="The metrics behind the Income Stack growth methodology."
|
||||
metrics={[
|
||||
{
|
||||
value: "15k+",
|
||||
description: "Readers Stacked",
|
||||
},
|
||||
{
|
||||
value: "400%",
|
||||
description: "Average Income Growth",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
description: "Knowledge Access",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Proven Results"
|
||||
title="Tangible Impact for Our Readers"
|
||||
description="The metrics behind the Income Stack growth methodology."
|
||||
metrics={[
|
||||
{ value: "15k+", description: "Readers Stacked" },
|
||||
{ value: "400%", description: "Average Income Growth" },
|
||||
{ value: "24/7", description: "Knowledge Access" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Industry Alignment"
|
||||
title="Recognized by Industry Leaders"
|
||||
names={[
|
||||
"Forbes",
|
||||
"TechCrunch",
|
||||
"Financial Times",
|
||||
"Wall Street Journal",
|
||||
"Business Insider",
|
||||
"Inc. Magazine",
|
||||
"Fast Company",
|
||||
]}
|
||||
description="Join a global network of wealth builders backed by industry leaders."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Industry Alignment"
|
||||
title="Recognized by Industry Leaders"
|
||||
names={["Forbes", "TechCrunch", "Financial Times", "Wall Street Journal", "Business Insider", "Inc. Magazine", "Fast Company"]}
|
||||
description="Join a global network of wealth builders backed by industry leaders."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Voice of Success"
|
||||
title="Hear from the Stackers"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Finance Lead",
|
||||
company: "Global Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confused-office-worker-shrugging-cant-understand-something-standing-white-background_1258-113735.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael R.",
|
||||
role: "CEO",
|
||||
company: "Growth Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
role: "Strategist",
|
||||
company: "Wealth Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
role: "Developer",
|
||||
company: "Stack Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
role: "Consultant",
|
||||
company: "Finance Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3777.jpg",
|
||||
},
|
||||
]}
|
||||
description="Success stories from our diverse community of financial architects."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Voice of Success"
|
||||
title="Hear from the Stackers"
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", role: "Finance Lead", company: "Global Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confused-office-worker-shrugging-cant-understand-something-standing-white-background_1258-113735.jpg" },
|
||||
{ name: "Michael R.", role: "CEO", company: "Growth Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg" },
|
||||
{ name: "Elena K.", role: "Strategist", company: "Wealth Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg" },
|
||||
{ name: "David W.", role: "Developer", company: "Stack Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg" },
|
||||
{ name: "Marcus L.", role: "Consultant", company: "Finance Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3777.jpg" }
|
||||
]}
|
||||
description="Success stories from our diverse community of financial architects."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you start your journey."
|
||||
items={[
|
||||
{
|
||||
question: "Is this for beginners?",
|
||||
answer: "Absolutely. Income Stack is designed to meet you where you are and scale with you.",
|
||||
},
|
||||
{
|
||||
question: "What formats are provided?",
|
||||
answer: "All our ebooks are provided in high-quality PDF, ePub, and audiobook formats.",
|
||||
},
|
||||
{
|
||||
question: "How do I get access?",
|
||||
answer: "Purchase once and receive lifetime updates and access to our community portal.",
|
||||
},
|
||||
{
|
||||
question: "Is there support?",
|
||||
answer: "Yes, our team is available 24/7 to assist with your specific financial growth questions.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you start your journey."
|
||||
items={[
|
||||
{ question: "Is this for beginners?", answer: "Absolutely. Income Stack is designed to meet you where you are and scale with you." },
|
||||
{ question: "What formats are provided?", answer: "All our ebooks are provided in high-quality PDF, ePub, and audiobook formats." },
|
||||
{ question: "How do I get access?", answer: "Purchase once and receive lifetime updates and access to our community portal." },
|
||||
{ question: "Is there support?", answer: "Yes, our team is available 24/7 to assist with your specific financial growth questions." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Start?"
|
||||
text="Join 15,000+ others who have already built their income stacks."
|
||||
primaryButton={{
|
||||
text: "Get Access",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ready to Start?"
|
||||
text="Join 15,000+ others who have already built their income stacks."
|
||||
primaryButton={{ text: "Get Access", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Sales", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user