"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, Sparkles, CheckCircle, Gift, Star, Instagram, Facebook, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="BULLS"
          navItems={[
            { name: "Shop", id: "shop" },
            { name: "Why BULLS", id: "why-bulls" },
            { name: "Specs & Tech", id: "specs" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="High-Performance Bikes"
          bottomRightText="support@bulls.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Engineered for Speed. Built for Control."
          description="Precision-engineered BULLS bikes designed for riders who demand peak performance on every terrain. German engineering, race-tested components, unlimited capability."
          tag="LIMITED STOCK AVAILABLE"
          tagIcon={Zap}
          buttons={[
            { text: "Choose Your Bike", href: "#shop" },
            { text: "View Models" }
          ]}
          carouselItems={[
            { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548973907-chh8affi.jpg", imageAlt: "Premium Full-Suspension Mountain Bike" },
            { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974193-a4vrm4bc.jpg", imageAlt: "High-Performance Hardtail MTB" },
            { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974518-lkm6ezjk.jpg", imageAlt: "Versatile Gravel Adventure Bike" },
            { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974844-4dshwi2m.jpg", imageAlt: "Professional Carbon Road Bike" },
            { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548975143-vricdq9m.jpg", imageAlt: "Electric Mountain Bike with Motor" },
            { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548975971-dvk4f9gt.jpg", imageAlt: "Precision Engineering and Components" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="shop" data-section="shop">
        <ProductCardTwo
          title="Choose Your BULLS Model"
          description="Select from our flagship lineup. Each bike engineered for specific terrain and riding style with premium components and German precision."
          tag="2025 LINEUP"
          tagIcon={Sparkles}
          buttons={[{ text: "Explore All Models" }]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "hardtail-pro",
              brand: "BULLS",
              name: "Hardtail Pro XC",
              price: "€1,299",
              rating: 5,
              reviewCount: "847",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974193-a4vrm4bc.jpg",
              imageAlt: "BULLS Hardtail Pro XC Mountain Bike"
            },
            {
              id: "full-suspension-elite",
              brand: "BULLS",
              name: "Full-Suspension Elite",
              price: "€2,499",
              rating: 5,
              reviewCount: "1.2k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548973907-chh8affi.jpg",
              imageAlt: "BULLS Full-Suspension Elite MTB"
            },
            {
              id: "gravel-master",
              brand: "BULLS",
              name: "Gravel Master",
              price: "€899",
              rating: 5,
              reviewCount: "623",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974518-lkm6ezjk.jpg",
              imageAlt: "BULLS Gravel Master Adventure Bike"
            },
            {
              id: "road-carbon",
              brand: "BULLS",
              name: "Road Carbon Pro",
              price: "€1,799",
              rating: 5,
              reviewCount: "956",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974844-4dshwi2m.jpg",
              imageAlt: "BULLS Road Carbon Pro Racing Bike"
            },
            {
              id: "ebike-turbo",
              brand: "BULLS",
              name: "E-MTB Turbo",
              price: "€3,299",
              rating: 5,
              reviewCount: "734",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548975143-vricdq9m.jpg",
              imageAlt: "BULLS E-MTB Turbo Electric Mountain Bike"
            },
            {
              id: "city-urban",
              brand: "BULLS",
              name: "Urban Commuter",
              price: "€649",
              rating: 5,
              reviewCount: "512",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974518-lkm6ezjk.jpg",
              imageAlt: "BULLS Urban Commuter City Bike"
            }
          ]}
        />
      </div>

      <div id="why-bulls" data-section="why-bulls">
        <SplitAboutMetric
          title="Why BULLS? Decades of Engineering Excellence."
          description={["Since 1989, BULLS has engineered bikes for riders who refuse to compromise. Our German precision, race-tested components, and obsessive attention to geometry make every ride feel like a victory."]}
          metrics={[
            { label: "Years of Heritage", value: "35+" },
            { label: "Bikes Trusted Worldwide", value: "500k+" }
          ]}
          showBorder={false}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="specs" data-section="specs">
        <FeatureCardTwenty
          title="Precision Engineering That Feels Like Freedom"
          description="Every BULLS bike undergoes rigorous testing on real terrain. Our engineers obsess over frame geometry, suspension tuning, and component selection so you can focus on the ride."
          tag="TECHNOLOGY"
          tagIcon={CheckCircle}
          buttons={[{ text: "See Full Tech Specs" }]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          images={[
            { id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548976264-om5kkyw1.jpg", imageAlt: "Frame Geometry Engineering" },
            { id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955148-m2lbdq4x.jpg", imageAlt: "Advanced Suspension Technology" },
            { id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548976681-8y7u03fq.jpg", imageAlt: "Premium Component Assembly" },
            { id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548977165-igjbc9wj.jpg", imageAlt: "Professional Performance In Action" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Financing That Fits Your Budget"
          description="Choose flexibility. Zero-interest financing, free shipping, and a limited-time first service bonus on every new BULLS bike."
          tag="SPECIAL OFFER"
          tagIcon={Gift}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "klarna-basic",
              title: "Monthly Installments",
              price: "From €99",
              period: "/month",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974193-a4vrm4bc.jpg",
              imageAlt: "Flexible Payment Plan",
              button: { text: "Finance Your Bike", href: "#contact" },
              features: ["Zero interest with Klarna", "Flexible payment plans", "No hidden fees", "Instant approval"]
            },
            {
              id: "premium-offer",
              title: "Premium Purchase",
              price: "Full Price",
              period: "with bonuses",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548973907-chh8affi.jpg",
              imageAlt: "Premium Package with Bonuses",
              button: { text: "Buy Now", href: "#shop" },
              features: ["Free first service (€200 value)", "Premium accessories bundle", "Free shipping worldwide", "30-day satisfaction guarantee"]
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardEight
          title="Trusted by 5,000+ Riders Worldwide"
          description="Real riders, real results. Hear from racers, weekend warriors, and gravel explorers who chose BULLS."
          tag="SOCIAL PROOF"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Marcus Weber",
              role: "XC Racer",
              company: "German National Team",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943588-3acl25me.jpg",
              imageAlt: "Marcus Weber - XC Racer"
            },
            {
              id: "2",
              name: "Sarah Schmidt",
              role: "Trail Enthusiast",
              company: "Weekend Rider",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548979388-hqmruacq.jpg",
              imageAlt: "Sarah Schmidt - Trail Enthusiast"
            },
            {
              id: "3",
              name: "Thomas Müller",
              role: "Professional Guide",
              company: "Alps Adventure Tours",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548979751-lkv5l86n.jpg",
              imageAlt: "Thomas Müller - Professional Guide"
            },
            {
              id: "4",
              name: "Elena Costa",
              role: "Gravel Adventurer",
              company: "European Cyclist",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548980587-tvm5ctfl.jpg",
              imageAlt: "Elena Costa - Gravel Adventurer"
            },
            {
              id: "5",
              name: "James Thompson",
              role: "Urban Commuter",
              company: "City Cyclist",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981130-lnddz3fh.jpg",
              imageAlt: "James Thompson - Urban Commuter"
            },
            {
              id: "6",
              name: "Lisa Bergmann",
              role: "Endurance Rider",
              company: "Long Distance Champion",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981900-jhwtk3l5.jpg",
              imageAlt: "Lisa Bergmann - Endurance Rider"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Ride BULLS?"
          description="Connect with our team. Get personalized bike recommendations, financing details, and expert guidance."
          inputs={[
            { name: "firstName", type: "text", placeholder: "First Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "bikeInterest", type: "text", placeholder: "Interested Model (e.g., Full-Suspension Elite)", required: true },
            { name: "phone", type: "tel", placeholder: "Phone (Optional)", required: false }
          ]}
          textarea={{
            name: "message",
            placeholder: "Questions about specs, financing, or delivery? We're here to help.",
            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548978381-7y6dgau7.jpg"
          imageAlt="BULLS Customer Support Team"
          mediaPosition="right"
          buttonText="Get Expert Advice"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="BULLS"
          copyrightText="© 2025 BULLS Bikes. Built for Performance. Engineered in Germany."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/bullsbikes", ariaLabel: "BULLS on Instagram" },
            { icon: Facebook, href: "https://facebook.com/bullsbikes", ariaLabel: "BULLS on Facebook" },
            { icon: Youtube, href: "https://youtube.com/@bullsbikes", ariaLabel: "BULLS on YouTube" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}