bender/a2e57386-4db2-413a-989a-cef3601d92ed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

1 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
875c60aa2a Update src/app/page.tsx 2026-04-17 02:56:04 +00:00
1 changed files with 166 additions and 375 deletions
Expand all files Collapse all files

541
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; 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() { export default function LandingPage() {
return ( return (
@@ -27,389 +27,180 @@ export default function LandingPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Services", id: "services" },
id: "hero", { name: "Reviews", id: "reviews" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "Services", brandName="Crypto Recovery"
id: "services", />
}, </div>
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Crypto Recovery"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{ variant: "gradient-bars" }}
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."
title="Recover Lost Crypto With Experts You Can Trust" kpis={[
description="Your funds aren’t gone — they’re just out of reach. We help you recover, secure, and take control of your crypto safely." { value: "39+", label: "Verified Reviews" },
kpis={[ { value: "100%", label: "Case Confidentiality" },
{ { value: "Expert", label: "Support Team" },
value: "39+", ]}
label: "Verified Reviews", enableKpiAnimation={true}
}, buttons={[
{ { text: "Get Help Now", href: "#contact" },
value: "100%", { text: "Book Consultation", href: "#contact" },
label: "Case Confidentiality", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg"
{ mediaAnimation="slide-up"
value: "Expert", avatars={[
label: "Support Team", { 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" },
enableKpiAnimation={true} { src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg", alt: "Client profile 4" },
buttons={[ { src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", alt: "Client profile 5" },
{ ]}
text: "Get Help Now", avatarText="Trusted by 500+ professionals"
href: "#contact", marqueeItems={[
}, { type: "text", text: "Secure & Private" },
{ { type: "text", text: "Fast Turnaround" },
text: "Book Consultation", { type: "text", text: "Expert Analysis" },
href: "#contact", { type: "text", text: "Global Reach" },
}, { type: "text", text: "24/7 Support" },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg" />
mediaAnimation="slide-up" </div>
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"> <div id="services" data-section="services">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "s1", { 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" },
title: "Lost Crypto Recovery", { id: "s3", title: "Transaction Tracing", tags: ["Tracing", "Analysis"], imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-safe-with-combination-lock_23-2152012410.jpg" },
tags: [ { 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" },
"Recovery", ]}
"Assets", title="What We Help You With"
], description="Professional services tailored to your crypto security needs."
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-golden-flowing-particle-waves_1048-20449.jpg", />
}, </div>
{
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"> <div id="reviews" data-section="reviews">
<TestimonialCardOne <TestimonialCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ 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: "t1", { 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" },
name: "Chris Vine", { 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" },
role: "Investor", { 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" },
company: "Client", { 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" },
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", title="Trusted by Clients Worldwide"
}, description="Read what our clients say about their recovery journey."
{ />
id: "t2", </div>
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"> <div id="why-us" data-section="why-us">
<MetricCardOne <MetricCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "Proven", title: "Experience", description: "Years of expertise", icon: Shield },
id: "m1", { id: "m2", value: "Clear", title: "Guidance", description: "Patient expert support", icon: Lightbulb },
value: "Proven", { id: "m3", value: "Secure", title: "Process", description: "Security-first approach", icon: Lock },
title: "Experience", ]}
description: "Years of expertise", title="Why Choose Us"
icon: Shield, description="Security-first approach and proven results."
}, />
{ </div>
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"> <div id="how-it-works" data-section="how-it-works">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ 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: "h1", { 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" },
title: "Submit Case", { id: "h3", title: "Process Starts", tags: ["Step 3"], imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-bitcoin-logo-new-design_483537-4792.jpg" },
tags: [ { id: "h4", title: "Regain Access", tags: ["Step 4"], imageSrc: "http://img.b2bpic.net/free-psd/3d-rendering-nft-icon-design_23-2151866862.jpg" },
"Step 1", ]}
], title="How It Works"
imageSrc: "http://img.b2bpic.net/free-vector/collection-silver-golden-cryptocurrency-coins_23-2147790766.jpg", description="A simple and transparent recovery process."
}, />
{ </div>
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"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={false} useInvertedBackground={false}
title="About Our Center" title="About Our Center"
description={[ description={[
"We specialize in helping individuals recover lost crypto assets and navigate blockchain technology safely.", "We specialize in helping individuals recover lost crypto assets and navigate blockchain technology safely.", "Our approach focuses on clarity, patience, and real results."]}
"Our approach focuses on clarity, patience, and real results.", />
]} </div>
/>
</div>
<div id="urgency" data-section="urgency"> <div id="urgency" data-section="urgency">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { id: "u1", title: "Fast Action", tags: ["Priority"], imageSrc: "http://img.b2bpic.net/free-photo/blue-protection-shield-icon-isolated_53876-14836.jpg" },
id: "u1", { 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: "Fast Action", ]}
tags: [ title="Lost Access? Time Matters."
"Priority", description="The longer you wait, the harder recovery can become. Take action now."
], buttons={[
imageSrc: "http://img.b2bpic.net/free-photo/blue-protection-shield-icon-isolated_53876-14836.jpg", { text: "Start Recovery Now", href: "#contact" },
}, ]}
{ />
id: "u2", </div>
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"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", tag="Contact Support"
}} title="Ready to Start?"
tag="Contact Support" description="Send us a message or reach out via WhatsApp/Telegram."
title="Ready to Start?" imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg"
description="Send us a message or reach out via WhatsApp/Telegram." mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg" />
mediaAnimation="slide-up" </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="Crypto Recovery" logoText="Crypto Recovery"
columns={[ columns={[
{ { title: "Help", items: [{ label: "Services", href: "#services" }, { label: "Reviews", href: "#reviews" }, { label: "Contact", href: "#contact" }] },
title: "Help", { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Disclaimer", href: "#" }] },
items: [ ]}
{ copyrightText="© 2025 Crypto Recovery Help Center. All rights reserved."
label: "Services", />
href: "#services", </div>
},
{ {/* Floating WhatsApp Button */}
label: "Reviews", <a
href: "#reviews", href="https://wa.me/yourphonenumber"
}, target="_blank"
{ rel="noopener noreferrer"
label: "Contact", 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"
href: "#contact", aria-label="Chat with an expert now"
}, title="Chat with an expert now"
], >
}, <MessageCircle className="text-white w-8 h-8" />
{ </a>
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Disclaimer",
href: "#",
},
],
},
]}
copyrightText="© 2025 Crypto Recovery Help Center. All rights reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }