Merge version_1 into main #1
386
src/app/page.tsx
386
src/app/page.tsx
@@ -14,284 +14,132 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="VeriGlobal"
|
||||
button={{
|
||||
text: "Get Verified",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Trust", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="VeriGlobal"
|
||||
button={{ text: "Get Verified", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Authentic Identity Verification, Worldwide."
|
||||
description="Secure, fast, and fully authenticated identity verification for any account, anywhere on the globe. We provide absolute proof of identity to protect your digital reputation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-pointing-smartwatch_1134-113.jpg"
|
||||
imageAlt="Global identity verification service"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
alt: "Portrait woman business embrace confidence",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
alt: "Happy businessman portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-blond-businesswoman-suit-smiles-camera-sits-outdoors-near-office-buildings_1258-116714.jpg",
|
||||
alt: "Confident businesswoman in suit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
|
||||
alt: "Smiling blond businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Young successful man portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ Professionals"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Authentic Identity Verification, Worldwide."
|
||||
description="Secure, fast, and fully authenticated identity verification for any account, anywhere on the globe. We provide absolute proof of identity to protect your digital reputation."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-pointing-smartwatch_1134-113.jpg"
|
||||
imageAlt="Global identity verification service"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", alt: "Portrait woman business embrace confidence" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "Happy businessman portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-blond-businesswoman-suit-smiles-camera-sits-outdoors-near-office-buildings_1258-116714.jpg", alt: "Confident businesswoman in suit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", alt: "Smiling blond businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Young successful man portrait" }
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ Professionals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bulletproof Authentication",
|
||||
descriptions: [
|
||||
"Every ID is verified against secure, authentic records to ensure 100% accuracy.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148534111.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global Reach",
|
||||
descriptions: [
|
||||
"Verifying accounts across borders with deep knowledge of international documentation standards.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663048.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Instant Compliance",
|
||||
descriptions: [
|
||||
"Streamlined workflows that keep your business compliant with all legal identity requirements.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/demand-insurance-service-digital-insurer-mobile-app-innovative-business-model-female-customer-ordering-insurance-policy-online_335657-1156.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose VeriGlobal?"
|
||||
description="Our verification services are designed for maximum authenticity and minimal friction, ensuring your accounts remain secure and fully verified."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Bulletproof Authentication", descriptions: ["Every ID is verified against secure, authentic records to ensure 100% accuracy."], imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148534111.jpg" },
|
||||
{ id: "f2", title: "Global Reach", descriptions: ["Verifying accounts across borders with deep knowledge of international documentation standards."], imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663048.jpg" },
|
||||
{ id: "f3", title: "Instant Compliance", descriptions: ["Streamlined workflows that keep your business compliant with all legal identity requirements."], imageSrc: "http://img.b2bpic.net/free-vector/demand-insurance-service-digital-insurer-mobile-app-innovative-business-model-female-customer-ordering-insurance-policy-online_335657-1156.jpg" }
|
||||
]}
|
||||
title="Why Choose VeriGlobal?"
|
||||
description="Our verification services are designed for maximum authenticity and minimal friction, ensuring your accounts remain secure and fully verified."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Accuracy Rate",
|
||||
description: "Unmatched precision for all identity verifications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/results-analysis-discovery-investigation-concept_53876-120447.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Turnaround Time",
|
||||
description: "Swift processing for even the most complex cases.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
title: "Countries Served",
|
||||
description: "Worldwide coverage with localized expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg",
|
||||
},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Proven reliability across every single verification request we process."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", title: "Accuracy Rate", description: "Unmatched precision for all identity verifications.", imageSrc: "http://img.b2bpic.net/free-photo/results-analysis-discovery-investigation-concept_53876-120447.jpg" },
|
||||
{ id: "m2", value: "24h", title: "Turnaround Time", description: "Swift processing for even the most complex cases.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg" },
|
||||
{ id: "m3", value: "150+", title: "Countries Served", description: "Worldwide coverage with localized expertise.", imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg" }
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Proven reliability across every single verification request we process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "TechSecure",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chan",
|
||||
role: "Head of Ops",
|
||||
company: "GlobalFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
role: "Founder",
|
||||
company: "VerifyLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
role: "CISO",
|
||||
company: "DataBank",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-men-looking-computer_23-2148920577.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Compliance Officer",
|
||||
company: "SecureAuth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="Clients rely on us to maintain their digital integrity and security."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", company: "TechSecure", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
|
||||
{ id: "2", name: "David Chan", role: "Head of Ops", company: "GlobalFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
{ id: "3", name: "Emily Watson", role: "Founder", company: "VerifyLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg" },
|
||||
{ id: "4", name: "Marcus Thorne", role: "CISO", company: "DataBank", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-men-looking-computer_23-2148920577.jpg" },
|
||||
{ id: "5", name: "Elena Rodriguez", role: "Compliance Officer", company: "SecureAuth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg" }
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="Clients rely on us to maintain their digital integrity and security."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does verification take?",
|
||||
content: "Most standard verifications are completed within 24 hours.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you verify global IDs?",
|
||||
content: "Yes, we handle international documentation from over 150 countries.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "We use bank-grade encryption to ensure every document is fully protected.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers regarding our verification processes."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How long does verification take?", content: "Most standard verifications are completed within 24 hours." },
|
||||
{ id: "q2", title: "Can you verify global IDs?", content: "Yes, we handle international documentation from over 150 countries." },
|
||||
{ id: "q3", title: "Is my data secure?", content: "We use bank-grade encryption to ensure every document is fully protected." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers regarding our verification processes."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to get verified?"
|
||||
description="Enter your email below to start your identity verification journey today."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Ready to get verified?"
|
||||
description="Enter your email below to start your identity verification journey today."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="VeriGlobal"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Identity Verification",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Compliance Checks",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="VeriGlobal"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Identity Verification", href: "#" }, { label: "Compliance Checks", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user