"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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Globe, Trophy, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Scores",
          id: "#features",
        },
        {
          name: "Analysis",
          id: "#analysis",
        },
        {
          name: "Community",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Football Universe"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "downward-rays-animated",
      }}
      title="Your Complete Football Universe Starts Here"
      description="Realtime scores, expert analysis, and community connection for fans at every level. From grassroots to professional, we've got the game covered."
      testimonials={[
        {
          name: "Alex J.",
          handle: "@alexfan",
          testimonial: "The best place to track all league scores in real-time.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/soccer-game-concept_23-2151043777.jpg",
        },
        {
          name: "Sarah M.",
          handle: "@coachsarah",
          testimonial: "In-depth tactical breakdowns are incredibly helpful for coaching.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/different-people-looking-soccer-team_23-2149015541.jpg",
        },
        {
          name: "David L.",
          handle: "@fantasyking",
          testimonial: "Fantasy leagues are so much easier to manage now.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-stadium_23-2151671452.jpg",
        },
        {
          name: "Mark R.",
          handle: "@tacticalguru",
          testimonial: "The precision of data here is unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536151.jpg",
        },
        {
          name: "Elena P.",
          handle: "@youthcoach",
          testimonial: "Fantastic resources for developing young talent.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/real-emotions-soccer-match-tv_329181-9977.jpg",
        },
      ]}
      buttons={[
        {
          text: "Explore the Game",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-fit-man-jumping-outdoors_23-2150189428.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/person-enjoying-sport-collage_23-2149402967.jpg",
          alt: "User 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-half-naked-healthy-sportsman-starting-run_171337-9443.jpg",
          alt: "User 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-playing-skateboard-with-jumping-ollie_53876-23058.jpg",
          alt: "User 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/athlete-stretching-wall_23-2147618022.jpg",
          alt: "User 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827482.jpg",
          alt: "User 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Live Scores",
        },
        {
          type: "text",
          text: "Expert Analysis",
        },
        {
          type: "text",
          text: "Youth Training",
        },
        {
          type: "text",
          text: "Fantasy Leagues",
        },
        {
          type: "text",
          text: "Match Highlights",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Live Scores",
          author: "Real-time updates",
          description: "Never miss a goal with our lightning-fast live score tracker.",
          tags: [
            "live",
            "real-time",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827413.jpg",
        },
        {
          id: "f2",
          title: "Tactical Deep-Dive",
          author: "Expert analysts",
          description: "Understand the game deeper with professional-grade analysis.",
          tags: [
            "analysis",
            "strategy",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708032.jpg",
        },
        {
          id: "f3",
          title: "Youth Pathways",
          author: "Development team",
          description: "Resources and advice for the next generation of pros.",
          tags: [
            "training",
            "youth",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-68620.jpg",
        },
      ]}
      title="Everything You Need"
      description="Powerful tools for every type of football enthusiast."
    />
  </div>

  <div id="analysis" data-section="analysis">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      title="Expert Analysis"
      description="Read the latest insights from our team."
      blogs={[
        {
          id: "b1",
          category: "Tactics",
          title: "The Evolution of 4-3-3",
          excerpt: "How the modern game has shifted.",
          imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165172.jpg",
          authorName: "Coach Dave",
          authorAvatar: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-earphones-tablet_1157-30678.jpg",
          date: "Oct 24",
        },
        {
          id: "b2",
          category: "Stats",
          title: "xG Impact",
          excerpt: "Analyzing expected goals data.",
          imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9133.jpg",
          authorName: "Data Pro",
          authorAvatar: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707974.jpg",
          date: "Oct 22",
        },
        {
          id: "b3",
          category: "Training",
          title: "Dribbling Drills",
          excerpt: "Essential exercises for wingers.",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-68117.jpg",
          authorName: "Coach Sarah",
          authorAvatar: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-looks-something-tablet_613910-4867.jpg",
          date: "Oct 20",
        },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "1M+",
          title: "Fans",
          description: "Global reach",
          icon: Users,
        },
        {
          id: "m2",
          value: "5k+",
          title: "Matches",
          description: "Weekly tracked",
          icon: Trophy,
        },
        {
          id: "m3",
          value: "200+",
          title: "Leagues",
          description: "Coverage area",
          icon: Globe,
        },
      ]}
      title="By The Numbers"
      description="Our reach in the football world."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Alex J.",
          handle: "@alexfan",
          testimonial: "Excellent interface and very fast data updates.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536105.jpg",
        },
        {
          id: "t2",
          name: "Sarah M.",
          handle: "@coachsarah",
          testimonial: "Great resources for young team development.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151152923.jpg",
        },
        {
          id: "t3",
          name: "David L.",
          handle: "@fantasyking",
          testimonial: "Fantasy league support is world-class.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/athlete-playing-sport-with-hand-drawn-doodles_23-2150036346.jpg",
        },
        {
          id: "t4",
          name: "James W.",
          handle: "@parentjim",
          testimonial: "Helps me track my kids' academy scores.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-passing-soccer-ball_23-2148355365.jpg",
        },
        {
          id: "t5",
          name: "Maria K.",
          handle: "@mariamgr",
          testimonial: "Daily analysis is my favorite part.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-watching-football-home_329181-19104.jpg",
        },
      ]}
      showRating={true}
      title="Community Voices"
      description="What our users have to say about the platform."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "FIFA",
        "UEFA",
        "Premier League",
        "La Liga",
        "Bundesliga",
        "MLS",
        "Serie A",
      ]}
      title="Trusted By Football Experts"
      description="Industry-leading partners."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Is this platform free?",
          content: "Basic features are free forever.",
        },
        {
          id: "q2",
          title: "How do I join?",
          content: "Simply sign up with your email.",
        },
        {
          id: "q3",
          title: "Do you cover youth sports?",
          content: "Yes, extensive youth academy coverage.",
        },
      ]}
      sideTitle="Questions?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get In Touch"
      description="Have feedback or partnership ideas?"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us more",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/rugby-sport-environment-filed_23-2151891712.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1820.jpg"
      logoText="Football Universe"
      columns={[
        {
          title: "Platform",
          items: [
            {
              label: "About",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Help",
              href: "#",
            },
            {
              label: "Privacy",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
