"use client";

import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import ReactLenis from 'lenis/react';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Users, Zap, Sparkles, Award } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "/"
        },
        {
          name: "About",          id: "#about"
        },
        {
          name: "Team",          id: "#team"
        },
        {
          name: "Strengths",          id: "#strengths"
        },
        {
          name: "Stats",          id: "#stats"
        },
        {
          name: "Testimonials",          id: "#testimonials"
        },
        {
          name: "Partners",          id: "#partners"
        },
        {
          name: "FAQ",          id: "#faq"
        },
        {
          name: "Contact",          id: "#contact"
        },
        {
          name: "Survey",          id: "/survey"
        }
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyiP2mZrs5m9eqA1xxnpY8WGHr/uploaded-1781158114996-jkjsu25p.png"
      logoAlt="Tonners FC Logo"
      brandName="Tonners FC"
      animateOnLoad={true}
      button={{
        text: "Join Us",        href: "/survey"
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Tonners FC: Dominating Division 2"
      description="United by passion, driven by victory. Join us as we conquer the league, one match at a time."
      testimonials={[
        {
          name: "Jack Bull",          handle: "@JackBullFC",          testimonial: "Playing with Tonners FC is an incredible experience. The chemistry on the pitch is unmatched, and every player is dedicated to winning. Division 2, here we come!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/football-team-club-flat-labels-set_74855-6471.jpg?_wi=1",          imageAlt: "young man gamer avatar"
        },
        {
          name: "Charlie Lorback",          handle: "@CharlieLorbackSM",          testimonial: "Managing social media for Tonners FC is a joy. The fans are amazing, and the team's commitment to excellence and community truly shines through.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/american-football-character-with-equipment_23-2151154173.jpg?_wi=1",          imageAlt: "young man gamer avatar"
        },
        {
          name: "Sammy Rose",          handle: "@SammyRoseMgr",          testimonial: "Our squad's potential is immense. We're building a formidable team, and with our current momentum, climbing out of Division 2 is just the beginning for Tonners FC.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-with-closed-eyes-lights-against-dark-background_181624-32743.jpg?_wi=1",          imageAlt: "young man gamer avatar"
        },
        {
          name: "Ryan Axup",          handle: "@RyanAxupOwner",          testimonial: "As the owner, I'm incredibly proud of Tonners FC. We've assembled a fantastic group of players and staff, and our vision for sustained success is clearer than ever.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2011.jpg?_wi=1",          imageAlt: "young man gamer avatar"
        },
        {
          name: "A Dedicated Fan",          handle: "@TonnersFanatic",          testimonial: "Tonners FC always brings the excitement! Their matches are a must-watch, and the team always gives their all. Proud to be a supporter!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-young-woman-playing-video-games-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-27622.jpg?_wi=1",          imageAlt: "young man gamer avatar"
        }
      ]}
      testimonialRotationInterval={5000}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/person-with-closed-eyes-lights-against-dark-background_181624-32743.jpg",          alt: "Player Avatar 1"
        },
        {
          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2011.jpg",          alt: "Player Avatar 2"
        },
        {
          src: "http://img.b2bpic.net/free-photo/brunette-young-woman-playing-video-games-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-27622.jpg",          alt: "Player Avatar 3"
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",          alt: "Player Avatar 4"
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178886.jpg",          alt: "Another Tonners FC player avatar"
        }
      ]}
      avatarText="Meet our core players and staff"
      imageSrc="http://img.b2bpic.net/free-photo/american-football-character-with-equipment_23-2151154173.jpg?_wi=2"
      imageAlt="Tonners FC Team celebrating a goal"
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="About Tonners FC: Our Journey to the Top"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "sammy-rose",          name: "Sammy Rose",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg"
        },
        {
          id: "charlie-lorback",          name: "Charlie Lorback",          role: "Social Media Rep",          imageSrc: "http://img.b2bpic.net/free-photo/gamer-learning-play-game-by-looking-online-guide-mockup-cellphone_482257-121605.jpg"
        },
        {
          id: "ryan-axup",          name: "Ryan Axup",          role: "Club Owner",          imageSrc: "http://img.b2bpic.net/free-photo/streamer-man-looking-camera-smiling-while-streaming-chat-is-open_482257-555.jpg"
        },
        {
          id: "jack-bull",          name: "Jack Bull",          role: "Player",          imageSrc: "http://img.b2bpic.net/free-photo/player-participating-esports-competition-livestream-feeling-stressed_482257-103571.jpg"
        },
        {
          id: "evan-holmes",          name: "Evan Holmes",          role: "Player",          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg"
        },
        {
          id: "cooper-johnstone",          name: "Cooper Johnstone",          role: "Player",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-beanie_23-2147617976.jpg"
        },
        {
          id: "charlie-damiano",          name: "Charlie Damiano",          role: "Player",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-boy-with-basketball-ball_23-2148459553.jpg"
        },
        {
          id: "max-malerba",          name: "Max Malerba",          role: "Player",          imageSrc: "http://img.b2bpic.net/free-photo/black-man-holding-ball-looking-camera_23-2148203595.jpg"
        },
        {
          id: "ethan-lewski",          name: "Ethan Lewski",          role: "Player",          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-african-athlete-man-running-track-outdoors_171337-6943.jpg"
        }
      ]}
      title="Meet the Tonners FC Leadership & Squad"
      description="Our talented players and dedicated staff are the heart of Tonners FC, driving our success in Division 2."
    />
  </div>

  <div id="strengths" data-section="strengths">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Unmatched Teamwork",          description: "Our players work in perfect sync, understanding each other's movements and anticipating plays, creating a seamless flow on the pitch.",          buttonIcon: Users,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-geometrical-shapes-with-copy-space_23-2148642256.jpg",          imageAlt: "Teamwork illustration"
        },
        {
          title: "Tactical Masterclass",          description: "Every match is approached with a well-researched strategy, allowing us to adapt to opponents and exploit their weaknesses effectively.",          buttonIcon: Zap,
          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-play-button_53876-74770.jpg",          imageAlt: "Strategy illustration"
        },
        {
          title: "Individual Brilliance",          description: "Our roster boasts players with exceptional individual skills, capable of turning the tide of any game with moments of pure genius.",          buttonIcon: Sparkles,
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-betrayal-concept_23-2149369237.jpg",          imageAlt: "Skill illustration"
        },
        {
          title: "Relentless Drive",          description: "We never give up. Our determination to win is unwavering, pushing us to fight for every ball and score until the final whistle.",          buttonIcon: Award,
          imageSrc: "http://img.b2bpic.net/free-photo/first-place-medal_23-2148930689.jpg",          imageAlt: "Drive illustration"
        }
      ]}
      title="Our Strengths on the Virtual Pitch"
      description="At Tonners FC, we pride ourselves on strategic gameplay, relentless teamwork, and individual brilliance that sets us apart in Division 2."
    />
  </div>

  <div id="stats" data-section="stats">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "Div 2",          title: "Current Division",          description: "Holding strong and pushing for promotion.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg",          imageAlt: "Division rank icon"
        },
        {
          id: "2",          value: "75%",          title: "Win Rate",          description: "Consistently outperforming opponents.",          imageSrc: "http://img.b2bpic.net/free-photo/badge-reward-successful-champion-competition-concept_53876-120790.jpg",          imageAlt: "Win rate icon"
        },
        {
          id: "3",          value: "Top 3",          title: "League Standings",          description: "Maintaining a strong position in the league.",          imageSrc: "http://img.b2bpic.net/free-vector/trophy-icon-set-vector-illustration_47987-30138.jpg",          imageAlt: "League standings icon"
        }
      ]}
      title="Tonners FC by the Numbers"
      description="A look at our performance and progress in the current season as we aim for promotion from Division 2."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Chloe S.",          date: "November 28, 2023",          title: "Always a Thrill to Watch!",          quote: "Tonners FC brings so much excitement to every game. The team synergy is incredible, and they always put on a show. Proud to be a supporter!",          tag: "Fan",          avatarSrc: "http://img.b2bpic.net/free-photo/focused-gamer-rgb-lit-home-gaming-with-gamepad-enjoying-himself_482257-124691.jpg",          avatarAlt: "Chloe S. avatar",          imageSrc: "http://img.b2bpic.net/free-vector/football-team-club-flat-labels-set_74855-6471.jpg?_wi=2",          imageAlt: "young man gamer avatar"
        },
        {
          id: "2",          name: "Mark D.",          date: "November 20, 2023",          title: "Dedicated & Talented Squad",          quote: "I've been following Tonners FC for a while now, and their dedication is evident. Each player contributes massively, and their tactical approach is top-notch.",          tag: "Analyst",          avatarSrc: "http://img.b2bpic.net/free-photo/girl-nightclub-listening-somebody-while-sitting-table_158595-4343.jpg",          avatarAlt: "Mark D. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/american-football-character-with-equipment_23-2151154173.jpg?_wi=3",          imageAlt: "young man gamer avatar"
        },
        {
          id: "3",          name: "Liam P.",          date: "November 10, 2023",          title: "True Competitive Spirit",          quote: "As a fellow Pro Clubs player, I have immense respect for Tonners FC. They are truly competitive and inspire us to improve our own game. Division 2 is just a stepping stone!",          tag: "Fellow Player",          avatarSrc: "http://img.b2bpic.net/free-photo/confused-young-sporty-man-wearing-wristband-holding-ball-isolated-orange-background-with-copy-space_141793-63341.jpg",          avatarAlt: "Liam P. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/person-with-closed-eyes-lights-against-dark-background_181624-32743.jpg?_wi=2",          imageAlt: "young man gamer avatar"
        },
        {
          id: "4",          name: "Sophia G.",          date: "October 30, 2023",          title: "Engaging Social Presence",          quote: "Charlie Lorback and the social media team do an amazing job! Always updated, engaging, and makes you feel part of the club. Love their content!",          tag: "Community Member",          avatarSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336534.jpg",          avatarAlt: "Sophia G. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2011.jpg?_wi=2",          imageAlt: "young man gamer avatar"
        },
        {
          id: "5",          name: "Ethan R.",          date: "October 25, 2023",          title: "A Rising Force in Pro Clubs",          quote: "Tonners FC is definitely a team to watch. Their recent performances have been exceptional, and I'm excited to see them continue their climb up the divisions.",          tag: "Esports Enthusiast",          avatarSrc: "http://img.b2bpic.net/free-photo/women-playing-video-games-with-vr-glasses-console-using-virtual-reality-3d-headset-play-gaming-competition-having-fun-with-game-play-simulation-party-gathering-drinking-beer_482257-51751.jpg",          avatarAlt: "Ethan R. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-young-woman-playing-video-games-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-27622.jpg?_wi=2",          imageAlt: "young man gamer avatar"
        }
      ]}
      title="What Our Community Says About Tonners FC"
      description="Hear from our passionate fans, fellow players, and staff about the spirit and success of Tonners FC."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Pro Clubs League",        "Gaming Gear Pro",        "Esports Talent Agency",        "Streamers Hub",        "Community Cup Organizers",        "Next-Gen Gaming Studios",        "Virtual Football Forum"
      ]}
      title="Proudly Part of the Pro Clubs Ecosystem"
      description="We're connected with respected names in the pro clubs community and aspire to partner with leading brands."
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What is Tonners FC's current division?",          content: "Tonners FC is currently competing in Division 2 of the Pro Clubs league, pushing hard for promotion to Division 1."
        },
        {
          id: "2",          title: "How can I watch Tonners FC's matches?",          content: "We stream our matches live on various platforms. Follow our social media channels (managed by Charlie Lorback) for announcements and links to upcoming games."
        },
        {
          id: "3",          title: "How can I support Tonners FC?",          content: "You can support us by following our social media, sharing our content, tuning into our streams, and cheering us on during matches! We appreciate every fan."
        },
        {
          id: "4",          title: "Who are the key people behind Tonners FC?",          content: "Our management includes Sammy Rose (Manager), Charlie Lorback (Social Media Rep), and Ryan Axup (Club Owner). You can find a full roster of our players on the 'Team' section."
        }
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about Tonners FC, our matches, players, and how to support us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"
      }}
      text="Ready to connect with Tonners FC? Whether you're a fan, a potential partner, or a scout, we'd love to hear from you. Reach out and become part of our journey!"
      buttons={[
        {
          text: "Send a Message",          href: "mailto:info@tonnersfc.com"
        },
        {
          text: "Join Our Discord",          href: "#"
        }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyiP2mZrs5m9eqA1xxnpY8WGHr/uploaded-1781158114996-jkjsu25p.png"
      logoAlt="Tonners FC Logo"
      columns={[
        {
          items: [
            {
              label: "About Us",              href: "#about"
            },
            {
              label: "Our Team",              href: "#team"
            },
            {
              label: "Match Stats",              href: "#stats"
            },
            {
              label: "FAQ",              href: "#faq"
            }
          ]
        },
        {
          items: [
            {
              label: "Contact Us",              href: "#contact"
            },
            {
              label: "Discord",              href: "#"
            },
            {
              label: "Twitter",              href: "#"
            },
            {
              label: "YouTube",              href: "#"
            }
          ]
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"
            },
            {
              label: "Terms of Service",              href: "#"
            }
          ]
        }
      ]}
      logoText="Tonners FC"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
