"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Anchor, Award, HelpCircle, Mail, MapPin, Sparkles, Star, Trophy, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Bro, Let's Go"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Join Us", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Bro, Let's Go"
          description="Join the most enthusiastic fishing community around. Expert tips, legendary catches, and brotherhood on every outing."
          buttons={[
            { text: "Start Fishing Adventure", href: "#features" },
            { text: "Learn More", href: "#about" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-girls-holding-life-vests_23-2148683905.jpg"
          imageAlt="Fishermen catching fish at sunrise on a beautiful lake"
          mediaAnimation="blur-reveal"
          frameStyle="card"
          buttonAnimation="opacity"
          ariaLabel="Bro Let's Go Fishing Club - Main hero section"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We're More Than Just a Fishing Club" },
            { type: "image", src: "http://img.b2bpic.net/free-photo/people-having-happy-retirement-activity_23-2149168961.jpg", alt: "Fishing club community members bonding" }
          ]}
          buttons={[
            { text: "Join Our Community", href: "#contact" }
          ]}
          useInvertedBackground={true}
          buttonAnimation="opacity"
          ariaLabel="About Bro Let's Go Fishing Club"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          title="Why Join Bro, Let's Go?"
          description="Discover what makes our fishing club the ultimate destination for anglers of all skill levels."
          tag="Community Benefits"
          tagIcon={Sparkles}
          tagAnimation="opacity"
          features={[
            {
              title: "Expert Fishing Techniques",              description: "Learn pro casting, rigging, and catch-and-release methods from experienced club members.",              bentoComponent: "reveal-icon",              icon: Zap
            },
            {
              title: "Premium Fishing Locations",              description: "Access exclusive fishing spots and seasonal hotspots known only to club insiders.",              bentoComponent: "reveal-icon",              icon: MapPin
            },
            {
              title: "Top-Tier Equipment Advice",              description: "Get personalized recommendations on rods, reels, and tackle from seasoned anglers.",              bentoComponent: "reveal-icon",              icon: Anchor
            },
            {
              title: "Community Events & Tournaments",              description: "Participate in monthly fishing competitions, social outings, and training workshops.",              bentoComponent: "reveal-icon",              icon: Trophy
            }
          ]}
          textboxLayout="split"
          useInvertedBackground={false}
          animationType="blur-reveal"
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Expert Guides"
          description="Our core team brings decades of combined fishing experience and genuine passion for the sport."
          team={[
            {
              id: "guide-1",              name: "Captain Jake",              role: "Freshwater Master",              imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-man-posing-front-river_23-2148693682.jpg",              imageAlt: "Captain Jake, experienced freshwater fishing expert"
            },
            {
              id: "guide-2",              name: "Marcus Chen",              role: "Equipment Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-outdoors_23-2149655609.jpg",              imageAlt: "Marcus Chen, fishing equipment specialist and guide"
            },
            {
              id: "guide-3",              name: "Sarah Wilson",              role: "Conservation Advocate",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-map-outdoors_23-2150283250.jpg",              imageAlt: "Sarah Wilson, fishing conservation and sustainability expert"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          tag="Leadership"
          tagIcon={Award}
          tagAnimation="opacity"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Members Say"
          description="Real stories from fishermen who've joined our community and transformed their angling journey."
          testimonials={[
            {
              id: "test-1",              name: "Tom Rodriguez",              role: "Weekend Angler",              company: "First Time Member",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/adult-men-beaching-boat_329181-19919.jpg",              imageAlt: "Tom proudly showing his first big catch with the club"
            },
            {
              id: "test-2",              name: "The Henderson Bros",              role: "Competitive Anglers",              company: "Tournament Winners",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/two-men-engaged-fishing_329181-19925.jpg",              imageAlt: "Henderson brothers celebrating their tournament success"
            },
            {
              id: "test-3",              name: "David Lee",              role: "Retired Fisherman",              company: "5-Year Member",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/father-playing-with-his-son-by-lake_23-2147637001.jpg",              imageAlt: "David enjoying a peaceful fishing moment at sunset"
            },
            {
              id: "test-4",              name: "The Ladies' Crew",              role: "All-Female Fishing Team",              company: "Active Community",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/group-friends-with-backpacks-checking-map-pointing-somewhere_181624-25666.jpg",              imageAlt: "Group of women bonding during a fishing adventure"
            },
            {
              id: "test-5",              name: "Kevin Park",              role: "Beginner to Intermediate",              company: "2-Year Member",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-fishing-river_23-2148204133.jpg",              imageAlt: "Kevin preparing his fishing gear for an early morning outing"
            },
            {
              id: "test-6",              name: "Lisa & Steve",              role: "Couples Fishing Outings",              company: "Married Anglers",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-mother-son-hanging-out-jetty_23-2150514754.jpg",              imageAlt: "Lisa and Steve enjoying a peaceful fishing evening together"
            }
          ]}
          kpiItems={[
            { icon: Users, title: "Active Members", value: "500+" },
            { icon: Trophy, title: "Annual Events", value: "24" },
            { icon: MapPin, title: "Fishing Spots", value: "15" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          tag="Member Stories"
          tagIcon={Star}
          tagAnimation="opacity"
          carouselMode="buttons"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about joining and participating in Bro, Let's Go."
          tag="Questions"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          faqs={[
            {
              id: "faq-1",              title: "How do I join the fishing club?",              content: "Joining is easy! Simply fill out our membership form with your name, email, and fishing experience level. You'll receive a welcome packet with club guidelines, event schedules, and member benefits within 24 hours."
            },
            {
              id: "faq-2",              title: "What's the membership cost?",              content: "Annual membership is $120 for individuals and $200 for family memberships (up to 4 family members). This includes access to all club events, exclusive fishing location guides, monthly newsletters, and member-only discounts on equipment."
            },
            {
              id: "faq-3",              title: "Do I need my own fishing gear?",              content: "No! While most members have their own equipment, we offer loaner gear for beginners and newcomers. Our equipment specialists can help you get set up with everything you need for your first outing."
            },
            {
              id: "faq-4",              title: "Are beginners welcome?",              content: "Absolutely! Our club welcomes fishermen of all skill levels. We have dedicated mentorship programs where experienced members help newcomers learn techniques, equipment selection, and best practices."
            },
            {
              id: "faq-5",              title: "How often do you organize fishing trips?",              content: "We organize fishing outings almost weekly, with trips ranging from casual day trips to weekend expeditions. Members can choose which trips to participate in based on their schedule and preference."
            },
            {
              id: "faq-6",              title: "What's your catch-and-release policy?",              content: "We practice responsible fishing with catch-and-release guidelines. Members learn proper handling techniques to ensure fish survival. We also comply with all local fishing regulations and seasons."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Join Bro, Let's Go Today"
          description="Sign up for our newsletter and be the first to hear about upcoming fishing trips, tournaments, and exclusive member events."
          tagIcon={Mail}
          tagAnimation="opacity"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Join the Crew"
          termsText="By signing up, you agree to our Terms and Conditions and Privacy Policy. We'll never spam you—just fishing goodness."
          ariaLabel="Join Bro Let's Go Fishing Club newsletter"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/sunrise-with-fog-water-surrounded-by-trees-netherlands_181624-42977.jpg"
          imageAlt="Calm water landscape reflecting nature's tranquility"
          logoText="Bro, Let's Go"
          copyrightText="© 2024 Bro, Let's Go Fishing Club. All rights reserved."
          columns={[
            {
              title: "Club",              items: [
                { label: "About Us", href: "#about" },
                { label: "Membership", href: "#contact" },
                { label: "Events", href: "#testimonials" },
                { label: "Team", href: "#team" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Fishing Guides", href: "#" },
                { label: "Equipment Reviews", href: "#" },
                { label: "Fishing Tips", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Discord", href: "#" },
                { label: "Member Forum", href: "#" },
                { label: "Photo Gallery", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}