"use client";

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Users, Star, Award, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="plain"
      cardStyle="elevated-accent"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="BULLS"
          button={{
            text: "Choose Your Bike",
            href: "#models"
          }}
          className="border-b border-accent/20"
          buttonClassName="font-medium tracking-wide"
          buttonTextClassName="text-sm"
        />
      </div>

      <div id="hero" data-section="hero" className="relative bg-background">
        <HeroLogoBillboard
          logoText="BULLS"
          description="Engineered for Speed."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999272-tf5tv89u.jpg"
          imageAlt="Premium BULLS performance mountain bike"
          frameStyle="card"
          logoLineHeight={1.1}
          containerClassName="py-16 md:py-24"
          logoClassName="text-5xl md:text-7xl font-bold tracking-tight"
          descriptionClassName="text-lg md:text-xl leading-relaxed max-w-2xl"
        />
      </div>

      <div id="models" data-section="models" className="bg-background py-24">
        <ProductCardTwo
          title="Choose Your Perfect BULLS Bike"
          description="Select from our range of performance-engineered models, each designed for your riding style. Hardtail speed. Full suspension control. Gravel versatility. Road dominance. Electric power."
          tag="Premium Models"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "hardtail",
              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-1767548955998-jc66agsb.jpg",
              imageAlt: "BULLS Hardtail Pro XC Mountain Bike"
            },
            {
              id: "fullsuspension",
              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-1767549001374-9ru3gret.jpg",
              imageAlt: "BULLS Full Suspension Elite MTB"
            },
            {
              id: "gravel",
              brand: "BULLS",
              name: "Gravel King Adventure",
              price: "€1,699",
              rating: 5,
              reviewCount: "623",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549065446-wtb8bn5r.jpg",
              imageAlt: "BULLS Gravel King Adventure Bike"
            },
            {
              id: "road",
              brand: "BULLS",
              name: "Road Racer Carbon",
              price: "€1,899",
              rating: 5,
              reviewCount: "945",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999758-rsh5ksx2.jpg",
              imageAlt: "BULLS Road Racer Carbon Bike"
            },
            {
              id: "ebike",
              brand: "BULLS",
              name: "E-MTB Power Elite",
              price: "€3,299",
              rating: 5,
              reviewCount: "512",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549065842-x3fi6wnh.jpg",
              imageAlt: "BULLS E-MTB Power Elite Electric Bike"
            }
          ]}
          containerClassName="py-20"
        />
      </div>

      <div id="why-bulls" data-section="why-bulls" className="bg-background py-24">
        <FeatureCardEighteen
          title="Why Choose BULLS?"
          description="See how BULLS engineering outperforms competitors. We don't just make bikes—we engineer performance."
          tag="Engineered Excellence"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          negativeCard={{
            title: "Standard Brands",
            items: [
              "Generic frame geometry",
              "Inconsistent component quality",
              "Limited warranty coverage",
              "Average ride feel",
              "Slower assembly times",
              "Basic materials"
            ],
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549066549-j3pouml0.jpg",
            imageAlt: "Standard bike comparison"
          }}
          positiveCard={{
            title: "BULLS Performance",
            items: [
              "Precision-engineered German geometry",
              "Premium German-sourced components",
              "Lifetime frame warranty + 2yr parts",
              "Responsive, smooth ride dynamics",
              "Pre-flight tested assemblies",
              "Advanced carbon & aluminum tech"
            ],
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549067043-wmz3o717.jpg",
            imageAlt: "BULLS engineered advantage"
          }}
          containerClassName="py-20"
        />
      </div>

      <div id="metrics" data-section="metrics" className="bg-background py-24">
        <MetricCardSix
          title="BULLS by the Numbers"
          description="Trusted by thousands of riders worldwide. Our commitment to performance and quality speaks for itself."
          tag="Trust & Performance"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              value: "5000+",
              tag: "Riders",
              tagIcon: Users,
              title: "Satisfied customers worldwide"
            },
            {
              id: "2",
              value: "4.9★",
              tag: "Rating",
              tagIcon: Star,
              title: "Average customer satisfaction"
            },
            {
              id: "3",
              value: "30 yrs",
              tag: "Heritage",
              tagIcon: Award,
              title: "German engineering excellence"
            },
            {
              id: "4",
              value: "3-5 days",
              tag: "Delivery",
              tagIcon: Zap,
              title: "Fast, tested shipping"
            }
          ]}
          containerClassName="py-20"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="bg-background py-24">
        <TestimonialCardEleven
          title="What Riders Say"
          description="Real stories from real BULLS riders. Hardtail racers, full-suspension enthusiasts, gravel adventurers, and weekend warriors share their experience."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Marco Rossi, XC Race Champion",
              quote: "The hardtail geometry is lightning-fast on technical terrain. BULLS builds bikes that respond to precision.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943588-3acl25me.jpg",
              imageAlt: "Marco Rossi, professional racer"
            },
            {
              id: "2",
              nameTitle: "Sarah Mueller, Trail Enthusiast",
              quote: "The full suspension feels like it reads your mind. Smooth, planted, and confidence-inspiring on every climb.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944555-s0g0salq.jpg",
              imageAlt: "Sarah Mueller, trail rider"
            },
            {
              id: "3",
              nameTitle: "Johan Fischer, Weekend Rider",
              quote: "I've owned three bikes. BULLS is the first one where I feel every euro was worth it. Build quality is pristine.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549067841-ko6p9x41.jpg",
              imageAlt: "Johan Fischer, casual cyclist"
            },
            {
              id: "4",
              nameTitle: "Elena Kowalski, Gravel Adventurer",
              quote: "Took my BULLS gravel bike across three countries. Never missed a beat. German engineering is real.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548979751-lkv5l86n.jpg",
              imageAlt: "Elena Kowalski, adventure cyclist"
            },
            {
              id: "5",
              nameTitle: "Lucas Sousa, E-Bike Explorer",
              quote: "The motor integration feels invisible until you need it. Pure performance mixed with smart technology.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981900-jhwtk3l5.jpg",
              imageAlt: "Lucas Sousa, e-bike rider"
            },
            {
              id: "6",
              nameTitle: "Anna Chen, Urban Commuter",
              quote: "Fast delivery, flawless quality, responsive support. BULLS doesn't cut corners anywhere.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549068159-w6um3845.jpg",
              imageAlt: "Anna Chen, urban cyclist"
            }
          ]}
          containerClassName="py-20"
        />
      </div>

      <div id="faq" data-section="faq" className="bg-background py-24">
        <FaqBase
          title="Common Questions"
          description="Everything you need to know about BULLS bikes, sizing, warranty, and ordering."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I choose the right size?",
              content: "BULLS sizes are based on height: XS (150–160cm), S (160–170cm), M (170–180cm), L (180–190cm), XL (190–200cm+). Use our interactive fit guide, or contact our specialists for personalized recommendation. We offer free 30-day size exchanges."
            },
            {
              id: "2",
              title: "What's included in the warranty?",
              content: "Lifetime frame warranty against manufacturing defects. All components covered for 2 years. Suspension covered for 3 years. Wear items (brake pads, tires, chains) excluded. Free annual service checks at authorized dealers."
            },
            {
              id: "3",
              title: "How long is shipping?",
              content: "Standard delivery: 3–5 business days. Express: 1–2 business days (€25 surcharge). All bikes arrive pre-assembled and tested. Free shipping on orders over €1,500."
            },
            {
              id: "4",
              title: "Can I return or exchange my bike?",
              content: "Yes. 30-day money-back guarantee. Full refund if unsatisfied—no questions asked. Exchanges available within 60 days. Return shipping covered for defects; customer pays return shipping for other reasons."
            },
            {
              id: "5",
              title: "Are financing options available?",
              content: "Yes. Klarna: Pay in 3 interest-free installments or finance from €29/month. PayPal Credit, Affirm, and direct bank transfer also available. No hidden fees."
            },
            {
              id: "6",
              title: "What's included in the free accessories pack?",
              content: "Limited-time offer (expires Dec 31, 2025): Pro pedals, water bottle cage, integrated lights, repair toolkit, and premium lubricant. Available with purchase of any model €1,500+."
            }
          ]}
          containerClassName="py-20"
        />
      </div>

      <div id="contact" data-section="contact" className="bg-background py-24">
        <ContactCenterForm
          title="Let's Get You Riding"
          description="Have questions? Our bike experts are here to help. Reach out and we'll guide you to your perfect BULLS bike."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "your@email.com",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "+1 (555) 000-0000",
              required: false
            },
            {
              name: "model",
              type: "text",
              placeholder: "Which model interests you?",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your riding style, questions, or preferences...",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          buttonText="Get Expert Advice"
          containerClassName="py-20"
          titleClassName="text-4xl md:text-5xl font-bold mb-6 text-center"
          descriptionClassName="text-lg text-foreground/80 text-center max-w-2xl mx-auto mb-12"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="BULLS"
          columns={[
            {
              title: "Shop",
              items: [
                { label: "Hardtail MTB", href: "#models" },
                { label: "Full Suspension", href: "#models" },
                { label: "Gravel Bikes", href: "#models" },
                { label: "Road Bikes", href: "#models" },
                { label: "E-Bikes", href: "#models" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Size Guide", href: "#faq" },
                { label: "Warranty Info", href: "#faq" },
                { label: "Shipping & Returns", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
                { label: "Service Centers", href: "#contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About BULLS", href: "#why-bulls" },
                { label: "Our Story", href: "#metrics" },
                { label: "Careers", href: "#contact" },
                { label: "Press", href: "#contact" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 BULLS Performance Bikes. German Engineering. Built for Riders."
          containerClassName="py-16"
          logoTextClassName="text-4xl font-bold"
        />
      </div>
    </ThemeProvider>
  );
}