Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
490
src/app/page.tsx
490
src/app/page.tsx
@@ -30,340 +30,182 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Problem",
|
||||
id: "#problem",
|
||||
},
|
||||
{
|
||||
name: "Solution",
|
||||
id: "#solution",
|
||||
},
|
||||
{
|
||||
name: "Audit",
|
||||
id: "#audit",
|
||||
},
|
||||
]}
|
||||
brandName="Reset Finance"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Problem", id: "problem" },
|
||||
{ name: "Solution", id: "solution" },
|
||||
{ name: "Audit", id: "audit" },
|
||||
]}
|
||||
brandName="Reset Finance"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="You Make Money. But You Don’t Have a System."
|
||||
description="We help young earners clean up their finances, stop leaking money, and build a structure that actually turns income into wealth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply for an Audit",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599218.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-front-view-black-white-prism-rainbow-light_23-2148846184.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-shadows-day-city_23-2149451181.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599220.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ professionals building wealth"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Financial Clarity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Asset Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Systemized Savings",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tax Efficiency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Debt Management",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="You Make Money. But You Don’t Have a System."
|
||||
description="We help young earners clean up their finances, stop leaking money, and build a structure that actually turns income into wealth."
|
||||
buttons={[
|
||||
{ text: "Apply for an Audit", href: "#contact" },
|
||||
{ text: "See How It Works", href: "#how-it-works" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599218.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-front-view-black-white-prism-rainbow-light_23-2148846184.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture-shadows-day-city_23-2149451181.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599220.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Join 500+ professionals building wealth"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Financial Clarity" },
|
||||
{ type: "text", text: "Asset Optimization" },
|
||||
{ type: "text", text: "Systemized Savings" },
|
||||
{ type: "text", text: "Tax Efficiency" },
|
||||
{ type: "text", text: "Debt Management" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="problem" data-section="problem">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Making money isn’t your problem. Keeping it is."
|
||||
metrics={[
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
label: "Income Leaks",
|
||||
value: "Unidentified",
|
||||
},
|
||||
{
|
||||
icon: ArrowDown,
|
||||
label: "Structure",
|
||||
value: "Non-existent",
|
||||
},
|
||||
{
|
||||
icon: BarChart2,
|
||||
label: "Growth Strategy",
|
||||
value: "Missing",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="problem" data-section="problem">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Making money isn’t your problem. Keeping it is."
|
||||
metrics={[
|
||||
{ icon: AlertTriangle, label: "Income Leaks", value: "Unidentified" },
|
||||
{ icon: ArrowDown, label: "Structure", value: "Non-existent" },
|
||||
{ icon: BarChart2, label: "Growth Strategy", value: "Missing" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="solution" data-section="solution">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Clarity",
|
||||
description: "Know exactly where your money is going every single month.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-metallic-ribbed-background_84443-82034.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Total spend visibility",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "No more guessing",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle2,
|
||||
text: "Accurate tracking",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599218.jpg?_wi=2",
|
||||
imageAlt: "abstract digital data flow dark",
|
||||
},
|
||||
]}
|
||||
title="We build your money system."
|
||||
description="We don’t tell you what stocks to pick. We fix the foundation—your cash flow, spending, structure, and direction—so your money actually works."
|
||||
/>
|
||||
</div>
|
||||
<div id="solution" data-section="solution">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Clarity", description: "Know exactly where your money is going every single month.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-metallic-ribbed-background_84443-82034.jpg", imageAlt: "abstract digital data flow dark"
|
||||
},
|
||||
items: [
|
||||
{ icon: Eye, text: "Total spend visibility" },
|
||||
{ icon: Shield, text: "No more guessing" },
|
||||
{ icon: CheckCircle2, text: "Accurate tracking" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="We build your money system."
|
||||
description="We don’t tell you what stocks to pick. We fix the foundation—your cash flow, spending, structure, and direction—so your money actually works."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="audit" data-section="audit">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "audit-tier",
|
||||
name: "Audit",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Full financial breakdown",
|
||||
"Leak identification",
|
||||
"Action plan",
|
||||
"1-on-1 walkthrough",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="The Financial Reset Audit"
|
||||
description="Everything you need to turn chaos into a wealth-building machine."
|
||||
/>
|
||||
</div>
|
||||
<div id="audit" data-section="audit">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "audit-tier", name: "Audit", price: "Custom", features: ["Full financial breakdown", "Leak identification", "Action plan", "1-on-1 walkthrough"],
|
||||
buttons: [{ text: "Apply Now", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="The Financial Reset Audit"
|
||||
description="Everything you need to turn chaos into a wealth-building machine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "01",
|
||||
title: "Apply",
|
||||
description: "Financial intake form.",
|
||||
icon: FileText,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "02",
|
||||
title: "Audit",
|
||||
description: "We analyze your situation.",
|
||||
icon: Search,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "03",
|
||||
title: "Plan",
|
||||
description: "Get your roadmap.",
|
||||
icon: Map,
|
||||
},
|
||||
]}
|
||||
title="The Simple 3-Step Path"
|
||||
description="Fast, clear, and actionable."
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "01", title: "Apply", description: "Financial intake form.", icon: FileText },
|
||||
{ id: "2", value: "02", title: "Audit", description: "We analyze your situation.", icon: Search },
|
||||
{ id: "3", value: "03", title: "Plan", description: "Get your roadmap.", icon: Map },
|
||||
]}
|
||||
title="The Simple 3-Step Path"
|
||||
description="Fast, clear, and actionable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="I was making good money but had no system. This changed everything."
|
||||
rating={5}
|
||||
author="Marcus R."
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://avatar-1",
|
||||
alt: "Marcus",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cut-out-paper-checklist-icon_53876-14659.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/check-mark-button-front-side_187299-39221.jpg",
|
||||
alt: "James",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-uncompleted-election-questionnaire_23-2148265542.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="I was making good money but had no system. This changed everything."
|
||||
rating={5}
|
||||
author="Marcus R."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cut-out-paper-checklist-icon_53876-14659.jpg", alt: "Marcus" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cut-out-paper-checklist-icon_53876-14659.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/check-mark-button-front-side_187299-39221.jpg", alt: "James" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-uncompleted-election-questionnaire_23-2148265542.jpg", alt: "David" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="eligibility" data-section="eligibility">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Income Level",
|
||||
content: "You make between $3k and $20k per month.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Work Source",
|
||||
content: "Online work or business owners.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Discipline",
|
||||
content: "You want to build wealth, not just chase trends.",
|
||||
},
|
||||
]}
|
||||
title="Who This Is For"
|
||||
description="Qualified candidates only."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="eligibility" data-section="eligibility">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Income Level", content: "You make between $3k and $20k per month." },
|
||||
{ id: "f2", title: "Work Source", content: "Online work or business owners." },
|
||||
{ id: "f3", title: "Discipline", content: "You want to build wealth, not just chase trends." },
|
||||
]}
|
||||
title="Who This Is For"
|
||||
description="Qualified candidates only."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta-final" data-section="cta-final">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Accountable",
|
||||
"Structured",
|
||||
"Growing",
|
||||
"Future-proof",
|
||||
"Clear",
|
||||
"Control",
|
||||
"Wealth",
|
||||
]}
|
||||
title="You already know you should have this handled."
|
||||
description="Stop guessing. Get a system."
|
||||
/>
|
||||
</div>
|
||||
<div id="cta-final" data-section="cta-final">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Accountable", "Structured", "Growing", "Future-proof", "Clear", "Control", "Wealth"]}
|
||||
title="You already know you should have this handled."
|
||||
description="Stop guessing. Get a system."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Apply for Your Audit"
|
||||
description="Stop guessing. Get a system."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Submit Application"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599218.jpg?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Apply for Your Audit"
|
||||
description="Stop guessing. Get a system."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
buttonText="Submit Application"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599218.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="Disclaimer: This is not financial or investment advice. This service provides financial education and planning support only."
|
||||
bottomRightText="© 2024 Reset Finance"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [{ label: "Privacy", href: "#" }, { label: "Contact", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="Disclaimer: This is not financial or investment advice. This service provides financial education and planning support only."
|
||||
bottomRightText="© 2024 Reset Finance"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user