From e2604bd25a0319c55700e1de7ad8c049d86619e3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 07:07:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 450 +++++++++++++++--------------------------------
 1 file changed, 142 insertions(+), 308 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e1091f6..8f99dd2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,325 +16,159 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      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: "Dashboard",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Metrics",
-          id: "metrics",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AdTrack"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Hero", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Metrics", id: "metrics" },
+              { name: "SocialProof", id: "socialProof" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="AdTrack"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Maximize Your AdSense Potential"
-      description="The ultimate analytics platform for monitoring, optimizing, and growing your laptop-based AdSense earnings with precision."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman_23-2147839983.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/male-graphic-designer-smiling-while-working_1170-1089.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
-          alt: "User 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Analyzing",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Real-time Revenue Tracking",
-        },
-        {
-          type: "text",
-          text: "Advanced Data Visualization",
-        },
-        {
-          type: "text",
-          text: "Multi-Account Sync",
-        },
-        {
-          type: "text",
-          text: "Bank-Level Security",
-        },
-        {
-          type: "text",
-          text: "Instant Performance Alerts",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "radial-gradient" }}
+            title="Maximize Your AdSense Potential"
+            description="The ultimate analytics platform for monitoring, optimizing, and growing your laptop-based AdSense earnings with precision."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman_23-2147839983.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/male-graphic-designer-smiling-while-working_1170-1089.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", alt: "User 5" }
+            ]}
+            buttons={[{ text: "Start Analyzing", href: "#contact" }]}
+            marqueeItems={[
+              { type: "text", text: "Real-time Revenue Tracking" },
+              { type: "text", text: "Advanced Data Visualization" },
+              { type: "text", text: "Multi-Account Sync" },
+              { type: "text", text: "Bank-Level Security" },
+              { type: "text", text: "Instant Performance Alerts" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Built for Serious Earners"
-      buttons={[
-        {
-          text: "Learn More",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Built for Serious Earners"
+            buttons={[{ text: "Learn More" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Revenue Monitoring",
-          author: "Pro",
-          description: "See your real-time earnings on your laptop dashboard.",
-          tags: [
-            "Analytics",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg",
-        },
-        {
-          id: "f2",
-          title: "Cloud-Based Data",
-          author: "Pro",
-          description: "Your revenue data is synced across all your devices securely.",
-          tags: [
-            "Cloud",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-team-working-with-graphs_1232-849.jpg",
-        },
-        {
-          id: "f3",
-          title: "Security First",
-          author: "Pro",
-          description: "Bank-level encryption for your sensitive earnings data.",
-          tags: [
-            "Secure",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-hand-with-stylus-pen-working-digital-tablet-laptop_169016-48736.jpg",
-        },
-      ]}
-      title="Pro-Grade Tools"
-      description="Unlock deep insights into every cent earned with real-time tracking."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Revenue Monitoring", author: "Pro", description: "See your real-time earnings on your laptop dashboard.", tags: ["Analytics"], imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg" },
+              { id: "f2", title: "Cloud-Based Data", author: "Pro", description: "Your revenue data is synced across all your devices securely.", tags: ["Cloud"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-team-working-with-graphs_1232-849.jpg" },
+              { id: "f3", title: "Security First", author: "Pro", description: "Bank-level encryption for your sensitive earnings data.", tags: ["Secure"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-hand-with-stylus-pen-working-digital-tablet-laptop_169016-48736.jpg" }
+            ]}
+            title="Pro-Grade Tools"
+            description="Unlock deep insights into every cent earned with real-time tracking."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "99%",
-          description: "Accuracy Rate",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Real-time Tracking",
-        },
-        {
-          id: "m3",
-          value: "100k+",
-          description: "Active Users",
-        },
-      ]}
-      title="Performance at a Glance"
-      description="Numbers that drive your business success."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "99%", description: "Accuracy Rate" },
+              { id: "m2", value: "24/7", description: "Real-time Tracking" },
+              { id: "m3", value: "100k+", description: "Active Users" }
+            ]}
+            title="Performance at a Glance"
+            description="Numbers that drive your business success."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Adtech Corp",
-        "RevenueLab",
-        "CloudSync",
-        "DataFlow",
-        "InsightAI",
-        "PubScale",
-        "AdTrackers",
-      ]}
-      title="Trusted by Creators"
-      description="Used by top-tier publishers worldwide."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Adtech Corp", "RevenueLab", "CloudSync", "DataFlow", "InsightAI", "PubScale", "AdTrackers"]}
+            title="Trusted by Creators"
+            description="Used by top-tier publishers worldwide."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex",
-          role: "CEO",
-          company: "Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-with-arms-crossed_1170-1023.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sam",
-          role: "Dev",
-          company: "Labs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
-        },
-        {
-          id: "t3",
-          name: "Jess",
-          role: "Marketing",
-          company: "Ads",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/detective-reviewing-files-office-room_482257-75350.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mike",
-          role: "Data",
-          company: "Science",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-worker-using-his-tablet_1134-570.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sarah",
-          role: "Consultant",
-          company: "Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-mature-businessman-formal-suit-glasses-standing-by-office-glass-wall-looking-away-copy-space-business-portrait-concept_74855-14255.jpg",
-        },
-      ]}
-      title="Success Stories"
-      description="Hear what our users say about tracking their earnings."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Alex", role: "CEO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-with-arms-crossed_1170-1023.jpg" },
+              { id: "t2", name: "Sam", role: "Dev", company: "Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg" },
+              { id: "t3", name: "Jess", role: "Marketing", company: "Ads", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/detective-reviewing-files-office-room_482257-75350.jpg" },
+              { id: "t4", name: "Mike", role: "Data", company: "Science", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-worker-using-his-tablet_1134-570.jpg" },
+              { id: "t5", name: "Sarah", role: "Consultant", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-mature-businessman-formal-suit-glasses-standing-by-office-glass-wall-looking-away-copy-space-business-portrait-concept_74855-14255.jpg" }
+            ]}
+            title="Success Stories"
+            description="Hear what our users say about tracking their earnings."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is it secure?",
-          content: "Yes, we use advanced encryption.",
-        },
-        {
-          id: "q2",
-          title: "Can I track multiple sites?",
-          content: "Yes, our dashboard supports multi-site tracking.",
-        },
-        {
-          id: "q3",
-          title: "What device can I use?",
-          content: "Works on any laptop with modern browsers.",
-        },
-      ]}
-      sideTitle="Questions?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is it secure?", content: "Yes, we use advanced encryption." },
+              { id: "q2", title: "Can I track multiple sites?", content: "Yes, our dashboard supports multi-site tracking." },
+              { id: "q3", title: "What device can I use?", content: "Works on any laptop with modern browsers." }
+            ]}
+            sideTitle="Questions?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Start Your Analytics Journey"
-      description="Fill out the form below to get started."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Start Your Analytics Journey"
+            description="Fill out the form below to get started."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="AdTrack"
-      columns={[
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "API",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="AdTrack"
+            columns={[
+              { title: "Resources", items: [{ label: "API", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1