Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,15 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import SplitAbout from '@/components/sections/about/SplitAbout';
-import { Award, CheckCircle, Shield, Zap } from "lucide-react";
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function LandingPage() {
   return (
@@ -33,8 +31,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "Features", id: "features" },
+        { name: "About", id: "about" },
-        { name: "Projections", id: "data" },
         { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" }
       ]}
@@ -45,117 +42,79 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      useInvertedBackground={false}
       background={{ variant: "gradient-bars" }}
       title="The Edge Behind Every Play"
       description="Advanced hockey analytics for smarter bets, better fantasy decisions, and total dominance."
-      testimonials={[
+      testimonials={[]}
-        { name: "Alex R.", handle: "@hockey_pro", testimonial: "The predictive modeling on this site is unmatched for serious fantasy players.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-5015.jpg" },
+      buttons={[{ text: "Get Started", href: "#pricing" }]}
-        { name: "Sarah K.", handle: "@sports_bettor", testimonial: "My ROI improved significantly since I started using Team 33's trends analysis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3569.jpg" },
+      imageSrc="http://img.b2bpic.net/free-photo/ice-hockey-stick-puck-ice-rink_23-2148784705.jpg?_wi=1"
-        { name: "Mike J.", handle: "@data_nerd", testimonial: "The depth of metrics like xG and high-danger chances is exactly what I needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-4995.jpg" },
-        { name: "David W.", handle: "@fan_edge", testimonial: "Fast, precise, and absolute game-changer for daily fantasy leagues.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/executive-touching-her-chin-with-finger_1149-91.jpg" },
-        { name: "Emily P.", handle: "@hockey_insider", testimonial: "Built for the pros, but easy enough for any fantasy player to dominate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-ecstatic-football-fan-celebrating_23-2150860729.jpg" }
-      ]}
-      buttons={[{ text: "Start Winning", href: "#pricing" }, { text: "View Live Stats", href: "#data" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/concrete-wall-scratched-material-background-texture-concept_53876-31740.jpg"
-      imageAlt="Professional hockey analytics interface"
       mediaAnimation="slide-up"
-      avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg", alt: "Happy bearded man" }, { src: "http://img.b2bpic.net/free-photo/ambitious-handsome-young-stylish-mature-male-with-beard-big-blue-eyes-smiling-excited-pleased-grin-standing-trendy-suit-gray-wall-waiting-chance-show-skills-gray-wall_176420-22711.jpg", alt: "Ambitious stylish male" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Man correcting mistakes" }, { src: "http://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg", alt: "Man in eyeglasses" }, { src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", alt: "Smiling young woman" }]}
-      marqueeItems={[{ type: "text", text: "Real-time NHL Data" }, { type: "text", text: "Predictive Modeling" }, { type: "text", text: "Advanced Player Metrics" }, { type: "text", text: "Custom Dashboards" }, { type: "text", text: "Fantasy Optimization" }]}
     />
   </div>
 
-  <div id="value-strip" data-section="value-strip">
+  <div id="about" data-section="about">
-      <MetricCardThree
+      <SplitAbout 
-      textboxLayout="split"
+        title="Elite Hockey Intelligence"
-      useInvertedBackground={true}
+        description="We transform raw game data into winning strategies using proprietary predictive modeling and live game-state analysis."
-      animationType="slide-up"
+        bulletPoints={[
-      metrics={[
+          { title: "Advanced Metrics", description: "High-danger chances and xG analysis." },
-        { id: "m1", icon: CheckCircle, title: "Cancel Anytime", value: "Flexible" },
+          { title: "Live Updates", description: "Real-time tracking for every game state." },
-        { id: "m2", icon: Shield, title: "No Hidden Fees", value: "Transparent" },
+          { title: "Performance Models", description: "Accuracy-driven trend detection." }
-        { id: "m3", icon: Zap, title: "Instant Access", value: "Real-time" },
+        ]}
-        { id: "m4", icon: Award, title: "For Pro Minds", value: "Advanced" }
+        imageSrc="http://img.b2bpic.net/free-photo/hockey-equipment-resting-on-ice_23-2148784792.jpg"
-      ]}
+        textboxLayout="split"
-      title="Unfair Advantage"
+        useInvertedBackground={false}
-      description="No friction, just performance."
+      />
-    />
   </div>
 
-  <div id="features" data-section="features">
+  <div id="social-proof" data-section="social-proof">
-      <FeatureCardSix
+      <SocialProofOne 
-      textboxLayout="default"
+        names={["NHL Analytics Group", "DraftKings Pros", "Fantasy Weekly", "Hockey Tech Journal", "Sports Betting Insider"]}
-      useInvertedBackground={false}
+        title="Trusted by Industry Leaders"
-      features={[
+        description="Join the elite network of data-driven analysts."
-        { title: "Advanced Player Metrics", description: "Dive deep into xG, Corsi, Fenwick, and high-danger scoring chances with our analytics suite.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-ice-hockey-netminder_1048-6045.jpg" },
+        textboxLayout="default"
-        { title: "Real-Time Game Insights", description: "Stay ahead of the competition with live data streams and instant game-day updates.", imageSrc: "http://img.b2bpic.net/free-photo/3d-network-particle-flow-background_1048-12212.jpg" },
+        useInvertedBackground={true}
-        { title: "Betting Edge Tools", description: "Leverage our proprietary predictive modeling to detect trends and gain a betting edge.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-shows-company-statistics_482257-120304.jpg" },
+      />
-        { title: "Fantasy Optimization", description: "Maximize your fantasy leagues with automated lineup tools and player projection models.", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163381.jpg" },
-        { title: "Custom Dashboards", description: "Tailor your data view to track the metrics that matter most to your specific strategy.", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg" },
-        { title: "Predictive Modeling", description: "Harness machine learning to forecast outcomes with historical trend analysis.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg" }
-      ]}
-      title="Dominate the Ice"
-      description="Powerful tools designed to turn every game insight into a winning decision."
-    />
-  </div>
-
-  <div id="data" data-section="data">
-      <ProductCardThree
-      animationType="scale-rotate"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      products={[
-        { id: "p1", name: "Heat Maps", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170126.jpg" },
-        { id: "p2", name: "Shot Maps", price: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
-        { id: "p3", name: "Player Comparison", price: "Tool", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163342.jpg" },
-        { id: "p4", name: "Trend Leaderboards", price: "Insights", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163410.jpg" },
-        { id: "p5", name: "Zone Analysis", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165164.jpg" },
-        { id: "p6", name: "Goalie Stats", price: "Deep", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827470.jpg" }
-      ]}
-      title="Visualize the Game"
-      description="Interactive data visualization tools for deep-dive analysis."
-    />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
+      <PricingCardFive 
-      animationType="slide-up"
+        title="Pro Analytics Access"
-      textboxLayout="default"
+        description="Choose the plan that fits your winning strategy."
-      useInvertedBackground={false}
+        textboxLayout="default"
-      plans={[
+        useInvertedBackground={false}
-        { id: "pro", badge: "Elite", price: "$6.99", name: "Team 33 Pro", buttons: [{ text: "Get Full Access" }], features: ["Full analytics tool suite", "Real-time game data", "Betting trend detection", "Fantasy projection models", "Custom dashboard builder"] }
+        animationType="slide-up"
-      ]}
+        plans={[
-      title="Team 33 Pro Access"
+          {
-      description="Unlock the full potential of elite hockey analytics."
+            id: "pro",            tag: "Popular",            price: "$6.99",            period: "/mo",            description: "Everything you need to dominate your league.",            button: { text: "Start Winning" },
-    />
+            featuresTitle: "Core Features",            features: ["Unlimited Player Metrics", "Live Game Heatmaps", "Betting Trend Alerts", "Fantasy Projections"]
+          }
+        ]}
+      />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div id="features" data-section="features">
-      <TestimonialCardTwo
+      <FeatureCardOne 
-      animationType="depth-3d"
+        title="Data-Driven Features"
-      textboxLayout="default"
+        description="Advanced tools designed to simplify complex decision making."
-      useInvertedBackground={true}
+        textboxLayout="default"
-      testimonials={[
+        useInvertedBackground={true}
-        { id: "t1", name: "John Doe", role: "Sports Analyst", testimonial: "I've tried every platform, nothing compares to the data depth here.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg" },
+        animationType="blur-reveal"
-        { id: "t2", name: "Maria Smith", role: "Fantasy Player", testimonial: "Won three leagues in a row using these metrics, incredible.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg" },
+        gridVariant="uniform-all-items-equal"
-        { id: "t3", name: "Robert Lee", role: "Bettor", testimonial: "My ROI metrics have climbed 22% since starting with Team 33.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg" },
+        features={[
-        { id: "t4", name: "Alice Wang", role: "NHL Fan", testimonial: "Seeing the game differently after using their heat maps.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
+            { title: "Trend Detection", description: "Identify emerging player trends before anyone else.", imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-stick-puck-ice-rink_23-2148784705.jpg?_wi=2" },
-        { id: "t5", name: "Steve Brown", role: "Data Enthusiast", testimonial: "Professional grade analytics in a beautiful dashboard, love it.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg" }
+            { title: "Visualization", description: "Clean, intuitive game-state visualizations.", imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-stick-puck-ice-rink_23-2148784705.jpg?_wi=3" },
-      ]}
+            { title: "Prediction Models", description: "Proprietary algorithms for projection.", imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-stick-puck-ice-rink_23-2148784705.jpg?_wi=4" },
-      title="Trusted by Pro Fans"
+            { title: "Real-time Insights", description: "Data updates throughout every play.", imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-stick-puck-ice-rink_23-2148784705.jpg?_wi=5" }
-      description="See why thousands choose Team 33."
+        ]}
-    />
+      />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="default"
       useInvertedBackground={false}
-      faqs={[
+      faqs={[]}
-        { id: "q1", title: "How does the analytics work?", content: "We scrape real-time NHL data and apply advanced statistical models to provide unique insights." },
-        { id: "q2", title: "Can I cancel at any time?", content: "Yes, your subscription is flexible and can be cancelled whenever you choose." },
-        { id: "q3", title: "Are there contracts?", content: "No, we believe our tool provides enough value that you won't need a contract." }
-      ]}
       title="Common Questions"
       description="Everything you need to know about Team 33."
       faqsAnimation="blur-reveal"
@@ -164,22 +123,17 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
+      tag="Contact Us"
       useInvertedBackground={true}
       background={{ variant: "radial-gradient" }}
       title="Get the Edge Now"
       description="Join 10,000+ hockey fans already using Team 33."
-      imageSrc="http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736838.jpg"
-      mediaAnimation="slide-up"
-      tag="Connect"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
-      columns={[
+      columns={[]}
-        { title: "Platform", items: [{ label: "Tools", href: "#" }, { label: "API", href: "#" }] },
-        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Contact", href: "#contact" }] }
-      ]}
       bottomLeftText="Team 33 Analytics © 2024"
       bottomRightText="Built for those who see the game differently."
     />