From d224c1fca840c65f5c1a2b292f707ff09f94247d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 19:31:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 490 ++++++++++++++++-------------------------------
 1 file changed, 166 insertions(+), 324 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 76b6264..0b45c43 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1