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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9a69124..b9e0e63 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Instagram, Medal, ShieldCheck, TrendingUp, Trophy, Twitter, Zap } from "lucide-react";
+import { Medal, ShieldCheck, TrendingUp, Trophy, Twitter, Zap, Instagram } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,356 +29,160 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "How it Works",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Polls",
-          id: "products",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="IPL Poll 2026"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Home", id: "hero" },
+                { name: "How it Works", id: "about" },
+                { name: "Features", id: "features" },
+                { name: "Polls", id: "products" },
+                { name: "FAQ", id: "faq" }
+              ]}
+              brandName="IPL Poll 2026"
+              button={{ text: "Get Started", href: "#products" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Predict the IPL 2026 Champions"
-      description="Join the ultimate cricket poll experience. Predict match winners, top scorers, and team rankings. Compete for the crown in 2026."
-      kpis={[
-        {
-          value: "1.2M",
-          label: "Fans Joined",
-        },
-        {
-          value: "5M",
-          label: "Votes Cast",
-        },
-        {
-          value: "2026",
-          label: "IPL Season",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Start Voting",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548543.jpg",
-          alt: "Fan group one",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/multinational-football-supporters-celebrating-goal_329181-3619.jpg",
-          alt: "Fan group two",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530154.jpg",
-          alt: "Fan group three",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548640.jpg",
-          alt: "Fan group four",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-woman-uses-smartphone-while-sitting-stadium-stands_169016-48649.jpg",
-          alt: "Fan group five",
-        },
-      ]}
-      avatarText="1.2M+ fans already active"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "IPL 2026 Season Live",
-        },
-        {
-          type: "text-icon",
-          text: "Predict Match Winners",
-          icon: Trophy,
-        },
-        {
-          type: "text",
-          text: "Real-time Poll Results",
-        },
-        {
-          type: "text-icon",
-          text: "Global Leaderboard",
-          icon: Medal,
-        },
-        {
-          type: "text",
-          text: "Win Exclusive Rewards",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitKpi
+              background={{ variant: "sparkles-gradient" }}
+              title="Predict the IPL 2026 Champions"
+              description="Join the ultimate cricket poll experience. Predict match winners, top scorers, and team rankings. Compete for the crown in 2026."
+              kpis={[
+                { value: "1.2M", label: "Fans Joined" },
+                { value: "5M", label: "Votes Cast" },
+                { value: "2026", label: "IPL Season" }
+              ]}
+              enableKpiAnimation={true}
+              buttons={[{ text: "Start Voting", href: "#products" }]}
+              imageSrc="http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg"
+              mediaAnimation="slide-up"
+              avatars={[
+                { src: "http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548543.jpg", alt: "Fan group one" },
+                { src: "http://img.b2bpic.net/free-photo/multinational-football-supporters-celebrating-goal_329181-3619.jpg", alt: "Fan group two" },
+                { src: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530154.jpg", alt: "Fan group three" },
+                { src: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548640.jpg", alt: "Fan group four" },
+                { src: "http://img.b2bpic.net/free-photo/closeup-woman-uses-smartphone-while-sitting-stadium-stands_169016-48649.jpg", alt: "Fan group five" }
+              ]}
+              avatarText="1.2M+ fans already active"
+              marqueeItems={[
+                { type: "text", text: "IPL 2026 Season Live" },
+                { type: "text-icon", text: "Predict Match Winners", icon: Trophy },
+                { type: "text", text: "Real-time Poll Results" },
+                { type: "text-icon", text: "Global Leaderboard", icon: Medal },
+                { type: "text", text: "Win Exclusive Rewards" }
+              ]}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      tag="How it Works"
-      title="Engage with the Game Like Never Before"
-      buttons={[
-        {
-          text: "Explore Features",
-          href: "#features",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextAbout
+              useInvertedBackground={false}
+              tag="How it Works"
+              title="Engage with the Game Like Never Before"
+              buttons={[{ text: "Explore Features", href: "#features" }]}
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Zap,
-          title: "Live Polls",
-          description: "Cast your votes in real-time during match days.",
-        },
-        {
-          icon: TrendingUp,
-          title: "Expert Analytics",
-          description: "View aggregated data from thousands of cricket experts.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Verified Community",
-          description: "Join a trusted network of cricket enthusiasts.",
-        },
-      ]}
-      title="Unrivaled IPL Voting Experience"
-      description="Powerful tools to help you analyze, predict, and vote on your favorite IPL stars and teams."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureBorderGlow
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={true}
+              features={[
+                { icon: Zap, title: "Live Polls", description: "Cast your votes in real-time during match days." },
+                { icon: TrendingUp, title: "Expert Analytics", description: "View aggregated data from thousands of cricket experts." },
+                { icon: ShieldCheck, title: "Verified Community", description: "Join a trusted network of cricket enthusiasts." }
+              ]}
+              title="Unrivaled IPL Voting Experience"
+              description="Powerful tools to help you analyze, predict, and vote on your favorite IPL stars and teams."
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "League",
-          name: "Predict Champion",
-          price: "Free",
-          rating: 5,
-          reviewCount: "500k votes",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-chalice_23-2151113199.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Player",
-          name: "Orange Cap Winner",
-          price: "Free",
-          rating: 5,
-          reviewCount: "400k votes",
-          imageSrc: "http://img.b2bpic.net/free-photo/cricket-equipments-green-grass_53876-63200.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Team",
-          name: "Best Bowling Attack",
-          price: "Free",
-          rating: 4,
-          reviewCount: "350k votes",
-          imageSrc: "http://img.b2bpic.net/free-photo/cricketer-field-action_53876-63345.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Global",
-          name: "MVP Award",
-          price: "Free",
-          rating: 5,
-          reviewCount: "600k votes",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-playing-cricket-sport_23-2151702116.jpg",
-        },
-        {
-          id: "p5",
-          brand: "League",
-          name: "Catch of the Season",
-          price: "Free",
-          rating: 5,
-          reviewCount: "200k votes",
-          imageSrc: "http://img.b2bpic.net/free-photo/basketball-bag-with-headphones_23-2148375967.jpg",
-        },
-        {
-          id: "p6",
-          brand: "General",
-          name: "Most Passionate Fans",
-          price: "Free",
-          rating: 4,
-          reviewCount: "800k votes",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275213.jpg",
-        },
-      ]}
-      title="Poll Categories"
-      description="Cast your official votes for the 2026 season."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardTwo
+              animationType="slide-up"
+              textboxLayout="split"
+              gridVariant="four-items-2x2-equal-grid"
+              useInvertedBackground={false}
+              products={[
+                { id: "p1", brand: "League", name: "Predict Champion", price: "Free", rating: 5, reviewCount: "500k votes", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-chalice_23-2151113199.jpg" },
+                { id: "p2", brand: "Player", name: "Orange Cap Winner", price: "Free", rating: 5, reviewCount: "400k votes", imageSrc: "http://img.b2bpic.net/free-photo/cricket-equipments-green-grass_53876-63200.jpg" },
+                { id: "p3", brand: "Team", name: "Best Bowling Attack", price: "Free", rating: 4, reviewCount: "350k votes", imageSrc: "http://img.b2bpic.net/free-photo/cricketer-field-action_53876-63345.jpg" },
+                { id: "p4", brand: "Global", name: "MVP Award", price: "Free", rating: 5, reviewCount: "600k votes", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-playing-cricket-sport_23-2151702116.jpg" },
+                { id: "p5", brand: "League", name: "Catch of the Season", price: "Free", rating: 5, reviewCount: "200k votes", imageSrc: "http://img.b2bpic.net/free-photo/basketball-bag-with-headphones_23-2148375967.jpg" },
+                { id: "p6", brand: "General", name: "Most Passionate Fans", price: "Free", rating: 4, reviewCount: "800k votes", imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275213.jpg" }
+              ]}
+              title="Poll Categories"
+              description="Cast your official votes for the 2026 season."
+            />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Season 2026 Impact"
-      tag="Statistics"
-      metrics={[
-        {
-          id: "m1",
-          value: "12M+",
-          description: "Total Votes Cast",
-        },
-        {
-          id: "m2",
-          value: "89%",
-          description: "Predictor Accuracy",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Active Polls",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="metric" data-section="metric">
+            <MetricCardFourteen
+              useInvertedBackground={true}
+              title="Season 2026 Impact"
+              tag="Statistics"
+              metrics={[
+                { id: "m1", value: "12M+", description: "Total Votes Cast" },
+                { id: "m2", value: "89%", description: "Predictor Accuracy" },
+                { id: "m3", value: "24/7", description: "Active Polls" }
+              ]}
+              metricsAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Rohit V.",
-          role: "Super Fan",
-          testimonial: "The best IPL poll platform for 2026. Absolutely loved the data insights!",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2643.jpg",
-        },
-        {
-          id: "2",
-          name: "Priya S.",
-          role: "Predictor",
-          testimonial: "My accuracy stats helped me climb the leaderboard. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/concerned-young-handsome-guy-wearing-red-shirt-glasses-showing-yes-gesture-isolated-green-wall_141793-86291.jpg",
-        },
-        {
-          id: "3",
-          name: "Arjun K.",
-          role: "Cricket Analyst",
-          testimonial: "The community insights are unparalleled. True cricket spirit here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-shirt-outside-street_1303-23135.jpg",
-        },
-        {
-          id: "4",
-          name: "Meera T.",
-          role: "Casual Fan",
-          testimonial: "Super easy to use. I voted for my favorites within seconds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-park_23-2148242744.jpg",
-        },
-        {
-          id: "5",
-          name: "Vikram D.",
-          role: "Sports Blogger",
-          testimonial: "Finally a reliable platform for IPL polling in 2026.",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
-        },
-      ]}
-      title="What Fans Are Saying"
-      description="Join our growing community of cricket enthusiasts."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+            <TestimonialCardTwo
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "1", name: "Rohit V.", role: "Super Fan", testimonial: "The best IPL poll platform for 2026. Absolutely loved the data insights!", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2643.jpg" },
+                { id: "2", name: "Priya S.", role: "Predictor", testimonial: "My accuracy stats helped me climb the leaderboard. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/concerned-young-handsome-guy-wearing-red-shirt-glasses-showing-yes-gesture-isolated-green-wall_141793-86291.jpg" },
+                { id: "3", name: "Arjun K.", role: "Cricket Analyst", testimonial: "The community insights are unparalleled. True cricket spirit here.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-shirt-outside-street_1303-23135.jpg" },
+                { id: "4", name: "Meera T.", role: "Casual Fan", testimonial: "Super easy to use. I voted for my favorites within seconds.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-park_23-2148242744.jpg" },
+                { id: "5", name: "Vikram D.", role: "Sports Blogger", testimonial: "Finally a reliable platform for IPL polling in 2026.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg" }
+              ]}
+              title="What Fans Are Saying"
+              description="Join our growing community of cricket enthusiasts."
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is the polling free?",
-          content: "Yes, all polls for the 2026 IPL season are completely free to participate.",
-        },
-        {
-          id: "f2",
-          title: "How are results verified?",
-          content: "We use encrypted voting and community verification systems.",
-        },
-        {
-          id: "f3",
-          title: "Can I invite my friends?",
-          content: "Yes, invite friends to join your own private league leaderboard.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Get answers to common queries."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqDouble
+              textboxLayout="split"
+              useInvertedBackground={true}
+              faqs={[
+                { id: "f1", title: "Is the polling free?", content: "Yes, all polls for the 2026 IPL season are completely free to participate." },
+                { id: "f2", title: "How are results verified?", content: "We use encrypted voting and community verification systems." },
+                { id: "f3", title: "Can I invite my friends?", content: "Yes, invite friends to join your own private league leaderboard." }
+              ]}
+              title="Frequently Asked Questions"
+              description="Get answers to common queries."
+              faqsAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to crown the next IPL champions? Join the 2026 movement today."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+              useInvertedBackground={false}
+              background={{ variant: "gradient-bars" }}
+              text="Ready to crown the next IPL champions? Join the 2026 movement today."
+              buttons={[{ text: "Contact Support", href: "#" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="IPL Poll 2026"
-      copyrightText="© 2026 IPL Polls International"
-      socialLinks={[
-        {
-          icon: Twitter,
-          href: "https://twitter.com",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Instagram,
-          href: "https://instagram.com",
-          ariaLabel: "Instagram",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="IPL Poll 2026"
+              copyrightText="© 2026 IPL Polls International"
+              socialLinks={[
+                { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
+                { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1