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 FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 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 ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, CheckCircle, Shield, Zap } from "lucide-react";
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+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: "Projections", id: "data" },
+        { name: "About", id: "about" },
         { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" }
       ]}
@@ -48,102 +45,76 @@ export default function LandingPage() {
       background={{ variant: "gradient-bars" }}
       title="The Edge Behind Every Play"
       description="Advanced hockey analytics for smarter bets, better fantasy decisions, and total dominance."
-      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" },
-        { 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" },
-        { 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/ice-hockey-stick-puck-ice-rink_23-2148784705.jpg"
-      imageAlt="Professional hockey stick and puck on ice"
+      testimonials={[]}
+      buttons={[{ text: "Get Started", href: "#pricing" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/ice-hockey-stick-puck-ice-rink_23-2148784705.jpg?_wi=1"
       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" }]}
     />
   </div>
 
-  <div id="value-strip" data-section="value-strip">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "m1", icon: CheckCircle, title: "Cancel Anytime", value: "Flexible" },
-        { id: "m2", icon: Shield, title: "No Hidden Fees", value: "Transparent" },
-        { id: "m3", icon: Zap, title: "Instant Access", value: "Real-time" },
-        { id: "m4", icon: Award, title: "For Pro Minds", value: "Advanced" }
-      ]}
-      title="Performance Foundation"
-      description="No friction, just performance tools built for the ice."
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-        animationType="blur-reveal"
-        title="The Competitive Edge"
-        description="Why choose Team 33? Our platform provides actionable insights through specialized hockey data analysis."
-        textboxLayout="default"
+  <div id="about" data-section="about">
+      <SplitAbout 
+        title="Elite Hockey Intelligence"
+        description="We transform raw game data into winning strategies using proprietary predictive modeling and live game-state analysis."
+        bulletPoints={[
+          { title: "Advanced Metrics", description: "High-danger chances and xG analysis." },
+          { title: "Live Updates", description: "Real-time tracking for every game state." },
+          { title: "Performance Models", description: "Accuracy-driven trend detection." }
+        ]}
+        imageSrc="http://img.b2bpic.net/free-photo/hockey-equipment-resting-on-ice_23-2148784792.jpg"
+        textboxLayout="split"
         useInvertedBackground={false}
-        positiveCard={{ items: ["Predictive models with 95% accuracy on trends", "Live game-state visualization tools", "Player performance heat mapping systems"] }}
-        negativeCard={{ items: ["No more relying on gut instinct alone", "Eliminate manual data tracking spreadsheets", "Reduce analysis time by 60% per week"] }}
       />
   </div>
 
-  <div id="data" data-section="data">
-      <ProductCardFour
-        gridVariant="uniform-all-items-equal"
-        animationType="blur-reveal"
-        title="Visualize the Game"
-        description="Explore our curated sets of analytics tools tailored for every level of player and fan."
+  <div id="social-proof" data-section="social-proof">
+      <SocialProofOne 
+        names={["NHL Analytics Group", "DraftKings Pros", "Fantasy Weekly", "Hockey Tech Journal", "Sports Betting Insider"]}
+        title="Trusted by Industry Leaders"
+        description="Join the elite network of data-driven analysts."
         textboxLayout="default"
-        useInvertedBackground={false}
-        products={[
-          { id: "p1", name: "Advanced Shot Maps", price: "Pro", variant: "Analytic", imageSrc: "http://img.b2bpic.net/free-photo/hockey-puck-ice-surface_23-2148784742.jpg" },
-          { id: "p2", name: "Zone Coverage Analysis", price: "Pro", variant: "Tracking", imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-stick-resting-rink_23-2148784758.jpg" },
-          { id: "p3", name: "Real-Time Goalie Metrics", price: "Standard", variant: "Tracking", imageSrc: "http://img.b2bpic.net/free-photo/goalkeeper-gears-rink_23-2148784801.jpg" }
-        ]}
-    />
+        useInvertedBackground={true}
+      />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "pro", name: "Team 33 Pro", price: "$6.99", buttons: [{ text: "Get Full Access" }], features: ["Full analytics tool suite", "Real-time game data", "Betting trend detection", "Fantasy projection models", "Custom dashboard builder"] }
-      ]}
-      title="Team 33 Pro Access"
-      description="Unlock the full potential of elite hockey analytics."
-    />
+      <PricingCardFive 
+        title="Pro Analytics Access"
+        description="Choose the plan that fits your winning strategy."
+        textboxLayout="default"
+        useInvertedBackground={false}
+        animationType="slide-up"
+        plans={[
+          {
+            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">
-      <TestimonialCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        { 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" },
-        { 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" },
-        { 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" }
-      ]}
-      title="Trusted by Pro Fans"
-      description="See why thousands choose Team 33."
-    />
+  <div id="features" data-section="features">
+      <FeatureCardOne 
+        title="Data-Driven Features"
+        description="Advanced tools designed to simplify complex decision making."
+        textboxLayout="default"
+        useInvertedBackground={true}
+        animationType="blur-reveal"
+        gridVariant="uniform-all-items-equal"
+        features={[
+            { 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" },
+            { 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: "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" }
+        ]}
+      />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="default"
       useInvertedBackground={false}
-      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." }
-      ]}
+      faqs={[]}
       title="Common Questions"
       description="Everything you need to know about Team 33."
       faqsAnimation="blur-reveal"
@@ -152,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/hockey-equipment-resting-on-ice_23-2148784792.jpg"
-      mediaAnimation="slide-up"
-      tag="Connect"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
-      columns={[
-        { title: "Platform", items: [{ label: "Tools", href: "#" }, { label: "API", href: "#" }] },
-        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Contact", href: "#contact" }] }
-      ]}
+      columns={[]}
       bottomLeftText="Team 33 Analytics © 2024"
       bottomRightText="Built for those who see the game differently."
     />
@@ -175,4 +141,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}