From 875c60aa2a086323d42d07040be6af9993621142 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 02:56:04 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2fa5216..7272480 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Lightbulb, Lock, Shield } from "lucide-react";
+import { Lightbulb, Lock, Shield, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,389 +27,180 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Crypto Recovery"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Crypto Recovery"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Recover Lost Crypto With Experts You Can Trust"
-      description="Your funds aren’t gone — they’re just out of reach. We help you recover, secure, and take control of your crypto safely."
-      kpis={[
-        {
-          value: "39+",
-          label: "Verified Reviews",
-        },
-        {
-          value: "100%",
-          label: "Case Confidentiality",
-        },
-        {
-          value: "Expert",
-          label: "Support Team",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Get Help Now",
-          href: "#contact",
-        },
-        {
-          text: "Book Consultation",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
-          alt: "Client profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-          alt: "Client profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
-          alt: "Client profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg",
-          alt: "Client profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
-          alt: "Client profile 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ professionals"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Secure & Private",
-        },
-        {
-          type: "text",
-          text: "Fast Turnaround",
-        },
-        {
-          type: "text",
-          text: "Expert Analysis",
-        },
-        {
-          type: "text",
-          text: "Global Reach",
-        },
-        {
-          type: "text",
-          text: "24/7 Support",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Recover Lost Crypto With Experts You Can Trust"
+            description="Your funds aren’t gone — they’re just out of reach. We help you recover, secure, and take control of your crypto safely."
+            kpis={[
+              { value: "39+", label: "Verified Reviews" },
+              { value: "100%", label: "Case Confidentiality" },
+              { value: "Expert", label: "Support Team" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[
+              { text: "Get Help Now", href: "#contact" },
+              { text: "Book Consultation", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", alt: "Client profile 1" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "Client profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", alt: "Client profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg", alt: "Client profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", alt: "Client profile 5" },
+            ]}
+            avatarText="Trusted by 500+ professionals"
+            marqueeItems={[
+              { type: "text", text: "Secure & Private" },
+              { type: "text", text: "Fast Turnaround" },
+              { type: "text", text: "Expert Analysis" },
+              { type: "text", text: "Global Reach" },
+              { type: "text", text: "24/7 Support" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "Lost Crypto Recovery",
-          tags: [
-            "Recovery",
-            "Assets",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-golden-flowing-particle-waves_1048-20449.jpg",
-        },
-        {
-          id: "s2",
-          title: "Wallet Security Setup",
-          tags: [
-            "Security",
-            "Protection",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-bitcoin-logo-new-design_483537-4802.jpg",
-        },
-        {
-          id: "s3",
-          title: "Transaction Tracing",
-          tags: [
-            "Tracing",
-            "Analysis",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-safe-with-combination-lock_23-2152012410.jpg",
-        },
-        {
-          id: "s4",
-          title: "Crypto Guidance",
-          tags: [
-            "Consulting",
-            "1-on-1",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3clis",
-        },
-      ]}
-      title="What We Help You With"
-      description="Professional services tailored to your crypto security needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "s1", title: "Lost Crypto Recovery", tags: ["Recovery", "Assets"], imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-golden-flowing-particle-waves_1048-20449.jpg" },
+              { id: "s2", title: "Wallet Security Setup", tags: ["Security", "Protection"], imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-bitcoin-logo-new-design_483537-4802.jpg" },
+              { id: "s3", title: "Transaction Tracing", tags: ["Tracing", "Analysis"], imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-safe-with-combination-lock_23-2152012410.jpg" },
+              { id: "s4", title: "Crypto Guidance", tags: ["Consulting", "1-on-1"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3clis" },
+            ]}
+            title="What We Help You With"
+            description="Professional services tailored to your crypto security needs."
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Chris Vine",
-          role: "Investor",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
-        },
-        {
-          id: "t2",
-          name: "Susie Moore",
-          role: "Trader",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg",
-        },
-        {
-          id: "t3",
-          name: "Tess Thompson",
-          role: "Holder",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-black-dress_23-2149884577.jpg",
-        },
-        {
-          id: "t4",
-          name: "Dean LaGrange",
-          role: "Enthusiast",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg",
-        },
-        {
-          id: "t5",
-          name: "Enrico Banducci",
-          role: "Client",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
-        },
-      ]}
-      title="Trusted by Clients Worldwide"
-      description="Read what our clients say about their recovery journey."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+            <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Chris Vine", role: "Investor", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg" },
+              { id: "t2", name: "Susie Moore", role: "Trader", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg" },
+              { id: "t3", name: "Tess Thompson", role: "Holder", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-black-dress_23-2149884577.jpg" },
+              { id: "t4", name: "Dean LaGrange", role: "Enthusiast", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg" },
+              { id: "t5", name: "Enrico Banducci", role: "Client", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg" },
+            ]}
+            title="Trusted by Clients Worldwide"
+            description="Read what our clients say about their recovery journey."
+          />
+        </div>
 
-  <div id="why-us" data-section="why-us">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "Proven",
-          title: "Experience",
-          description: "Years of expertise",
-          icon: Shield,
-        },
-        {
-          id: "m2",
-          value: "Clear",
-          title: "Guidance",
-          description: "Patient expert support",
-          icon: Lightbulb,
-        },
-        {
-          id: "m3",
-          value: "Secure",
-          title: "Process",
-          description: "Security-first approach",
-          icon: Lock,
-        },
-      ]}
-      title="Why Choose Us"
-      description="Security-first approach and proven results."
-    />
-  </div>
+        <div id="why-us" data-section="why-us">
+            <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "Proven", title: "Experience", description: "Years of expertise", icon: Shield },
+              { id: "m2", value: "Clear", title: "Guidance", description: "Patient expert support", icon: Lightbulb },
+              { id: "m3", value: "Secure", title: "Process", description: "Security-first approach", icon: Lock },
+            ]}
+            title="Why Choose Us"
+            description="Security-first approach and proven results."
+          />
+        </div>
 
-  <div id="how-it-works" data-section="how-it-works">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "h1",
-          title: "Submit Case",
-          tags: [
-            "Step 1",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/collection-silver-golden-cryptocurrency-coins_23-2147790766.jpg",
-        },
-        {
-          id: "h2",
-          title: "Analyze Situation",
-          tags: [
-            "Step 2",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/digital-asset-icons-vector-gold-fintech-blockchain-concept-collection_53876-112163.jpg",
-        },
-        {
-          id: "h3",
-          title: "Process Starts",
-          tags: [
-            "Step 3",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-bitcoin-logo-new-design_483537-4792.jpg",
-        },
-        {
-          id: "h4",
-          title: "Regain Access",
-          tags: [
-            "Step 4",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-psd/3d-rendering-nft-icon-design_23-2151866862.jpg",
-        },
-      ]}
-      title="How It Works"
-      description="A simple and transparent recovery process."
-    />
-  </div>
+        <div id="how-it-works" data-section="how-it-works">
+            <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "h1", title: "Submit Case", tags: ["Step 1"], imageSrc: "http://img.b2bpic.net/free-vector/collection-silver-golden-cryptocurrency-coins_23-2147790766.jpg" },
+              { id: "h2", title: "Analyze Situation", tags: ["Step 2"], imageSrc: "http://img.b2bpic.net/free-vector/digital-asset-icons-vector-gold-fintech-blockchain-concept-collection_53876-112163.jpg" },
+              { id: "h3", title: "Process Starts", tags: ["Step 3"], imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-bitcoin-logo-new-design_483537-4792.jpg" },
+              { id: "h4", title: "Regain Access", tags: ["Step 4"], imageSrc: "http://img.b2bpic.net/free-psd/3d-rendering-nft-icon-design_23-2151866862.jpg" },
+            ]}
+            title="How It Works"
+            description="A simple and transparent recovery process."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="About Our Center"
-      description={[
-        "We specialize in helping individuals recover lost crypto assets and navigate blockchain technology safely.",
-        "Our approach focuses on clarity, patience, and real results.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+            useInvertedBackground={false}
+            title="About Our Center"
+            description={[
+              "We specialize in helping individuals recover lost crypto assets and navigate blockchain technology safely.",              "Our approach focuses on clarity, patience, and real results."]}
+          />
+        </div>
 
-  <div id="urgency" data-section="urgency">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "u1",
-          title: "Fast Action",
-          tags: [
-            "Priority",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-protection-shield-icon-isolated_53876-14836.jpg",
-        },
-        {
-          id: "u2",
-          title: "Higher Success",
-          tags: [
-            "Proven",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/risk-protection-eliminating-risk-business-life-concept_185193-110347.jpg",
-        },
-      ]}
-      title="Lost Access? Time Matters."
-      description="The longer you wait, the harder recovery can become. Take action now."
-      buttons={[
-        {
-          text: "Start Recovery Now",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="urgency" data-section="urgency">
+            <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "u1", title: "Fast Action", tags: ["Priority"], imageSrc: "http://img.b2bpic.net/free-photo/blue-protection-shield-icon-isolated_53876-14836.jpg" },
+              { id: "u2", title: "Higher Success", tags: ["Proven"], imageSrc: "http://img.b2bpic.net/free-photo/risk-protection-eliminating-risk-business-life-concept_185193-110347.jpg" },
+            ]}
+            title="Lost Access? Time Matters."
+            description="The longer you wait, the harder recovery can become. Take action now."
+            buttons={[
+              { text: "Start Recovery Now", href: "#contact" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Contact Support"
-      title="Ready to Start?"
-      description="Send us a message or reach out via WhatsApp/Telegram."
-      imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Contact Support"
+            title="Ready to Start?"
+            description="Send us a message or reach out via WhatsApp/Telegram."
+            imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Crypto Recovery"
-      columns={[
-        {
-          title: "Help",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Disclaimer",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Crypto Recovery Help Center. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="Crypto Recovery"
+            columns={[
+              { title: "Help", items: [{ label: "Services", href: "#services" }, { label: "Reviews", href: "#reviews" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Disclaimer", href: "#" }] },
+            ]}
+            copyrightText="© 2025 Crypto Recovery Help Center. All rights reserved."
+          />
+        </div>
+
+        {/* Floating WhatsApp Button */}
+        <a
+          href="https://wa.me/yourphonenumber"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="fixed bottom-6 right-6 z-50 flex items-center justify-center w-14 h-14 bg-green-500 rounded-full shadow-lg hover:scale-105 transition-transform"
+          aria-label="Chat with an expert now"
+          title="Chat with an expert now"
+        >
+          <MessageCircle className="text-white w-8 h-8" />
+        </a>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1