Merge version_1 into main #1
427
src/app/page.tsx
427
src/app/page.tsx
@@ -16,299 +16,162 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
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: "How it works",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Agents",
|
||||
id: "#agents",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
]}
|
||||
brandName="No-Site Search"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "How it works", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="No-Site Search"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Find local businesses without websites."
|
||||
description="Deploy AI agents to fill your pipeline — automatically. Identify high-intent leads that competitors miss."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg",
|
||||
imageAlt: "Hero Scene 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",
|
||||
imageAlt: "Hero Scene 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg",
|
||||
imageAlt: "Hero Scene 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
imageAlt: "Hero Scene 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
imageAlt: "Hero Scene 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-map-background_23-2147982081.jpg",
|
||||
imageAlt: "Hero Scene 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Find local businesses without websites."
|
||||
description="Deploy AI agents to fill your pipeline — automatically. Identify high-intent leads that competitors miss."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg", imageAlt: "Hero Scene 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg", imageAlt: "Hero Scene 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg", imageAlt: "Hero Scene 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Hero Scene 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "Hero Scene 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-map-background_23-2147982081.jpg", imageAlt: "Hero Scene 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="How It Works"
|
||||
description={[
|
||||
"We aggregate data on local businesses, identifying those currently missing a website presence.",
|
||||
"These high-intent businesses are perfect targets for your outreach services.",
|
||||
"Automatically deploy AI agents to handle the initial communication and qualify leads.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="How It Works"
|
||||
description={[
|
||||
"We aggregate data on local businesses, identifying those currently missing a website presence.", "These high-intent businesses are perfect targets for your outreach services.", "Automatically deploy AI agents to handle the initial communication and qualify leads."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Missed market opportunities",
|
||||
"Inefficient manual research",
|
||||
"High customer acquisition costs",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Easy lead identification",
|
||||
"Direct phone access",
|
||||
"Real-time location data",
|
||||
],
|
||||
}}
|
||||
title="Target High-Intent Leads"
|
||||
description="Identify potential clients before your competition finds them."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Missed market opportunities", "Inefficient manual research", "High customer acquisition costs"] }}
|
||||
positiveCard={{ items: ["Easy lead identification", "Direct phone access", "Real-time location data"] }}
|
||||
title="Target High-Intent Leads"
|
||||
description="Identify potential clients before your competition finds them."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
description: "Local Leads Found",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Active Agents",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Accuracy Rate",
|
||||
},
|
||||
]}
|
||||
title="Data-Driven Results"
|
||||
description="See the impact of our intelligent prospecting engine."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10K+", description: "Local Leads Found" },
|
||||
{ id: "m2", value: "500+", description: "Active Agents" },
|
||||
{ id: "m3", value: "99%", description: "Accuracy Rate" },
|
||||
]}
|
||||
title="Data-Driven Results"
|
||||
description="See the impact of our intelligent prospecting engine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you find leads?",
|
||||
content: "We crawl and analyze local business data to identify companies missing professional web presence.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the data verified?",
|
||||
content: "Yes, we prioritize phone numbers and verified location data for every entry.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I use AI agents?",
|
||||
content: "Our platform integrates AI agents designed to automate outreach and pipeline building.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our prospecting tools."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do you find leads?", content: "We crawl and analyze local business data to identify companies missing professional web presence." },
|
||||
{ id: "f2", title: "Is the data verified?", content: "Yes, we prioritize phone numbers and verified location data for every entry." },
|
||||
{ id: "f3", title: "Can I use AI agents?", content: "Our platform integrates AI agents designed to automate outreach and pipeline building." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our prospecting tools."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Marketing Director",
|
||||
company: "GrowCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Business Owner",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Growth Specialist",
|
||||
company: "SuccessCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartUpFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-celebrating-his-success-after-presenting-project-proposal-his-multiethnic-partners_181624-33367.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Wilson",
|
||||
role: "Lead Agency",
|
||||
company: "AdTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-professional-chatting-online_1262-19395.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="See what our users are saying about finding leads."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Marketing Director", company: "GrowCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Business Owner", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Growth Specialist", company: "SuccessCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", company: "StartUpFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-celebrating-his-success-after-presenting-project-proposal-his-multiethnic-partners_181624-33367.jpg" },
|
||||
{ id: "5", name: "James Wilson", role: "Lead Agency", company: "AdTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-young-professional-chatting-online_1262-19395.jpg" },
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="See what our users are saying about finding leads."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"LeadGenX",
|
||||
"GrowthFlow",
|
||||
"AgencyPrime",
|
||||
"BizBuilder",
|
||||
"MarketMax",
|
||||
"ProfitEngine",
|
||||
]}
|
||||
title="Powering Top Agencies"
|
||||
description="The tool of choice for lead generation experts."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["TechCorp", "LeadGenX", "GrowthFlow", "AgencyPrime", "BizBuilder", "MarketMax", "ProfitEngine"]}
|
||||
title="Powering Top Agencies"
|
||||
description="The tool of choice for lead generation experts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Pipeline"
|
||||
description="Ready to get high-intent leads? Contact us for access."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/internet-social-media-graphic_53876-14114.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Pipeline"
|
||||
description="Ready to get high-intent leads? Contact us for access."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/internet-social-media-graphic_53876-14114.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "How it works",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "AI Agents",
|
||||
href: "#agents",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "For AI / Cite",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Copyright © 2026",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="No-Site Search"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "How it works", href: "#about" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "AI Agents", href: "#agents" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "For AI / Cite", href: "#" },
|
||||
{ label: "Copyright © 2026", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="No-Site Search"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user