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

---
 src/app/page.tsx | 167 +++++++++++++++++++----------------------------
 1 file changed, 68 insertions(+), 99 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2fa7784..276eddb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
-import { Medal, ShieldCheck, TrendingUp, Trophy, Twitter, Zap, Instagram } from "lucide-react";
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import { Medal, Trophy, Zap, TrendingUp, ShieldCheck, Users, Mail, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,170 +20,139 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="large"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarLayoutFloatingInline
+            <NavbarStyleCentered
               navItems={[
                 { name: "Home", id: "hero" },
-                { name: "How it Works", id: "about" },
-                { name: "Features", id: "features" },
+                { name: "About", id: "about" },
                 { 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
+            <HeroSplitDoubleCarousel
               background={{ variant: "sparkles-gradient" }}
-              title="Crown the 2026 IPL Champion: Join the Ultimate Prediction League"
-              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}
+              title="IPL Poll 2026"
+              description="Vote for your favorite teams and players in the official 2026 cricket poll. Join millions of fans worldwide."
               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" }
+              leftCarouselItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/cricket-equipments-green-grass_53876-63200.jpg", imageAlt: "Cricket Gear" }
               ]}
-              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" }
+              rightCarouselItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/cricketer-field-action_53876-63345.jpg", imageAlt: "Cricket Match" }
               ]}
             />
         </div>
 
         <div id="about" data-section="about">
-            <TextAbout
+            <MediaAbout
+              title="The Future of Cricket Fans"
+              description="Join the largest community-driven platform for IPL prediction and polling. Your voice matters in shaping the cricket conversation."
+              imageSrc="http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg"
               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
+            <FeatureHoverPattern
               animationType="slide-up"
               textboxLayout="split"
               useInvertedBackground={true}
+              title="Why Join the Poll?"
+              description="Get access to exclusive metrics and fan-led community insights."
               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." }
+                { icon: Zap, title: "Live Updates", description: "Polls updated in real-time." },
+                { icon: TrendingUp, title: "Advanced Analytics", description: "See what the experts predict." },
+                { icon: ShieldCheck, title: "Fair Play", description: "Verified, community-led data." }
               ]}
-              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
+            <ProductCardThree
               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" }
-              ]}
+              gridVariant="bento-grid"
               title="Poll Categories"
-              description="Cast your official votes for the 2026 season."
+              description="Choose your category and cast your vote."
+              products={[
+                { id: "1", name: "Champion Predictor", price: "Vote Free", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-chalice_23-2151113199.jpg" },
+                { id: "2", name: "Top Scorer", price: "Vote Free", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-playing-cricket-sport_23-2151702116.jpg" },
+                { id: "3", name: "Best Fielder", price: "Vote Free", imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275213.jpg" }
+              ]}
             />
         </div>
 
         <div id="metric" data-section="metric">
-            <MetricCardFourteen
-              useInvertedBackground={true}
-              title="Season 2026 Impact"
-              tag="Statistics"
+            <MetricCardOne
+              title="IPL Season Stats"
+              description="Real-time data from our massive fan community."
+              gridVariant="bento-grid"
+              animationType="blur-reveal"
               metrics={[
-                { id: "m1", value: "12M+", description: "Total Votes Cast" },
-                { id: "m2", value: "89%", description: "Predictor Accuracy" },
-                { id: "m3", value: "24/7", description: "Active Polls" }
+                { id: "1", value: "1.2M+", title: "Active Users", description: "Engaged fans", icon: Users },
+                { id: "2", value: "5.4M", description: "Total Votes Cast", icon: Medal, title: "Votes Cast" },
+                { id: "3", value: "98%", description: "Reliable Data", icon: Trophy, title: "Data Reliability" }
               ]}
-              metricsAnimation="blur-reveal"
             />
         </div>
 
         <div id="testimonial" data-section="testimonial">
-            <TestimonialCardTwo
+            <TestimonialCardThirteen
+              title="Fan Testimonials"
+              description="What our community has to say."
+              showRating={true}
               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" }
+                { id: "1", name: "Rohit", handle: "@rohit", testimonial: "The best platform to predict match outcomes!", rating: 5 },
+                { id: "2", name: "Priya", handle: "@priya", testimonial: "Simple to use and very intuitive polls.", rating: 5 }
               ]}
-              title="What Fans Are Saying"
-              description="Join our growing community of cricket enthusiasts."
             />
         </div>
 
         <div id="faq" data-section="faq">
-            <FaqDouble
+            <FaqBase
+              title="Frequently Asked"
+              description="Need help? Check out our FAQ section."
+              faqsAnimation="blur-reveal"
               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." }
+                { id: "1", title: "Is voting free?", content: "Yes, all participation is free." },
+                { id: "2", title: "Can I see results live?", content: "Yes, results are updated instantly." }
               ]}
-              title="Frequently Asked Questions"
-              description="Get answers to common queries."
-              faqsAnimation="blur-reveal"
             />
         </div>
 
         <div id="contact" data-section="contact">
             <ContactText
-              useInvertedBackground={false}
+              text="Get involved today and shape the 2026 season."
               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
+            <FooterLogoEmphasis
               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" }
+              columns={[
+                { items: [{ label: "Home", href: "#hero" }, { label: "Polls", href: "#products" }] }
               ]}
             />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1