"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Calendar, Camera, Heart, MapPin, Send, Sparkles, Star, Users, Zap, Home, CircleDollarSign, ArrowLeftRight } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="BMW Pride Club"
          navItems={[
            { name: "About", id: "about" },
            { name: "Events", id: "events" },
            { name: "Membership", id: "membership" },
            { name: "Community", id: "community" },
            { name: "Gallery", id: "gallery" }
          ]}
          button={{
            text: "Become a Member",            href: "join"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "radial-gradient" }}
          tag="Community Driven"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Horsepower Meets Pride"
          description="Drive Together. The ultimate community for LGBTQ BMW enthusiasts. Join exclusive events, connect with fellow drivers, and celebrate automotive passion without limits."
          buttons={[
            { text: "Become a Member", href: "join" },
            { text: "Explore Events", href: "events" }
          ]}
          buttonAnimation="slide-up"
          dashboard={{
            title: "Club Stats",            logoIcon: Zap,
            imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6802.jpg",            imageAlt: "luxury BMW car vibrant community gathering",            searchPlaceholder: "Search events...",            buttons: [
              { text: "View Events", href: "#events" },
              { text: "Membership Info", href: "#membership" }
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: Calendar, active: false },
              { icon: Users, active: false }
            ],
            stats: [
              { title: "Active Members", values: [420, 520, 650], description: "Community growth" },
              { title: "Events/Year", values: [12, 18, 24], description: "Annual gatherings" },
              { title: "Countries", values: [5, 8, 12], description: "Global presence" }
            ],
            chartTitle: "Membership Growth",            chartData: [
              { value: 50 },
              { value: 70 },
              { value: 85 },
              { value: 95 },
              { value: 100 }
            ],
            listTitle: "Upcoming Events",            listItems: [
              { icon: Calendar, title: "Spring Track Day", status: "Next Month" },
              { icon: MapPin, title: "Pride Drive Cruise", status: "Coming Soon" },
              { icon: Users, title: "Members Only Meetup", status: "This Weekend" }
            ]
          }}
          ariaLabel="Hero section - Gay Club BMW"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We're a community built on" },
            { type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-bicycle_23-2148888470.jpg", alt: "Club community gathering" },
            { type: "text", content: "shared passion, pride, and horsepower" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#membership" },
            { text: "Join Us", href: "join" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="About section"
        />
      </div>

      <div id="events" data-section="events">
        <FeatureCardTwentyFour
          title="Epic Events & Experiences"
          description="From track days to pride cruises, we host unforgettable automotive experiences that celebrate our community's passion."
          tag="Events"
          tagIcon={Calendar}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Annual Spring Track Day",              author: "Motorsports Team",              description: "Experience the thrill of high-performance driving with fellow enthusiasts. Professional instructors guide you through track techniques while you push your BMW to its limits.",              tags: ["Racing", "Skills", "Thrilling"],
              imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25008.jpg",              imageAlt: "BMW track day racing event professional"
            },
            {
              id: "2",              title: "Pride Cruise & Social Gathering",              author: "Community Coordinators",              description: "Celebrate LGBTQ pride while cruising scenic routes with your BMW family. Our signature event combines automotive passion with visibility and community joy.",              tags: ["Pride", "Social", "Celebration"],
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-bicycle_23-2148888470.jpg",              imageAlt: "diverse automotive club members socializing event"
            },
            {
              id: "3",              title: "Exclusive Member Meetups",              author: "Social Events",              description: "Connect with fellow members at regular meet-ups at premium venues. Discuss builds, share automotive knowledge, and strengthen our vibrant community bonds.",              tags: ["Networking", "Bonding", "Exclusive"],
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-system-administrators-data-center-using-devices_482257-120660.jpg",              imageAlt: "community network professional connections teamwork"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Events section"
        />
      </div>

      <div id="membership" data-section="membership">
        <PricingCardNine
          title="Membership Plans"
          description="Choose the membership tier that fits your passion level and involvement."
          tag="Membership"
          tagIcon={Heart}
          tagAnimation="slide-up"
          plans={[
            {
              id: "enthusiast",              title: "Enthusiast",              price: "$50",              period: "/year",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-tail-light-red-vintage-car-parked-outdoors-rain_181624-11787.jpg?_wi=1",              imageAlt: "Enthusiast membership",              button: { text: "Join Now", href: "#join" },
              features: [
                "Access to member events",                "Monthly newsletters",                "Community Discord channel",                "Member discounts"
              ]
            },
            {
              id: "ambassador",              title: "Ambassador",              price: "$150",              period: "/year",              imageSrc: "http://img.b2bpic.net/free-photo/sunset-coast-drive_23-2151948125.jpg?_wi=1",              imageAlt: "Ambassador membership",              button: { text: "Upgrade Now", href: "#join" },
              features: [
                "All Enthusiast benefits",                "Priority event registration",                "Exclusive track day sessions",                "VIP lounge access",                "Merchandise bundle",                "Community voting rights"
              ]
            },
            {
              id: "elite",              title: "Elite Driver",              price: "$300",              period: "/year",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-man-getting-out-car_23-2148332969.jpg?_wi=1",              imageAlt: "Elite membership",              button: { text: "Become Elite", href: "#join" },
              features: [
                "All Ambassador benefits",                "Private charter events",                "Personal driver liaison",                "Concierge services",                "Featured member spotlight",                "Board meeting attendance",                "Premium merchandise"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Membership plans section"
        />
      </div>

      <div id="community" data-section="community">
        <TeamCardOne
          title="Meet Our Leadership"
          description="The passionate individuals driving our community forward with vision, inclusivity, and automotive excellence."
          tag="Our Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Alex Rivera",              role: "Founder & President",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",              imageAlt: "confident diverse professionals automotive leadership team"
            },
            {
              id: "2",              name: "Jordan Chen",              role: "Events Director",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-coffee-break-city_23-2148289249.jpg?_wi=1",              imageAlt: "happy BMW owner car pride portrait smiling"
            },
            {
              id: "3",              name: "Casey Morgan",              role: "Community Manager",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-repairmen-car-workshop_23-2147897995.jpg?_wi=1",              imageAlt: "smiling automotive enthusiast community member photo"
            },
            {
              id: "4",              name: "Morgan Hayes",              role: "Membership Lead",              imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-views-car-trip_23-2149401821.jpg?_wi=1",              imageAlt: "enthusiastic car lover community connection portrait"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Leadership team section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Member Stories"
          description="Hear from our community members about their experience with Gay Club BMW."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marcus Thompson",              role: "Software Engineer",              company: "Tech Industry",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-coffee-break-city_23-2148289249.jpg?_wi=2",              imageAlt: "happy BMW owner car pride portrait smiling"
            },
            {
              id: "2",              name: "David Nguyen",              role: "Designer",              company: "Creative Studios",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-repairmen-car-workshop_23-2147897995.jpg?_wi=2",              imageAlt: "smiling automotive enthusiast community member photo"
            },
            {
              id: "3",              name: "Ryan Patterson",              role: "Business Owner",              company: "Automotive Sales",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-views-car-trip_23-2149401821.jpg?_wi=2",              imageAlt: "enthusiastic car lover community connection portrait"
            },
            {
              id: "4",              name: "Jamie Sullivan",              role: "Financial Analyst",              company: "Finance Sector",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/car-buyer-liking-new-vehicle-interior-vehicle-dealership_342744-733.jpg",              imageAlt: "smiling community member automotive passion lifestyle"
            },
            {
              id: "5",              name: "Alex Kim",              role: "Marketing Manager",              company: "Digital Agency",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-coffee-break-city_23-2148289249.jpg?_wi=3",              imageAlt: "happy BMW owner car pride portrait smiling"
            },
            {
              id: "6",              name: "Sam López",              role: "Mechanical Engineer",              company: "Motorsports",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-repairmen-car-workshop_23-2147897995.jpg?_wi=3",              imageAlt: "smiling automotive enthusiast community member photo"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Member testimonials section"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          title="Member Car Gallery"
          description="Showcase of stunning BMWs and the passionate owners who keep our community rolling."
          tag="Pride & Passion"
          tagIcon={Camera}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              brand: "BMW M Series",              name: "M440i xDrive Sedan",              price: "Owner: Marcus T.",              rating: 5,              reviewCount: "High Performance",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-tail-light-red-vintage-car-parked-outdoors-rain_181624-11787.jpg?_wi=2",              imageAlt: "luxury BMW M series performance vehicle professional"
            },
            {
              id: "2",              brand: "BMW M Series",              name: "M440i xDrive Coupe",              price: "Owner: David N.",              rating: 5,              reviewCount: "Speed Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/sunset-coast-drive_23-2151948125.jpg?_wi=2",              imageAlt: "BMW sports car motion racing speed photo"
            },
            {
              id: "3",              brand: "BMW Z Series",              name: "M440i Roadster",              price: "Owner: Ryan P.",              rating: 5,              reviewCount: "Open Air Joy",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-man-getting-out-car_23-2148332969.jpg?_wi=2",              imageAlt: "pristine BMW detail luxury car aesthetic"
            },
            {
              id: "4",              brand: "BMW 7 Series",              name: "M760i Luxury Sedan",              price: "Owner: Jamie S.",              rating: 5,              reviewCount: "Luxury Driving",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-tail-light-red-vintage-car-parked-outdoors-rain_181624-11787.jpg?_wi=3",              imageAlt: "luxury BMW M series performance vehicle professional"
            },
            {
              id: "5",              brand: "BMW X Series",              name: "M440i Performance SUV",              price: "Owner: Alex K.",              rating: 5,              reviewCount: "Adventure Ready",              imageSrc: "http://img.b2bpic.net/free-photo/sunset-coast-drive_23-2151948125.jpg?_wi=3",              imageAlt: "BMW sports car motion racing speed photo"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Member car gallery section"
        />
      </div>

      <div id="join" data-section="join">
        <ContactSplit
          tag="Join The Ride"
          tagIcon={Heart}
          title="Ready to Drive With Us?"
          description="Join our thriving community of LGBTQ BMW enthusiasts. Sign up to receive exclusive event invitations, membership details, and community updates."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-people-making-surprise-male-friend-african-american-woman-presenting-chocolate-muffin-with-sparkler-concept-surprise_1262-20870.jpg"
          imageAlt="diverse community celebration joy together pride"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Become a Member"
          termsText="We respect your privacy. Unsubscribe anytime. By signing up, you agree to our Terms and our Privacy Policy."
          ariaLabel="Join the community section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="BMW Pride Club"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "About Us", href: "#about" },
                { label: "Events", href: "#events" }
              ]
            },
            {
              items: [
                { label: "Membership", href: "#membership" },
                { label: "Community", href: "#community" },
                { label: "Gallery", href: "#gallery" }
              ]
            },
            {
              items: [
                { label: "Contact Us", href: "#join" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Discord", href: "https://discord.com" }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}