3 Commits

Author SHA1 Message Date
fa84164685 Update src/app/page.tsx 2026-04-17 03:07:54 +00:00
4a106a0131 Merge version_2 into main
Merge version_2 into main
2026-04-17 02:56:07 +00:00
875c60aa2a Update src/app/page.tsx 2026-04-17 02:56:04 +00:00

View File

@@ -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 arent gone — theyre 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 arent gone — theyre 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-[99999] flex items-center justify-center w-14 h-14 bg-green-500 rounded-full shadow-2xl 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>
);
}
}