"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "Leagues", id: "#leagues" },
        { name: "Latest", id: "#latest" },
        { name: "Connect", id: "#contact" },
      ]}
      brandName="CHODSSPORTS"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="CHODSSPORTS"
      description="Your ultimate destination for breaking news, expert analysis, and electrifying highlights across all major leagues. From the gridiron to the diamond, we cover it all."
      buttons={[
        { text: "Watch Highlights", href: "#latest" },
        { text: "Read Articles", href: "#latest" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/an-intense-high-energy-sports-montage-ba-1774597268554-ea66ff36.png"
      imageAlt="CHODSSPORTS Hero"
    />
  </div>

  <div id="leagues" data-section="leagues">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Comprehensive Coverage"
      description="We dive deep into every league, delivering data-driven insights and exclusive reporting."
      accordionItems={[
        { id: "1", title: "Football (NFL/NCAA)", content: "Breaking down every snap, play, and draft prospect with expert scouting reports." },
        { id: "2", title: "Basketball (NBA/NCAA)", content: "Live game reactions, player rankings, and in-depth statistical breakdowns." },
        { id: "3", title: "UFC & Fighting", content: "Cage-side analysis, fight previews, and exclusive post-fight commentary." },
        { id: "4", title: "Hockey & Baseball", content: "Tracking puck possession and the evolution of pitch metrics in real-time." },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/close-up-action-shot-of-a-professional-a-1774597267259-9c3ffc05.png"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="latest" data-section="latest">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      title="Latest Posts"
      description="Stay ahead of the game with our daily articles and video breakdowns."
      blogs={[
        {
          id: "b1",          category: "NFL",          title: "2024 Draft Prospect Analysis",          excerpt: "The biggest names rising in the ranks for the upcoming draft.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/a-dramatic-shot-of-a-football-being-thro-1774597266479-a9731f6e.png",          authorName: "Chod",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/headshot-of-a-modern-sports-enthusiast-p-1774597266858-e26a8ad2.png",          date: "Oct 24, 2024"},
        {
          id: "b2",          category: "NBA",          title: "Championship Contender Rundown",          excerpt: "Deep dive into the teams likely to take home the trophy this season.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/basketball-court-at-night-rim-lighting-v-1774597268543-f6d87ba3.png",          authorName: "Chod",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/headshot-of-a-female-sports-analyst-prof-1774597268477-aa402a0c.png",          date: "Oct 22, 2024"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Alex Rivers",          handle: "@sportsguy",          testimonial: "The best breakdowns on the internet. Consistent, accurate, and always ahead of the curve.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/atmospheric-stadium-crowd-shot-blurred-b-1774597267245-55575927.png"},
        {
          id: "t2",          name: "Sarah Miller",          handle: "@hoopfan",          testimonial: "I never miss a video. The technical analysis is just what I need to understand the game better.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/close-up-sports-field-grass-with-stadium-1774597266391-9b755218.png"},
      ]}
      title="What Fans Are Saying"
      description="Join the growing community of sports enthusiasts who rely on us for their daily dose of action."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Have tips, stories, or just want to talk shop? Drop us a message and we'll be in touch."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name" },
        { name: "email", type: "email", placeholder: "Email Address" },
      ]}
      textarea={{ name: "message", placeholder: "Your thoughts on the game?" }}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWG4OnvJG8QLE28sM1O741LPNS/immersive-sports-media-workspace-sleek-c-1774597267506-cef40d90.png"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Platform",          items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }],
        },
        {
          title: "Community",          items: [{ label: "Instagram", href: "https://instagram.com/chodssports" }, { label: "Twitter", href: "#" }],
        },
        {
          title: "Legal",          items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
        },
      ]}
      bottomLeftText="© 2024 ChodsSports Media."
      bottomRightText="Built for the fans."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}