Merge version_3 into main

2026-04-11 18:31:40 +00:00
parent 824434b80b fcf654fd9d
commit 673255215f
1 changed files with 29 additions and 261 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,141 +31,42 @@ export default function LandingPage() {
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
        {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
        {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
      ]}
      brandName="The Calm Budget"
      button={{
-        text: "Get Started",
-        href: "#pricing",
-      }}
+        text: "Get Started",        href: "#pricing"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      title="Stop stressing. Start knowing."
      description="Financial calm is not a spreadsheet. It's a system. The Calm Budget gives you the clarity you need to master your money without the anxiety."
      leftCarouselItems={[
        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931402904-5ef6d241.png?_wi=1",
-          imageAlt: "Dashboard 1",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931402904-5ef6d241.png?_wi=1",          imageAlt: "Dashboard 1"},
        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931504034-18c770f9.png",
-          imageAlt: "Dashboard 2",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931516586-49433730.png",
-          imageAlt: "Dashboard 3",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931525701-fcc0a7ea.png",
-          imageAlt: "Dashboard 4",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931536464-7fc82f31.png",
-          imageAlt: "Dashboard 5",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931546055-74d8cae1.png",
-          imageAlt: "Dashboard 6",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931504034-18c770f9.png",          imageAlt: "Dashboard 2"},
      ]}
      rightCarouselItems={[
        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931558319-b44ff9d4.png",
-          imageAlt: "Dashboard 7",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931568160-ed8fae56.png",
-          imageAlt: "Dashboard 8",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931578300-65e3c850.png",
-          imageAlt: "Dashboard 9",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931588051-b0c9e335.png",
-          imageAlt: "Dashboard 10",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931599108-5d197901.png",
-          imageAlt: "Dashboard 11",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931609214-a0ad1a43.png",
-          imageAlt: "Dashboard 12",
-        },
+          videoSrc: "https://www.youtube.com/embed/dQw4w9WgXcQ",          videoAriaLabel: "Demo video of the financial tool"},
      ]}
      tag="Your Financial Sanity"
      buttons={[
        {
-          text: "Get Started",
-          href: "#pricing",
-        },
-      ]}
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931402904-5ef6d241.png",
-          alt: "User 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931504034-18c770f9.png",
-          alt: "User 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931516586-49433730.png",
-          alt: "User 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931525701-fcc0a7ea.png",
-          alt: "User 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931536464-7fc82f31.png",
-          alt: "User 5",
-        },
+          text: "Get Started",          href: "#pricing"},
      ]}
      avatarText="Join 10,000+ finding their calm"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Forbes",
-        },
-        {
-          type: "text",
-          text: "TechCrunch",
-        },
-        {
-          type: "text",
-          text: "Bloomberg",
-        },
-        {
-          type: "text",
-          text: "Financial Times",
-        },
-        {
-          type: "text",
-          text: "Wall Street Journal",
-        },
-      ]}
    />
  </div>

@@ -184,26 +85,9 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          tag: "Dashboard",
-          title: "Real-time Clarity",
-          subtitle: "Always know your status",
-          description: "See your net worth and spending power in one glance.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/close-up-of-a-simple-beautiful-interface-1775931421121-6c01e224.png?_wi=1",
-        },
+          tag: "Dashboard",          title: "Real-time Clarity",          subtitle: "Always know your status",          description: "See your net worth and spending power in one glance.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/close-up-of-a-simple-beautiful-interface-1775931421121-6c01e224.png?_wi=1"},
        {
-          tag: "Analysis",
-          title: "Smart Insights",
-          subtitle: "Understand your habits",
-          description: "Automated breakdowns of every expense without the manual entry.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-interface-illustration-repr-1775931429678-9437fc0a.png",
-        },
-        {
-          tag: "System",
-          title: "Weekly Resets",
-          subtitle: "Build better habits",
-          description: "Our proven system helps you course-correct before small issues become big ones.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-simple-mobile-app-screen-showing-a-fin-1775931439056-042b19be.png",
-        },
+          tag: "Analysis",          title: "Smart Insights",          subtitle: "Understand your habits",          description: "Automated breakdowns of every expense without the manual entry.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-interface-illustration-repr-1775931429678-9437fc0a.png"},
      ]}
      title="Everything You Need for Financial Clarity"
      description="Powerful features designed to reduce financial stress and help you build lasting habits."
@@ -217,56 +101,16 @@ export default function LandingPage() {
      useInvertedBackground={true}
      plans={[
        {
-          id: "starter",
-          title: "Starter",
-          price: "$19",
-          period: "/mo",
-          features: [
-            "Monthly tracking",
-            "Cash flow overview",
-            "Basic spending power formula",
-          ],
+          id: "starter",          title: "Starter",          price: "$19",          period: "/mo",          features: [
+            "Monthly tracking",            "Cash flow overview",            "Basic spending power formula"],
          button: {
-            text: "Start Today",
-            href: "/checkout",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-serene-uncluttered-workspace-with-a-no-1775931412775-dedfe15a.png?_wi=2",
-          imageAlt: "A serene, uncluttered workspace with a notebook, a coffee, and a phone displaying a simple financial",
+            text: "Start Today",            href: "/checkout"},
        },
        {
-          id: "pro",
-          title: "Pro",
-          price: "$49",
-          period: "/mo",
-          features: [
-            "All Starter features",
-            "Scenario modeling",
-            "Priority support",
-            "Net worth tracking",
-          ],
+          id: "pro",          title: "Pro",          price: "$49",          period: "/mo",          features: [
+            "All Starter features",            "Scenario modeling",            "Priority support",            "Net worth tracking"],
          button: {
-            text: "Get Pro",
-            href: "/checkout",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/a-minimalist-premium-financial-dashboard-1775931402904-5ef6d241.png?_wi=2",
-          imageAlt: "A serene, uncluttered workspace with a notebook, a coffee, and a phone displaying a simple financial",
-        },
-        {
-          id: "lifetime",
-          title: "Lifetime",
-          price: "$299",
-          period: "one-time",
-          features: [
-            "Full access forever",
-            "All advanced modules",
-            "Personalized recommendations",
-          ],
-          button: {
-            text: "Buy Lifetime",
-            href: "/checkout",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/close-up-of-a-simple-beautiful-interface-1775931421121-6c01e224.png?_wi=2",
-          imageAlt: "A serene, uncluttered workspace with a notebook, a coffee, and a phone displaying a simple financial",
+            text: "Get Pro",            href: "/checkout"},
        },
      ]}
      title="Pick Your Calm"
@@ -281,45 +125,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "t1",
-          name: "Alice Miller",
-          handle: "@alice",
-          testimonial: "Finally, I don't feel guilty about spending. This system just works.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/portrait-of-a-relaxed-smiling-young-prof-1775931450170-3fba3e9d.png",
-        },
+          id: "t1",          name: "Alice Miller",          handle: "@alice",          testimonial: "Finally, I don't feel guilty about spending. This system just works.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/portrait-of-a-relaxed-smiling-young-prof-1775931450170-3fba3e9d.png"},
        {
-          id: "t2",
-          name: "Bob Smith",
-          handle: "@bob",
-          testimonial: "The weekly reset feature changed everything for my family.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/portrait-of-a-confident-peaceful-man-rea-1775931460948-8131cc50.png",
-        },
-        {
-          id: "t3",
-          name: "Charlie Day",
-          handle: "@charlie",
-          testimonial: "I never understood budgeting until I used The Calm Budget.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/portrait-of-a-happy-creative-designer-wo-1775931472151-aa4fc39f.png",
-        },
-        {
-          id: "t4",
-          name: "Diana Ross",
-          handle: "@diana",
-          testimonial: "Simple, elegant, and extremely effective. Highly recommended.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/portrait-of-a-mature-relaxed-businessman-1775931482813-1a0aaa4c.png",
-        },
-        {
-          id: "t5",
-          name: "Evan Wright",
-          handle: "@evan",
-          testimonial: "The best investment I've made in my financial future.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/portrait-of-a-relaxed-smiling-young-prof-1775931619823-8794ee6b.png",
-        },
+          id: "t2",          name: "Bob Smith",          handle: "@bob",          testimonial: "The weekly reset feature changed everything for my family.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CDqigD97eNw2NLDaX3RYmmvsuo/portrait-of-a-confident-peaceful-man-rea-1775931460948-8131cc50.png"},
      ]}
      showRating={true}
      title="Join Thousands Finding Their Calm"
@@ -333,20 +143,9 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "f1",
-          title: "Is this a spreadsheet?",
-          content: "No, it is a fully integrated digital application.",
-        },
+          id: "f1",          title: "Is this a spreadsheet?",          content: "No, it is a fully integrated digital application."},
        {
-          id: "f2",
-          title: "How is my data secured?",
-          content: "We use bank-level encryption to ensure your financial data is completely safe.",
-        },
-        {
-          id: "f3",
-          title: "Can I cancel anytime?",
-          content: "Yes, your subscription can be cancelled whenever you wish through your dashboard.",
-        },
+          id: "f2",          title: "How is my data secured?",          content: "We use bank-level encryption to ensure your financial data is completely safe."},
      ]}
      title="Common Questions"
      description="Everything you need to know about The Calm Budget."
@@ -358,8 +157,7 @@ export default function LandingPage() {
      <ContactSplit
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      tag="Start your journey"
      title="Ready for financial calm?"
      description="Sign up for early access or reach out if you have questions."
@@ -372,46 +170,16 @@ export default function LandingPage() {
      <FooterBase
      columns={[
        {
-          title: "Company",
-          items: [
+          title: "Legal",          items: [
            {
-              label: "About",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
          ],
        },
      ]}
      logoText="The Calm Budget"
+      copyrightText="© 2025 | The Calm Budget"
    />
  </div>
      </ReactLenis>