"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import BlogCardNine from '@/components/sections/blog/BlogCardNine';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Twitter, Instagram, Facebook } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="none"
      cardStyle="solid-accent"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LA Lakers"
          navItems={[
            { name: "Team", id: "team" },
            { name: "Schedule", id: "schedule" },
            { name: "News", id: "news" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Tickets",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Los Angeles Lakers"
          description="Experience the legacy. Watch championship basketball at its finest."
          tag="NBA Championship Team"
          imageSrc="https://img.b2bpic.net/free-photo/cool-black-man-doing-sports-playing-basketball-sunrise-jumping_285396-1497.jpg"
          imageAlt="Lakers basketball court and stadium"
          frameStyle="card"
          buttons={[
            { text: "Get Tickets", href: "#contact" },
            { text: "Learn More", href: "#schedule" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet the Squad"
          description="The elite athletes carrying the Lakers legacy forward"
          tag="Roster"
          members={[
            {
              id: "1",
              name: "Anthony Davis",
              role: "Forward",
              description: "Defensive powerhouse and scoring anchor. Multi-time NBA champion.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376163493-pqd1jfbx.jpg",
              imageAlt: "Anthony Davis",
              socialLinks: [
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",
              name: "LeBron James",
              role: "Guard",
              description: "NBA legend leading the team's championship pursuit with unmatched experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376164353-erv5e5ae.jpg",
              imageAlt: "LeBron James",
              socialLinks: [
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "3",
              name: "Austin Reaves",
              role: "Guard",
              description: "Emerging star bringing energy and exceptional court vision to every game.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376165067-n15jhte4.jpg",
              imageAlt: "Austin Reaves",
              socialLinks: [
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "4",
              name: "Rui Hachimura",
              role: "Forward",
              description: "Versatile forward contributing defensive intensity and consistent scoring.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376165931-n8phxdux.jpg",
              imageAlt: "Rui Hachimura",
              socialLinks: [
                { icon: Twitter, url: "https://twitter.com" }
              ]
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="schedule" data-section="schedule">
        <ProductCardSix
          title="Upcoming Games"
          description="Mark your calendar for Lakers matchups. Get tickets to see championship basketball live."
          tag="Schedule"
          products={[
            {
              id: "game-1",
              name: "vs Golden State Warriors",
              price: "From $45",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376166669-t7haqi0x.jpg",
              imageAlt: "Lakers vs Warriors game"
            },
            {
              id: "game-2",
              name: "vs Boston Celtics",
              price: "From $65",
              imageSrc: "https://img.b2bpic.net/free-photo/black-man-doing-sports-playing-basketball-sunrise-jumping-silhouette_285396-1440.jpg",
              imageAlt: "Lakers vs Celtics matchup"
            },
            {
              id: "game-3",
              name: "vs Los Angeles Clippers",
              price: "From $55",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376168423-sr0es6sa.jpg",
              imageAlt: "Lakers vs Clippers rivalry game"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="stats" data-section="stats">
        <MetricCardFive
          title="Championship Performance"
          description="Winning records that show our commitment to excellence"
          metrics={[
            {
              id: "1",
              value: "17",
              description: "NBA Championships in franchise history"
            },
            {
              id: "2",
              value: "50%+",
              description: "Current season winning percentage"
            },
            {
              id: "3",
              value: "100K+",
              description: "Season ticket holders representing our community"
            },
            {
              id: "4",
              value: "24/7",
              description: "Dedicated fan support and engagement throughout the year"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="news" data-section="news">
        <BlogCardNine
          title="Latest News"
          description="Stay updated with breaking Lakers news, game recaps, and exclusive coverage."
          tag="Media"
          blogs={[
            {
              id: "news-1",
              category: "Game Recap",
              title: "Lakers Secure Dominant Victory Over Warriors",
              tags: ["championship", "game", "recap"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376168968-1ri9csky.jpg",
              imageAlt: "Game highlight",
              buttons: [
                { text: "Read Full Story", href: "#" }
              ]
            },
            {
              id: "news-2",
              category: "Player Interview",
              title: "LeBron James on the Road to Another Championship",
              tags: ["interview", "exclusive", "player"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376169852-cx172n8h.jpg",
              imageAlt: "Player interview",
              buttons: [
                { text: "Watch Interview", href: "#" }
              ]
            },
            {
              id: "news-3",
              category: "Team Updates",
              title: "2024 NBA Draft Coverage and Lakers Selections",
              tags: ["draft", "roster", "updates"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376170594-66iir40g.jpg",
              imageAlt: "Draft coverage",
              buttons: [
                { text: "See Full Coverage", href: "#" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Being a Lakers fan is more than a sport, it's a lifestyle. The energy at the games is unmatched and the team's dedication to winning is inspiring."
          rating={5}
          author="Sarah Martinez, Lifelong Fan"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376172527-qkx290cp.jpg",
              alt: "Fan 1"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376173050-1jcaqmb9.jpg",
              alt: "Fan 2"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376173843-8f45ky7e.jpg",
              alt: "Fan 3"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767376174617-oerp8t3p.jpg",
              alt: "Fan 4"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to join the Lakers community?"
          inputPlaceholder="Enter your email for updates"
          buttonText="Subscribe"
          animationType="background-highlight"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="LA Lakers"
          copyrightText="© 2025 Los Angeles Lakers. All rights reserved."
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com/lakers",
              ariaLabel: "Lakers Twitter"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/lakers",
              ariaLabel: "Lakers Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/lakers",
              ariaLabel: "Lakers Facebook"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}