From 281ee9ffbe5470e3ab1f7322ab346b67790b64c6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 11:07:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 444 +++++++++++++++--------------------------------
 1 file changed, 142 insertions(+), 302 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4462ef6..646a6e6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,317 +14,157 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="largeSmallSizeLargeTitles"
-        background="blurBottom"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-      ]}
-      brandName="AuraCrypto"
-      button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Testimonials", id: "testimonials" },
+            ]}
+            brandName="AuraCrypto"
+            button={{
+              text: "Get Started",              href: "#contact"}}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="AuraCrypto"
-      description="The future of decentralized finance. Secure, fast, and intuitive wealth management for the modern digital era."
-      buttons={[
-        {
-          text: "Trade Now",
-          href: "#pricing",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
-          imageAlt: "Hero 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917911.jpg",
-          imageAlt: "Hero 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-analyzing-sales-data-economic-growth-graph-chart-technology_1150-16857.jpg",
-          imageAlt: "Hero 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mini-instant-camera-empty-border-frame-blue-background_23-2147916441.jpg",
-          imageAlt: "Hero 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg",
-          imageAlt: "Hero 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596032.jpg",
-          imageAlt: "Hero 6",
-        },
-      ]}
-      autoplayDelay={4000}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="AuraCrypto"
+            description="The future of decentralized finance. Secure, fast, and intuitive wealth management for the modern digital era."
+            buttons={[
+              { text: "Trade Now", href: "#pricing" },
+              { text: "Contact Us", href: "#contact" },
+            ]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "Hero 1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917911.jpg", imageAlt: "Hero 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-analyzing-sales-data-economic-growth-graph-chart-technology_1150-16857.jpg", imageAlt: "Hero 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mini-instant-camera-empty-border-frame-blue-background_23-2147916441.jpg", imageAlt: "Hero 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg", imageAlt: "Hero 5" },
+              { imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596032.jpg", imageAlt: "Hero 6" },
+            ]}
+            autoplayDelay={4000}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Encrypted Ledger",
-          description: "Bank-grade security protocols for every transaction.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg",
-          imageAlt: "Security",
-        },
-        {
-          title: "Smart Automation",
-          description: "Executed with precision using audited smart contracts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-using-tablet-together_1262-19425.jpg",
-          imageAlt: "Automation",
-        },
-        {
-          title: "Instant Settlement",
-          description: "Global transactions completed in milliseconds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg",
-          imageAlt: "Speed",
-        },
-      ]}
-      title="Unmatched Security & Speed"
-      description="Our architecture leverages proprietary blockchain innovations to ensure your assets are protected and transactions are instantaneous."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardEight
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { title: "Encrypted Ledger", description: "Bank-grade security protocols for every transaction.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg", imageAlt: "Security" },
+              { title: "Smart Automation", description: "Executed with precision using audited smart contracts.", imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-using-tablet-together_1262-19425.jpg", imageAlt: "Automation" },
+              { title: "Instant Settlement", description: "Global transactions completed in milliseconds.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg", imageAlt: "Speed" },
+            ]}
+            title="Unmatched Security & Speed"
+            description="Our architecture leverages proprietary blockchain innovations to ensure your assets are protected and transactions are instantaneous."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "150K+",
-          title: "Active Traders",
-          items: [
-            "Global presence",
-            "Secure platform",
-            "24/7 support",
-          ],
-        },
-        {
-          id: "m2",
-          value: "$2B+",
-          title: "Asset Volume",
-          items: [
-            "High liquidity",
-            "Institutional trust",
-            "Diverse portfolio",
-          ],
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          items: [
-            "Reliable access",
-            "Robust network",
-            "Zero downtime",
-          ],
-        },
-      ]}
-      title="Proven Performance"
-      description="Join the growing network of investors achieving financial independence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="blur-reveal"
+            metrics={[
+              { id: "m1", value: "150K+", title: "Active Traders", items: ["Global presence", "Secure platform", "24/7 support"] },
+              { id: "m2", value: "$2B+", title: "Asset Volume", items: ["High liquidity", "Institutional trust", "Diverse portfolio"] },
+              { id: "m3", value: "99.9%", title: "Uptime", items: ["Reliable access", "Robust network", "Zero downtime"] },
+            ]}
+            title="Proven Performance"
+            description="Join the growing network of investors achieving financial independence."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          badge: "Beginner",
-          price: "$99",
-          subtitle: "Essential tools for retail traders.",
-          features: [
-            "Limited analytics",
-            "Basic support",
-            "24/7 access",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Professional",
-          price: "$299",
-          subtitle: "Advanced tools for active investors.",
-          features: [
-            "Full analytics",
-            "Priority support",
-            "Market insights",
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Enterprise",
-          price: "Custom",
-          subtitle: "Institutional-grade tailored solutions.",
-          features: [
-            "Dedicated manager",
-            "API access",
-            "Custom integration",
-          ],
-        },
-      ]}
-      title="Select Your Tier"
-      description="Transparent pricing for institutional-grade trading tools."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "basic", badge: "Beginner", price: "$99", subtitle: "Essential tools for retail traders.", features: ["Limited analytics", "Basic support", "24/7 access"] },
+              { id: "pro", badge: "Professional", price: "$299", subtitle: "Advanced tools for active investors.", features: ["Full analytics", "Priority support", "Market insights"] },
+              { id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Institutional-grade tailored solutions.", features: ["Dedicated manager", "API access", "Custom integration"] },
+            ]}
+            title="Select Your Tier"
+            description="Transparent pricing for institutional-grade trading tools."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="AuraCrypto has completely transformed my trading strategy. The security features and user-friendly platform make managing my portfolio effortless."
-      rating={5}
-      author="Sarah Miller, Senior Investment Analyst"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
-          alt: "User 5",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="AuraCrypto has completely transformed my trading strategy. The security features and user-friendly platform make managing my portfolio effortless."
+            rating={5}
+            author="Sarah Miller, Senior Investment Analyst"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg", alt: "User 5" },
+            ]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Partner with AuraCrypto"
-      description="Ready to scale your digital asset strategy? Get in touch with our team today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Work Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we assist you?",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Partner with AuraCrypto"
+            description="Ready to scale your digital asset strategy? Get in touch with our team today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Work Email", required: true },
+            ]}
+            textarea={{
+              name: "message",              placeholder: "How can we assist you?",              rows: 4,
+              required: true,
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="AuraCrypto"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Platform",                items: [
+                  { label: "Features", href: "#features" },
+                  { label: "Pricing", href: "#pricing" },
+                  { label: "Security", href: "#" },
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#" },
+                  { label: "Careers", href: "#" },
+                  { label: "Blog", href: "#" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            logoText="AuraCrypto"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );