Merge version_1 into main #1
429
src/app/page.tsx
429
src/app/page.tsx
@@ -19,302 +19,159 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="LeadGate"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="LeadGate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Private Digital Lead Room"
|
||||
description="Qualify leads and secure your business growth in a tailored, professional environment."
|
||||
tag="Lead Generation Optimized"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
|
||||
imageAlt: "saas dashboard interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282074.jpg",
|
||||
imageAlt: "business workplace professional",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg",
|
||||
imageAlt: "Determined CEO works in office analyzing infographics and setting business goals",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",
|
||||
imageAlt: "Business investor analyzing stock market trend on monitor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
imageAlt: "Data analytics dashboard",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ Businesses"
|
||||
tagIcon={ShieldCheck}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Private Digital Lead Room"
|
||||
description="Qualify leads and secure your business growth in a tailored, professional environment."
|
||||
tag="Lead Generation Optimized"
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg", imageAlt: "saas dashboard interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282074.jpg", imageAlt: "business workplace professional" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ Businesses"
|
||||
tagIcon={ShieldCheck}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why LeadGate?"
|
||||
description="We build exclusive digital rooms that help you filter interested leads from noise."
|
||||
metrics={[
|
||||
{
|
||||
value: "98%",
|
||||
title: "Lead Accuracy",
|
||||
},
|
||||
{
|
||||
value: "15min",
|
||||
title: "Response Time",
|
||||
},
|
||||
{
|
||||
value: "5x",
|
||||
title: "Conversion Lift",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-employees-sitting-office-table-using-laptop-team-work-brainstorming-meeting-concept_146671-15669.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="business collaboration technology"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why LeadGate?"
|
||||
description="We build exclusive digital rooms that help you filter interested leads from noise."
|
||||
metrics={[
|
||||
{ value: "98%", title: "Lead Accuracy" },
|
||||
{ value: "15min", title: "Response Time" },
|
||||
{ value: "5x", title: "Conversion Lift" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-employees-sitting-office-table-using-laptop-team-work-brainstorming-meeting-concept_146671-15669.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="business collaboration technology"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Qualification",
|
||||
description: "Verify every lead with our proprietary secure scoring system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lieutenant-colonel-gathering-intelligence-from-federal-radar-systems_482257-89745.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-center_23-2151997031.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Automated Routing",
|
||||
description: "Get high-intent leads delivered directly to your desk.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/action-process-directions-performance-verification-icon_53876-121215.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-infographic_23-2149195694.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Global Integration",
|
||||
description: "Seamlessly connect with your existing marketing stack.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/securing-digital-world-cyberpunk-vision_23-2151997036.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
]}
|
||||
title="Engineered for Growth"
|
||||
description="Our platform provides the tools you need to close deals faster."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Secure Qualification", description: "Verify every lead with our proprietary secure scoring system.", imageSrc: "http://img.b2bpic.net/free-photo/lieutenant-colonel-gathering-intelligence-from-federal-radar-systems_482257-89745.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-center_23-2151997031.jpg", buttonText: "Learn More" },
|
||||
{ title: "Automated Routing", description: "Get high-intent leads delivered directly to your desk.", imageSrc: "http://img.b2bpic.net/free-photo/action-process-directions-performance-verification-icon_53876-121215.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-infographic_23-2149195694.jpg", buttonText: "Learn More" },
|
||||
{ title: "Global Integration", description: "Seamlessly connect with your existing marketing stack.", imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/securing-digital-world-cyberpunk-vision_23-2151997036.jpg", buttonText: "Learn More" }
|
||||
]}
|
||||
title="Engineered for Growth"
|
||||
description="Our platform provides the tools you need to close deals faster."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance at a Glance"
|
||||
tag="Results Driven"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k",
|
||||
description: "Leads Processed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "89%",
|
||||
description: "Lead Quality",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Global Support",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance at a Glance"
|
||||
tag="Results Driven"
|
||||
metrics={[
|
||||
{ id: "m1", value: "1.2k", description: "Leads Processed" },
|
||||
{ id: "m2", value: "89%", description: "Lead Quality" },
|
||||
{ id: "m3", value: "24/7", description: "Global Support" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Connor",
|
||||
role: "CTO",
|
||||
company: "TechNet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Smith",
|
||||
role: "Manager",
|
||||
company: "BuildIt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Fox",
|
||||
role: "Founder",
|
||||
company: "StartUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85918.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "Marketing",
|
||||
company: "AdGrowth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-expresses-joy-happiness-businesswoman-triumphing-street-raising-hands-up-celebrati_1258-117445.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5k",
|
||||
label: "Qualified Leads",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Clients",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Retention",
|
||||
},
|
||||
]}
|
||||
title="Voices of Growth"
|
||||
description="See why top companies trust us with their lead generation."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Connor", role: "CTO", company: "TechNet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg" },
|
||||
{ id: "t2", name: "John Doe", role: "CEO", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg" },
|
||||
{ id: "t3", name: "Emily Smith", role: "Manager", company: "BuildIt", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg" },
|
||||
{ id: "t4", name: "Robert Fox", role: "Founder", company: "StartUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85918.jpg" },
|
||||
{ id: "t5", name: "Jessica Lee", role: "Marketing", company: "AdGrowth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-expresses-joy-happiness-businesswoman-triumphing-street-raising-hands-up-celebrati_1258-117445.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "5k", label: "Qualified Leads" },
|
||||
{ value: "100+", label: "Clients" },
|
||||
{ value: "99%", label: "Retention" }
|
||||
]}
|
||||
title="Voices of Growth"
|
||||
description="See why top companies trust us with their lead generation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does it work?",
|
||||
content: "We build a dedicated portal for your leads.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, all data is encrypted end-to-end.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I integrate my CRM?",
|
||||
content: "Yes, we support most major CRM platforms.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our lead room."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-biometric-authentication_23-2151997038.jpg"
|
||||
imageAlt="Cybersecurity and biometric authentication"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How does it work?", content: "We build a dedicated portal for your leads." },
|
||||
{ id: "f2", title: "Is it secure?", content: "Yes, all data is encrypted end-to-end." },
|
||||
{ id: "f3", title: "Can I integrate my CRM?", content: "Yes, we support most major CRM platforms." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our lead room."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-biometric-authentication_23-2151997038.jpg"
|
||||
imageAlt="Cybersecurity and biometric authentication"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Private Room"
|
||||
description="Interested? Let's get your lead generation pipeline flowing."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-minimalist-interior-with-copy-space_23-2150943519.jpg"
|
||||
imageAlt="modern office reception"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Private Room"
|
||||
description="Interested? Let's get your lead generation pipeline flowing."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-minimalist-interior-with-copy-space_23-2150943519.jpg"
|
||||
imageAlt="modern office reception"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LeadGate"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
] }
|
||||
]}
|
||||
logoText="LeadGate"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user