From 21856cc2b4000b7d006991d158385d1c5a0f97da Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 01:31:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 427 ++++++++++++++++-------------------------------
 1 file changed, 145 insertions(+), 282 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e7e56bc..77b39ae 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1