From 859f30db6f6ac87b22a21abb1b7c4948d26eadd8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 10:16:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 407 ++++++++++++++---------------------------------
 1 file changed, 122 insertions(+), 285 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 30e91ea..f3f2e0e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,300 +29,137 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Dashboard",
-          id: "#metrics",
-        },
-        {
-          name: "Invest",
-          id: "#plans",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="FinGrowth"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Dashboard", id: "#metrics" },
+              { name: "Invest", id: "#plans" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="FinGrowth"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="FinGrowth Platform"
-      description="Securely deposit, track your daily income, and watch your wealth grow with our professional investment tools. High-yield portfolios tailored for your future."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#plans",
-        },
-        {
-          text: "View Dashboard",
-          href: "#metrics",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="FinGrowth Platform"
+            description="Securely deposit, track your daily income, and watch your wealth grow with our professional investment tools. High-yield portfolios tailored for your future."
+            buttons={[
+              { text: "Get Started", href: "#plans" },
+              { text: "View Dashboard", href: "#metrics" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: TrendingUp,
-          title: "Daily Earnings",
-          value: "$45.20",
-        },
-        {
-          id: "m2",
-          icon: ShieldCheck,
-          title: "Total Balance",
-          value: "$12,450.00",
-        },
-        {
-          id: "m3",
-          icon: Calendar,
-          title: "Active Days",
-          value: "184",
-        },
-      ]}
-      title="Real-time Growth"
-      description="Monitor your portfolio performance with our advanced tracking tools."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", icon: TrendingUp, title: "Daily Earnings", value: "$45.20" },
+              { id: "m2", icon: ShieldCheck, title: "Total Balance", value: "$12,450.00" },
+              { id: "m3", icon: Calendar, title: "Active Days", value: "184" },
+            ]}
+            title="Real-time Growth"
+            description="Monitor your portfolio performance with our advanced tracking tools."
+          />
+        </div>
 
-  <div id="plans" data-section="plans">
-      <PricingCardOne
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          badge: "Entry",
-          price: "$100",
-          subtitle: "Basic Growth",
-          features: [
-            "5% monthly ROI",
-            "Standard support",
-            "Manual withdrawal",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Pro",
-          price: "$1,000",
-          subtitle: "Steady Wealth",
-          features: [
-            "12% monthly ROI",
-            "Priority support",
-            "Auto compounding",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "VIP",
-          price: "$5,000",
-          subtitle: "Max Returns",
-          features: [
-            "25% monthly ROI",
-            "Dedicated manager",
-            "Daily payouts",
-          ],
-        },
-      ]}
-      title="Investment Portfolios"
-      description="Choose a plan that fits your financial goals."
-    />
-  </div>
+        <div id="plans" data-section="plans">
+          <PricingCardOne
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", badge: "Entry", price: "$100", subtitle: "Basic Growth", features: ["5% monthly ROI", "Standard support", "Manual withdrawal"] },
+              { id: "p2", badge: "Pro", price: "$1,000", subtitle: "Steady Wealth", features: ["12% monthly ROI", "Priority support", "Auto compounding"] },
+              { id: "p3", badge: "VIP", price: "$5,000", subtitle: "Max Returns", features: ["25% monthly ROI", "Dedicated manager", "Daily payouts"] },
+            ]}
+            title="Investment Portfolios"
+            description="Choose a plan that fits your financial goals."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Secure Deposits",
-          description: "Bank-grade encryption for all your capital transactions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480192.jpg",
-        },
-        {
-          title: "Income Reports",
-          description: "Get detailed daily, weekly, and monthly growth breakdowns.",
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
-        },
-        {
-          title: "Premium Support",
-          description: "Our experts are available around the clock to assist you.",
-          imageSrc: "http://img.b2bpic.net/free-photo/employees-doing-server-analysis_482257-103222.jpg",
-        },
-      ]}
-      title="Financial Excellence"
-      description="Everything you need to manage your finances professionally."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Secure Deposits", description: "Bank-grade encryption for all your capital transactions.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480192.jpg" },
+              { title: "Income Reports", description: "Get detailed daily, weekly, and monthly growth breakdowns.", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" },
+              { title: "Premium Support", description: "Our experts are available around the clock to assist you.", imageSrc: "http://img.b2bpic.net/free-photo/employees-doing-server-analysis_482257-103222.jpg" },
+            ]}
+            title="Financial Excellence"
+            description="Everything you need to manage your finances professionally."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "Global Bank",
-        "Secure Trade",
-        "Fintech Solutions",
-        "Crypto Prime",
-        "Equity Partners",
-        "Asset Management",
-        "Wealth Guard",
-      ]}
-      title="Trusted by Leaders"
-      description="We partner with top-tier financial institutions."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="split"
+            useInvertedBackground={false}
+            names={["Global Bank", "Secure Trade", "Fintech Solutions", "Crypto Prime", "Equity Partners", "Asset Management", "Wealth Guard"]}
+            title="Trusted by Leaders"
+            description="We partner with top-tier financial institutions."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex Rivers",
-          role: "Entrepreneur",
-          testimonial: "The daily income tracking tool is revolutionary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Chen",
-          role: "Investor",
-          testimonial: "Reliable returns and transparent operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3781.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          role: "Finance Manager",
-          testimonial: "Excellent interface for portfolio monitoring.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena Voss",
-          role: "Tech Lead",
-          testimonial: "Support is responsive and very professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg",
-        },
-        {
-          id: "5",
-          name: "John Doe",
-          role: "Senior Architect",
-          testimonial: "Consistent performance across all portfolios.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg",
-        },
-      ]}
-      title="Success Stories"
-      description="What our users have to say about their journey."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex Rivers", role: "Entrepreneur", testimonial: "The daily income tracking tool is revolutionary.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg" },
+              { id: "2", name: "Sarah Chen", role: "Investor", testimonial: "Reliable returns and transparent operations.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3781.jpg" },
+              { id: "3", name: "Marcus Thorne", role: "Finance Manager", testimonial: "Excellent interface for portfolio monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg" },
+              { id: "4", name: "Elena Voss", role: "Tech Lead", testimonial: "Support is responsive and very professional.", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg" },
+              { id: "5", name: "John Doe", role: "Senior Architect", testimonial: "Consistent performance across all portfolios.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg" },
+            ]}
+            title="Success Stories"
+            description="What our users have to say about their journey."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I deposit?",
-          content: "You can use our secure portal to add funds via bank transfer or crypto.",
-        },
-        {
-          id: "f2",
-          title: "How often is income paid?",
-          content: "Income is credited to your balance daily at 12:00 AM UTC.",
-        },
-        {
-          id: "f3",
-          title: "Can I withdraw anytime?",
-          content: "Yes, withdrawals are available 24/7 once you reach the minimum threshold.",
-        },
-        {
-          id: "f4",
-          title: "Is my money safe?",
-          content: "We use multi-layered encryption and cold storage for all assets.",
-        },
-        {
-          id: "f5",
-          title: "Are there hidden fees?",
-          content: "No, our fee structure is transparent and displayed upfront.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How do I deposit?", content: "You can use our secure portal to add funds via bank transfer or crypto." },
+              { id: "f2", title: "How often is income paid?", content: "Income is credited to your balance daily at 12:00 AM UTC." },
+              { id: "f3", title: "Can I withdraw anytime?", content: "Yes, withdrawals are available 24/7 once you reach the minimum threshold." },
+              { id: "f4", title: "Is my money safe?", content: "We use multi-layered encryption and cold storage for all assets." },
+              { id: "f5", title: "Are there hidden fees?", content: "No, our fee structure is transparent and displayed upfront." },
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to grow your future? Reach out to our team today."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to grow your future? Reach out to our team today."
+            buttons={[{ text: "Contact Support", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg"
-      logoText="FinGrowth"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg"
+            logoText="FinGrowth"
+            columns={[
+              { title: "Platform", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Resources", items: [{ label: "Help Center", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1