Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
241
src/app/page.tsx
241
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Learning",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Learning", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Stack Simple"
|
||||
/>
|
||||
@@ -53,43 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Real Investing For Everyday People"
|
||||
description="Started with $5,000 at 40. Now building wealth publicly while teaching others step-by-step."
|
||||
tag="Blue-Collar Wealth Building"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Follow The Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Start Learning", href: "#features" },
|
||||
{ text: "Follow The Journey", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66676.jpg",
|
||||
imageAlt: "Financial Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holding-smartphone-with-greenscreen-template_482257-88027.jpg",
|
||||
imageAlt: "Growth Charts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",
|
||||
imageAlt: "Man trading browsing online stock investments at night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57208.jpg",
|
||||
imageAlt: "Computer in a dark room with graphs on the screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29669.jpg",
|
||||
imageAlt: "Laptop with graphs and statistics and glasses on the table",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66676.jpg", imageAlt: "Financial Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holding-smartphone-with-greenscreen-template_482257-88027.jpg", imageAlt: "Growth Charts" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,18 +66,9 @@ export default function LandingPage() {
|
||||
title="My Story: From Irvington to Wealth"
|
||||
description="I’m a blue-collar father who didn't start investing until 40. I know what it feels like to start late, but I also know that it’s never too late to take control. I’m building this portfolio for my daughters and documenting every step so you can learn without making my mistakes."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Late Starter",
|
||||
description: "Started at 40, proving it's never too late.",
|
||||
},
|
||||
{
|
||||
title: "Transparency",
|
||||
description: "I document every trade, win, and lesson publicly.",
|
||||
},
|
||||
{
|
||||
title: "For Families",
|
||||
description: "Building generational wealth for my daughters.",
|
||||
},
|
||||
{ title: "Late Starter", description: "Started at 40, proving it's never too late." },
|
||||
{ title: "Transparency", description: "I document every trade, win, and lesson publicly." },
|
||||
{ title: "For Families", description: "Building generational wealth for my daughters." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-home-with-young-adult-reading_23-2149129066.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -128,27 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "VOO",
|
||||
subtitle: "S&P 500 exposure",
|
||||
category: "ETF Basics",
|
||||
value: "Broad market growth",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "SCHD",
|
||||
subtitle: "Dividend growth",
|
||||
category: "Dividends",
|
||||
value: "Passive income focus",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "QQQ",
|
||||
subtitle: "Tech-heavy growth",
|
||||
category: "Growth",
|
||||
value: "High potential gains",
|
||||
},
|
||||
{ id: "f1", title: "VOO", subtitle: "S&P 500 exposure", category: "ETF Basics", value: "Broad market growth" },
|
||||
{ id: "f2", title: "SCHD", subtitle: "Dividend growth", category: "Dividends", value: "Passive income focus" },
|
||||
{ id: "f3", title: "QQQ", subtitle: "Tech-heavy growth", category: "Growth", value: "High potential gains" },
|
||||
]}
|
||||
title="ETF Education & Strategies"
|
||||
description="Simplifying the complex world of investing into actionable steps you can start today."
|
||||
@@ -161,27 +96,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Budgeting",
|
||||
title: "Control your flow",
|
||||
description: "Mastering the monthly gap.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Debt Payoff",
|
||||
title: "Freeing capital",
|
||||
description: "Snowballing your path to zero.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks-paper_23-2148950412.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "HYSA",
|
||||
title: "Emergency funds",
|
||||
description: "Safety for your future peace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780605.jpg",
|
||||
},
|
||||
{ id: "m1", value: "Budgeting", title: "Control your flow", description: "Mastering the monthly gap.", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg" },
|
||||
{ id: "m2", value: "Debt Payoff", title: "Freeing capital", description: "Snowballing your path to zero.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks-paper_23-2148950412.jpg" },
|
||||
{ id: "m3", value: "HYSA", title: "Emergency funds", description: "Safety for your future peace.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780605.jpg" },
|
||||
]}
|
||||
title="Financial Literacy Tools"
|
||||
description="Foundational skills that turn a paycheck into a wealth-building machine."
|
||||
@@ -194,41 +111,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "I finally started my Roth IRA because of this channel. Truly eye-opening.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The dividend breakdown for SCHD was the game changer for me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-concentrated-young-man-with-trendy-hairdo-little-bristle-reads-news-from-income-message-holds-smart-phone-one-hand-pen-other-makes-records-prepares-business-meeting_273609-29626.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Simple, honest, and effective. The best for beginners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-office-worker-woman-sitting-office-desk-using-calculator-calculate-something-with-serious-confident-expression-face-working-office_141793-21256.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Generational wealth tips are amazing. My family is on a new path.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-picture-album_23-2149515314.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura G.",
|
||||
handle: "@laurag",
|
||||
testimonial: "I'm 45 and I feel so much more confident about retirement now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-tea_23-2151783101.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "I finally started my Roth IRA because of this channel. Truly eye-opening.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "The dividend breakdown for SCHD was the game changer for me.", imageSrc: "http://img.b2bpic.net/free-photo/shot-concentrated-young-man-with-trendy-hairdo-little-bristle-reads-news-from-income-message-holds-smart-phone-one-hand-pen-other-makes-records-prepares-business-meeting_273609-29626.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Simple, honest, and effective. The best for beginners.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-office-worker-woman-sitting-office-desk-using-calculator-calculate-something-with-serious-confident-expression-face-working-office_141793-21256.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@davidk", testimonial: "Generational wealth tips are amazing. My family is on a new path.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-picture-album_23-2149515314.jpg" },
|
||||
{ id: "t5", name: "Laura G.", handle: "@laurag", testimonial: "I'm 45 and I feel so much more confident about retirement now.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-tea_23-2151783101.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Everyday people building wealth together."
|
||||
@@ -241,28 +128,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$0",
|
||||
subtitle: "Free Resources",
|
||||
features: [
|
||||
"ETF Starter Guide",
|
||||
"Monthly Budget Sheet",
|
||||
"Wealth Tracker",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growing",
|
||||
price: "$9/mo",
|
||||
subtitle: "Community Access",
|
||||
features: [
|
||||
"Live Portfolio Updates",
|
||||
"Monthly Q&A",
|
||||
"Access to Discord",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$0", subtitle: "Free Resources", features: ["ETF Starter Guide", "Monthly Budget Sheet", "Wealth Tracker"] },
|
||||
{ id: "pro", badge: "Growing", price: "$9/mo", subtitle: "Community Access", features: ["Live Portfolio Updates", "Monthly Q&A", "Access to Discord"] },
|
||||
]}
|
||||
title="Start Your Wealth Journey"
|
||||
description="Choose your path to financial freedom."
|
||||
@@ -275,18 +142,8 @@ export default function LandingPage() {
|
||||
title="Get My Free ETF Starter Guide"
|
||||
description="Join thousands of everyday people learning to build wealth, one step at a time."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-showing-some-infographics-video-call_23-2148816821.jpg"
|
||||
buttonText="Get the Guide"
|
||||
@@ -296,45 +153,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Education",
|
||||
items: [
|
||||
{
|
||||
label: "ETF Guide",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Disclaimer",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Education", items: [{ label: "ETF Guide", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Socials", items: [{ label: "YouTube", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Disclaimer", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Stack Simple"
|
||||
copyrightText="© 2025 Stack Simple. Educational purposes only."
|
||||
@@ -343,4 +164,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user