From 06816fdbcdeb2e2df0eb2aee767d7b22eae2e96b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 13:23:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 459 +++++++++++++++--------------------------------
 1 file changed, 146 insertions(+), 313 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ce6d5a..db87079 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,330 +16,163 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+      defaultButtonVariant="expand-hover"
+      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: "Performance",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="PickTrack"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Performance", id: "metrics" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="PickTrack"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Track Your Sports Picks with Confidence"
-      description="The ultimate platform for serious sports bettors to track, analyze, and improve their betting performance with precision data."
-      testimonials={[
-        {
-          name: "Alex R.",
-          handle: "@alxr",
-          testimonial: "Increased my win rate by 15% since using this tracker.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg?_wi=1",
-          imageAlt: "sports analytics dashboard UI",
-        },
-        {
-          name: "Jamie L.",
-          handle: "@jamie",
-          testimonial: "Incredible insights, the best tool in my arsenal.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg?_wi=1",
-          imageAlt: "sports analytics dashboard UI",
-        },
-        {
-          name: "Sam K.",
-          handle: "@samk",
-          testimonial: "The performance analytics are simply unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg?_wi=1",
-          imageAlt: "sports analytics dashboard UI",
-        },
-        {
-          name: "Jordan P.",
-          handle: "@jordanp",
-          testimonial: "Finally, a clean dashboard that just works.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg?_wi=1",
-          imageAlt: "sports analytics dashboard UI",
-        },
-        {
-          name: "Casey M.",
-          handle: "@caseym",
-          testimonial: "Reliable data, fast updates, and great UI.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg?_wi=1",
-          imageAlt: "sports analytics dashboard UI",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/stockholder-working-from-home-using-mockup-device_482257-121841.jpg",
-          alt: "Stockholder working from home using mockup device",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/african-american-freelancer-works-home-using-laptop-study-stock-prices_482257-121720.jpg",
-          alt: "African American freelancer works at home using laptop to study stock prices",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-man-day-trading-from-home-laptop-following-stock-market-charts_482257-121824.jpg",
-          alt: "Black man day trading from home on laptop following stock market charts",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-123864.jpg",
-          alt: "Gambling Football Game Bet Concept",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
-          alt: "professional man in suit portrait",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Track Your Sports Picks with Confidence"
+            description="The ultimate platform for serious sports bettors to track, analyze, and improve their betting performance with precision data."
+            testimonials={[
+              { name: "Alex R.", handle: "@alxr", testimonial: "Increased my win rate by 15% since using this tracker.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg", imageAlt: "sports analytics dashboard UI" },
+              { name: "Jamie L.", handle: "@jamie", testimonial: "Incredible insights, the best tool in my arsenal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg", imageAlt: "sports analytics dashboard UI" },
+              { name: "Sam K.", handle: "@samk", testimonial: "The performance analytics are simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg", imageAlt: "sports analytics dashboard UI" },
+              { name: "Jordan P.", handle: "@jordanp", testimonial: "Finally, a clean dashboard that just works.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg", imageAlt: "sports analytics dashboard UI" },
+              { name: "Casey M.", handle: "@caseym", testimonial: "Reliable data, fast updates, and great UI.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg", imageAlt: "sports analytics dashboard UI" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/stockholder-working-from-home-using-mockup-device_482257-121841.jpg", alt: "Stockholder working from home using mockup device" },
+              { src: "http://img.b2bpic.net/free-photo/african-american-freelancer-works-home-using-laptop-study-stock-prices_482257-121720.jpg", alt: "African American freelancer works at home using laptop to study stock prices" },
+              { src: "http://img.b2bpic.net/free-photo/black-man-day-trading-from-home-laptop-following-stock-market-charts_482257-121824.jpg", alt: "Black man day trading from home on laptop following stock market charts" },
+              { src: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-123864.jpg", alt: "Gambling Football Game Bet Concept" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg", alt: "professional man in suit portrait" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Elite Data for Serious Bettors"
-      description="We aggregate real-time odds, team performance, and historical data to help you make informed decisions every single day."
-      metrics={[
-        {
-          value: "20K+",
-          title: "Picks Tracked",
-        },
-        {
-          value: "95%",
-          title: "Data Accuracy",
-        },
-        {
-          value: "120+",
-          title: "Leagues Covered",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Elite Data for Serious Bettors"
+            description="We aggregate real-time odds, team performance, and historical data to help you make informed decisions every single day."
+            metrics={[
+              { value: "20K+", title: "Picks Tracked" },
+              { value: "95%", title: "Data Accuracy" },
+              { value: "120+", title: "Leagues Covered" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Live Tracking",
-          description: "Update your picks in real-time with our lightning-fast interface.",
-          tag: "Speed",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg?_wi=2",
-        },
-        {
-          id: "f2",
-          title: "Advanced Insights",
-          description: "Deep-dive into performance trends with AI-powered analytics.",
-          tag: "AI-Driven",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg?_wi=2",
-        },
-        {
-          id: "f3",
-          title: "Secure Platform",
-          description: "Your data is protected with military-grade encryption and privacy controls.",
-          tag: "Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg?_wi=2",
-        },
-      ]}
-      title="Features That Drive Results"
-      description="Everything you need to stay ahead of the game, optimized for mobile and desktop performance."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Live Tracking", description: "Update your picks in real-time with our lightning-fast interface.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg" },
+              { id: "f2", title: "Advanced Insights", description: "Deep-dive into performance trends with AI-powered analytics.", tag: "AI-Driven", imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg" },
+              { id: "f3", title: "Secure Platform", description: "Your data is protected with military-grade encryption and privacy controls.", tag: "Security", imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg" },
+            ]}
+            title="Features That Drive Results"
+            description="Everything you need to stay ahead of the game, optimized for mobile and desktop performance."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "95%",
-          title: "Predictive Success",
-          description: "Overall winning accuracy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
-        },
-        {
-          id: "m2",
-          value: "120+",
-          title: "Monthly Picks",
-          description: "Total volume of picks tracked.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sports-event-postponed-arrangement_23-2148596836.jpg",
-        },
-        {
-          id: "m3",
-          value: "4.8/5",
-          title: "User Rating",
-          description: "Highly acclaimed performance tool.",
-          imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548646.jpg",
-        },
-      ]}
-      title="Proven Performance Tracking"
-      description="Witness the growth and stability of your betting strategy through our detailed performance metrics."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "95%", title: "Predictive Success", description: "Overall winning accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg" },
+              { id: "m2", value: "120+", title: "Monthly Picks", description: "Total volume of picks tracked.", imageSrc: "http://img.b2bpic.net/free-photo/sports-event-postponed-arrangement_23-2148596836.jpg" },
+              { id: "m3", value: "4.8/5", title: "User Rating", description: "Highly acclaimed performance tool.", imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548646.jpg" },
+            ]}
+            title="Proven Performance Tracking"
+            description="Witness the growth and stability of your betting strategy through our detailed performance metrics."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="PickTrack transformed the way I look at my betting habits. The analytics are so clear, and the tracking is incredibly easy."
-      rating={5}
-      author="Marcus V."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-smiling-woman-sweater-standing-with-arms-folded-isolated-gray-background_231208-7348.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/entrepreneur-working-from-home-using-laptop-writing-notes-paper_482257-118438.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-mature-male-holding-tablet-office_23-2148673404.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/image-smiling-woman-look-camera-with-phone_197531-33936.jpg",
-          alt: "User 5",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="PickTrack transformed the way I look at my betting habits. The analytics are so clear, and the tracking is incredibly easy."
+            rating={5}
+            author="Marcus V."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-cheerful-smiling-woman-sweater-standing-with-arms-folded-isolated-gray-background_231208-7348.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/entrepreneur-working-from-home-using-laptop-writing-notes-paper_482257-118438.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/elegant-mature-male-holding-tablet-office_23-2148673404.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/image-smiling-woman-look-camera-with-phone_197531-33936.jpg", alt: "User 5" },
+            ]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "SportsNetwork",
-        "BetDaily",
-        "AnalyticsPro",
-        "WinFactor",
-        "LeageStat",
-        "CommisionData",
-        "FinData",
-      ]}
-      title="Trusted by Industry Experts"
-      description="Join thousands of successful bettors who rely on our platform."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["SportsNetwork", "BetDaily", "AnalyticsPro", "WinFactor", "LeageStat", "CommisionData", "FinData"]}
+            title="Trusted by Industry Experts"
+            description="Join thousands of successful bettors who rely on our platform."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is my data secure?",
-          content: "Yes, we use industry-standard encryption to protect all your data.",
-        },
-        {
-          id: "q2",
-          title: "Can I sync multiple sportsbooks?",
-          content: "Absolutely, we support seamless integration across most major books.",
-        },
-        {
-          id: "q3",
-          title: "Is it free to start?",
-          content: "Yes, we offer a generous free trial so you can test the platform.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Got questions? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Is my data secure?", content: "Yes, we use industry-standard encryption to protect all your data." },
+              { id: "q2", title: "Can I sync multiple sportsbooks?", content: "Absolutely, we support seamless integration across most major books." },
+              { id: "q3", title: "Is it free to start?", content: "Yes, we offer a generous free trial so you can test the platform." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Got questions? We've got answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Ready to Get Started?"
-      description="Send us a message and our support team will get back to you within 24 hours."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Ready to Get Started?"
+            description="Send us a message and our support team will get back to you within 24 hours."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "email", type: "email", placeholder: "Your Email" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Performance",
-              href: "#metrics",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 PickTrack Inc."
-      bottomRightText="Privacy Policy | Terms of Service"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Performance", href: "#metrics" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            bottomLeftText="© 2024 PickTrack Inc."
+            bottomRightText="Privacy Policy | Terms of Service"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );