"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Waves, Sparkles, Fish, Users, BookOpen, Zap, Star, HelpCircle, Mail, Handshake, Facebook, Instagram, Linkedin, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Members", id: "members" },
            { name: "Events", id: "events" }
          ]}
          brandName="Bro Fishing Club"
          button={{ text: "Join Now", href: "#contact" }}
          className="bg-[var(--background)] border-b border-[var(--accent)]"
          buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-[var(--background-accent)]"
          buttonTextClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Bro Fishing Club"
          description="Cast your line with us. Join a community of passionate anglers dedicated to the thrill of the catch, the beauty of the water, and unforgettable moments with fellow fishing brothers."
          background={{ variant: "gradient-bars" }}
          tag="Adventure Awaits"
          tagIcon={Waves}
          tagAnimation="slide-up"
          buttons={[
            { text: "Join the Club", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="blur-reveal"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/female-male-sailing-with-canoes-close-each-other-sunset_181624-5001.jpg", imageAlt: "Fishing scene with anglers at sunrise" }
          ]}
          ariaLabel="Bro Fishing Club hero section"
          className="min-h-screen"
          containerClassName="max-w-5xl"
          titleClassName="text-5xl md:text-6xl font-bold text-[var(--foreground)]"
          descriptionClassName="text-lg text-[var(--foreground)] opacity-90"
          buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--background-accent)] text-[var(--primary-cta-text)]"
          buttonTextClassName="font-semibold"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="About Bro Fishing Club"
          description="For over a decade, Bro Fishing Club has been the gathering place for fishing enthusiasts who value brotherhood, skill development, and the pursuit of legendary catches. We're not just a club—we're a family united by our love for the water and the freedom it brings."
          tag="Est. 2012"
          tagIcon={Award}
          tagAnimation="opacity"
          buttons={[{ text: "Explore Events", href: "#events" }]}
          buttonAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/girl-with-her-dads-enjoying-family-trip_23-2149503874.jpg"
          imageAlt="Bro Fishing Club members gathering by the water"
          useInvertedBackground={false}
          ariaLabel="About Bro Fishing Club section"
          className="py-16"
          titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
          descriptionClassName="text-lg text-[var(--foreground)] leading-relaxed"
          buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--background-accent)] text-[var(--primary-cta-text)]"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="What We Offer"
          description="From expert guidance to premium equipment access, Bro Fishing Club provides everything you need to elevate your fishing game and create lasting memories."
          tag="Club Benefits"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            { icon: Fish, title: "Expert Tournaments", description: "Compete in monthly tournaments with fellow club members, win prizes, and showcase your skills on the water." },
            { icon: Users, title: "Community Network", description: "Connect with passionate anglers, share techniques, and build friendships that last a lifetime." },
            { icon: BookOpen, title: "Training Programs", description: "Access workshops, webinars, and coaching sessions led by professional fishing guides and experts." },
            { icon: Zap, title: "Premium Perks", description: "Enjoy exclusive discounts on gear, early access to events, and special member-only fishing spots." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View Membership", href: "#pricing" }]}
          buttonAnimation="opacity"
          ariaLabel="Bro Fishing Club features section"
          className="py-16"
          containerClassName="max-w-6xl"
          titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
          descriptionClassName="text-lg text-[var(--foreground)] leading-relaxed"
          buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--background-accent)] text-[var(--primary-cta-text)]"
          cardClassName="border border-[var(--accent)] bg-[var(--card)] rounded-lg p-6 hover:shadow-lg transition-all"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Leadership"
          description="Our experienced fishing guides and club leaders are dedicated to helping you achieve your angling dreams."
          tag="Expert Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          members={[
            {
              id: "john-captain",              name: "Captain John",              role: "Club Founder & Lead Guide",              description: "30+ years of professional fishing experience across North America. Specializes in saltwater and tournament fishing.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-axe-outdoors_23-2149382182.jpg",              imageAlt: "Captain John - Club Founder",              socialLinks: [
                { icon: Facebook, url: "#" },
                { icon: Instagram, url: "#" }
              ]
            },
            {
              id: "sarah-tactics",              name: "Sarah Chen",              role: "Competition Director",              description: "Tournament winning angler and event organizer. Passionate about growing the club and developing new talent.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-painting-with-oil-paints-field_1303-9553.jpg",              imageAlt: "Sarah Chen - Competition Director",              socialLinks: [
                { icon: Instagram, url: "#" },
                { icon: Facebook, url: "#" }
              ]
            },
            {
              id: "mike-mentor",              name: "Mike Rodriguez",              role: "Training Coordinator",              description: "Certified fishing instructor with expertise in fly fishing and conservation. Leads all club training programs.",              imageSrc: "http://img.b2bpic.net/free-photo/friends-make-preparations-fishing_329181-20024.jpg",              imageAlt: "Mike Rodriguez - Training Coordinator",              socialLinks: [
                { icon: Facebook, url: "#" },
                { icon: Linkedin, url: "#" }
              ]
            },
            {
              id: "alex-rising",              name: "Alex Thompson",              role: "Youth Program Manager",              description: "Rising star in competitive fishing, dedicated to mentoring the next generation of anglers and growing the sport.",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-relaxing-with-mug-nature_23-2148648007.jpg",              imageAlt: "Alex Thompson - Youth Program Manager",              socialLinks: [
                { icon: Instagram, url: "#" },
                { icon: Twitter, url: "#" }
              ]
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Contact Leadership", href: "#contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Bro Fishing Club leadership team section"
          className="py-16"
          containerClassName="max-w-6xl"
          titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
          descriptionClassName="text-lg text-[var(--foreground)] leading-relaxed"
          buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--background-accent)] text-[var(--primary-cta-text)]"
          cardClassName="bg-[var(--card)] rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-all"
          nameClassName="text-xl font-bold text-[var(--foreground)]"
          roleClassName="text-sm font-semibold text-[var(--background-accent)]"
          memberDescriptionClassName="text-[var(--foreground)] text-sm leading-relaxed"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Member Stories"
          description="Hear from our passionate club members about their fishing adventures and unforgettable moments with Bro Fishing Club."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="opacity"
          testimonials={[
            {
              id: "testimonial-1",              title: "Life-Changing Experience",              quote: "I joined Bro Fishing Club three years ago, and it's been the best decision I've made. Not only did I learn incredible techniques, but I found a family of like-minded fishermen who share my passion. Every fishing trip is an adventure.",              name: "Marcus Williams",              role: "Tournament Champion",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-holding-caught-fish-hook_23-2147894018.jpg",              imageAlt: "Marcus celebrating successful catch"
            },
            {
              id: "testimonial-2",              title: "Perfect Way to Start the Day",              quote: "The early morning fishing sessions have become sacred time for me. It's meditative, rejuvenating, and the club provides the perfect community to enjoy it with. Captain John's guidance has made me a much better angler.",              name: "Jennifer Lee",              role: "Fishing Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/girl-with-bottle-beach-sunset-evening-sea-silhouette_169016-69861.jpg",              imageAlt: "Jennifer fishing at peaceful sunrise"
            },
            {
              id: "testimonial-3",              title: "Unforgettable Adventures",              quote: "As someone new to fishing, the club welcomed me with open arms. The training programs and supportive members made learning fun. Now I'm competing in tournaments and making memories that will last forever.",              name: "David Patterson",              role: "Club Member",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-hanging-out-jetty_23-2150514730.jpg",              imageAlt: "David with group on fishing adventure"
            },
            {
              id: "testimonial-4",              title: "Three Generations Strong",              quote: "I brought my son and grandson to the club, and now fishing is our family tradition. Seeing them catch their first fish and bond over this shared passion is priceless. Thank you for creating a place where families belong.",              name: "Robert Hayes",              role: "Lifetime Member",              imageSrc: "http://img.b2bpic.net/free-photo/we-were-waiting-so-long-it-was-worth-it_329181-10574.jpg",              imageAlt: "Robert with family fishing together"
            },
            {
              id: "testimonial-5",              title: "Competitive Success",              quote: "With access to expert coaching and high-level competitions, I've taken my fishing to professional levels. The club's support and resources have been instrumental in my tournament victories and growth as an angler.",              name: "Christina Vasquez",              role: "Pro Angler",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-fisherman-holding-recently-caught-fish_23-2147894084.jpg",              imageAlt: "Christina with trophy fish catch"
            },
            {
              id: "testimonial-6",              title: "Found My Mentor",              quote: "Starting from zero fishing knowledge, the club's training program and mentorship gave me confidence on the water. I've progressed from beginner to competitor in just one year. The possibilities feel endless.",              name: "Thomas Grant",              role: "Rising Star",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-kids-exploring-nature-together_23-2150559819.jpg",              imageAlt: "Thomas learning fishing techniques"
            }
          ]}
          ariaLabel="Bro Fishing Club testimonials section"
          className="py-16"
          containerClassName="max-w-6xl"
          titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
          descriptionClassName="text-lg text-[var(--foreground)] leading-relaxed"
          textBoxClassName="text-center mb-12"
          quoteCardClassName="bg-[var(--card)] border border-[var(--accent)] rounded-lg p-8 hover:shadow-lg transition-all"
          quoteClassName="text-[var(--foreground)] italic text-lg leading-relaxed mb-4"
          nameClassName="font-bold text-[var(--foreground)]"
          roleClassName="text-sm text-[var(--background-accent)]"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={["Bass Pro Shops", "Shimano", "YETI", "Garmin", "Costa", "Simms", "Nautilus", "Abu Garcia"]}
          logos={[
            "http://img.b2bpic.net/free-vector/fishing-clubs-colorful-emblems_1284-34145.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-fishing-logo-template_23-2149360928.jpg",            "http://img.b2bpic.net/free-photo/close-up-skier-drinking-soda_23-2148931171.jpg",            "http://img.b2bpic.net/free-vector/decorative-retro-travel-stickers_23-2147645272.jpg",            "http://img.b2bpic.net/free-vector/flat-design-catfish-template_23-2151165412.jpg",            "http://img.b2bpic.net/free-vector/set-farming-emblems-isolated-white_1284-44226.jpg",            "http://img.b2bpic.net/free-vector/vintage-diving-sport-badges-flat-design_23-2147556692.jpg"
          ]}
          title="Trusted by Industry Leaders"
          description="Our partnerships with premium fishing brands ensure our members get the best gear, exclusive discounts, and access to the latest innovations in fishing equipment."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Partners"
          tagIcon={Handshake}
          tagAnimation="opacity"
          speed={40}
          showCard={true}
          ariaLabel="Partner brands section"
          className="py-16"
          containerClassName="max-w-6xl"
          titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] text-center"
          textBoxDescriptionClassName="text-center text-[var(--foreground)] max-w-2xl mx-auto"
          logoCardClassName="bg-[var(--card)] rounded-lg p-6 flex items-center justify-center min-h-20 hover:shadow-md transition-all"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "faq-1",              title: "How do I join Bro Fishing Club?",              content: "Joining is simple! Head to our membership section, choose your membership tier, fill out the application form, and you'll be officially part of the Bro Fishing Club family within 24 hours. We welcome anglers of all skill levels."
            },
            {
              id: "faq-2",              title: "What are the membership levels?",              content: "We offer three membership tiers: Bronze (basic access), Silver (includes training programs), and Gold (premium with priority event access and exclusive perks). Visit our pricing page to see detailed benefits for each level."
            },
            {
              id: "faq-3",              title: "Do I need to own a boat to join?",              content: "No! Many of our members don't own boats. We organize group outings, access fishing spots by land, and facilitate partnerships for members to charter boats together. Fishing is for everyone, regardless of equipment."
            },
            {
              id: "faq-4",              title: "When are tournaments held?",              content: "We host monthly tournaments year-round. Fishing seasons and locations vary based on the time of year. Tournament schedules are posted on our member portal three months in advance."
            },
            {
              id: "faq-5",              title: "What's included in training programs?",              content: "Our training programs cover casting techniques, equipment maintenance, fishing strategy, conservation practices, and species-specific methods. Members get access to live workshops, video tutorials, and one-on-one coaching sessions."
            },
            {
              id: "faq-6",              title: "Can beginners join the club?",              content: "Absolutely! Beginners are not only welcome—they're our priority. We have dedicated beginner programs, patient mentors, and a supportive community that ensures everyone learns at their own pace."
            }
          ]}
          title="Frequently Asked Questions"
          description="Find answers to common questions about membership, tournaments, training, and club activities."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          animationType="smooth"
          showCard={true}
          ariaLabel="Frequently asked questions section"
          className="py-16"
          containerClassName="max-w-3xl"
          titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)] mb-2"
          descriptionClassName="text-lg text-[var(--foreground)] leading-relaxed mb-8"
          accordionClassName="border-b border-[var(--accent)]"
          accordionTitleClassName="py-4 font-semibold text-[var(--foreground)]"
          accordionContentClassName="py-4 text-[var(--foreground)] leading-relaxed"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Join Bro Fishing Club?"
          ctaDescription="Start your fishing journey with us today. Get expert guidance, competitive opportunities, and a brotherhood that shares your passion for the water."
          ctaButton={{ text: "Become a Member", href: "#join" }}
          ctaIcon={Mail}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "contact-faq-1",              title: "What's the best way to reach out?",              content: "You can email us at hello@brofishingclub.com, call (555) 123-4567, or fill out the form on our website. We typically respond within 24 business hours."
            },
            {
              id: "contact-faq-2",              title: "Do you offer trial fishing trips?",              content: "Yes! New members can join a complimentary trial fishing trip to experience the club firsthand. Contact us to schedule your introduction."
            },
            {
              id: "contact-faq-3",              title: "How often do we meet?",              content: "We host weekly group fishing outings, monthly tournaments, and regular training sessions. Member portal has the complete calendar."
            }
          ]}
          ariaLabel="Contact and membership section"
          className="py-16"
          containerClassName="max-w-5xl"
          ctaTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] mb-2"
          ctaDescriptionClassName="text-lg text-[var(--foreground)] leading-relaxed mb-6"
          ctaButtonClassName="bg-[var(--primary-cta)] hover:bg-[var(--background-accent)] text-[var(--primary-cta-text)]"
          accordionTitleClassName="py-4 font-semibold text-[var(--foreground)]"
          accordionContentClassName="py-4 text-[var(--foreground)] leading-relaxed"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-wooden-dock-with-ocean-sky-background_181624-10123.jpg"
          imageAlt="Peaceful fishing sunset landscape"
          columns={[
            {
              title: "Club",              items: [
                { label: "About Us", href: "#about" },
                { label: "Membership", href: "#join" },
                { label: "Events", href: "#events" },
                { label: "Tournaments", href: "#tournaments" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Members", href: "#team" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Forum", href: "#forum" },
                { label: "Photo Gallery", href: "#gallery" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Training", href: "#training" },
                { label: "Blog", href: "#blog" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Social",              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "YouTube", href: "https://youtube.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
          logoText="Bro Fishing Club"
          copyrightText="© 2025 Bro Fishing Club. All rights reserved."
          ariaLabel="Site footer"
          className="bg-[var(--foreground)] text-[var(--background)]"
          containerClassName="max-w-6xl"
          mediaWrapperClassName="h-96 mb-8 rounded-lg overflow-hidden"
          logoTextClassName="text-2xl font-bold text-[var(--background)]"
          columnsClassName="grid grid-cols-2 md:grid-cols-4 gap-8 mb-12"
          columnTitleClassName="font-bold text-[var(--background)] mb-4"
          columnItemClassName="text-[var(--background)] opacity-80 hover:opacity-100 transition-opacity"
        />
      </div>
    </ThemeProvider>
  );
}
