"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Facebook, Globe, Instagram, Shield, Star, Twitter, Users, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="grid"
      cardStyle="solid-accent"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="BULLS"
          navItems={[
            { name: "Bikes", id: "bikes" },
            { name: "Why BULLS", id: "why-bulls" },
            { name: "Technology", id: "tech" },
            { name: "Support", id: "contact" },
            { name: "Shop", id: "bikes" }
          ]}
          bottomLeftText="Premium German Engineering"
          bottomRightText="support@bullsbikes.com"
        />
      </div>

      <div id="hero" data-section="hero" className="bg-gradient-to-br from-background via-background-accent to-background">
        <HeroLogoBillboard
          logoText="BULLS"
          description="Engineered for Speed. Built for Control. Precision-engineered BULLS bikes designed for riders who demand performance on every terrain."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg"
          imageAlt="BULLS flagship performance mountain bike"
          frameStyle="card"
          logoLineHeight={0.95}
          containerClassName="py-24 lg:py-32"
          logoClassName="tracking-wide font-bold"
          descriptionClassName="text-lg lg:text-2xl"
        />
      </div>

      <div id="urgency-trust" data-section="urgency-trust">
        <TestimonialCardTwelve
          cardTitle="Rated 4.9 out of 5 by 5,000+ Riders Worldwide"
          cardTag="LIMITED STOCK AVAILABLE - 2025 Models Selling Fast"
          testimonials={[
            {
              id: "1",
              name: "Sarah Martinez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943588-3acl25me.jpg"
            },
            {
              id: "2",
              name: "James Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944085-ceri47nf.jpg"
            },
            {
              id: "3",
              name: "Emma Wilson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957298-0hld77hl.jpg"
            },
            {
              id: "4",
              name: "Michael Torres",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549003103-pgzxg754.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
          containerClassName="py-16 lg:py-20"
        />
      </div>

      <div id="bikes" data-section="bikes" className="bg-background">
        <ProductCardThree
          title="Choose Your BULLS Bike"
          description="Select from our expertly engineered lineup. Each model is precision-tested and built for performance."
          products={[
            {
              id: "hardtail",
              name: "Hardtail MTB - UR",
              price: "€1,799",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999272-tf5tv89u.jpg",
              imageAlt: "BULLS Hardtail MTB - UR model",
              initialQuantity: 1
            },
            {
              id: "full-suspension",
              name: "Full-Suspension MTB - Copperhead",
              price: "€2,499",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999758-rsh5ksx2.jpg",
              imageAlt: "BULLS Full-Suspension MTB - Copperhead",
              initialQuantity: 1
            },
            {
              id: "gravel",
              name: "Gravel Bike - Crate Pro",
              price: "€1,249",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549001374-9ru3gret.jpg",
              imageAlt: "BULLS Gravel Bike - Crate Pro",
              initialQuantity: 1
            },
            {
              id: "road",
              name: "Road Bike - Makkii Pro",
              price: "€1,599",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548956551-7xsjlz7l.jpg",
              imageAlt: "BULLS Road Bike - Makkii Pro",
              initialQuantity: 1
            },
            {
              id: "ebike",
              name: "e-MTB - Copperhead E Pro",
              price: "€4,299",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549002578-z3zxecxn.jpg",
              imageAlt: "BULLS e-MTB - Copperhead E Pro",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-24 lg:py-32"
        />
      </div>

      <div id="why-bulls" data-section="why-bulls" className="bg-gradient-to-b from-background to-background-accent">
        <FeatureCardSixteen
          title="Why Choose BULLS?"
          description="German precision engineering meets performance on every ride. See how we outperform the competition."
          tag="Heritage Since 1995"
          negativeCard={{
            title: "Standard Brands",
            items: [
              "Generic mass-produced designs",
              "Inconsistent frame tolerances",
              "Limited warranty coverage",
              "Slow after-sales support",
              "Proprietary parts difficult to service"
            ]
          }}
          positiveCard={{
            title: "BULLS Difference",
            items: [
              "Race-tested German engineering",
              "Precision tolerance quality control",
              "Lifetime frame warranty",
              "24/7 technical support & service",
              "Industry-standard parts for easy service"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-24 lg:py-32"
        />
      </div>

      <div id="metrics" data-section="metrics" className="bg-background">
        <MetricCardThree
          title="Trusted by Riders Worldwide"
          description="Our commitment to quality, innovation, and customer satisfaction speaks through these numbers."
          metrics={[
            {
              id: "riders",
              icon: Users,
              title: "Active Riders",
              value: "250,000+"
            },
            {
              id: "years",
              icon: Shield,
              title: "Years Heritage",
              value: "29"
            },
            {
              id: "countries",
              icon: Globe,
              title: "Markets",
              value: "45+"
            },
            {
              id: "warranty",
              icon: Shield,
              title: "Frame Warranty",
              value: "Lifetime"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-24 lg:py-32"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="bg-background-accent">
        <TestimonialAboutCard
          tag="Rider Stories"
          title="Real riders. Real performances. Real satisfaction."
          description="Marcus Koch"
          subdescription="Professional MTB Racer, German National Team"
          icon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943588-3acl25me.jpg"
          imageAlt="Marcus Koch professional mountain bike racer"
          useInvertedBackground="noInvert"
          containerClassName="py-24 lg:py-32"
        />
      </div>

      <div id="faq" data-section="faq" className="bg-background">
        <FaqDouble
          title="Common Questions About BULLS Bikes"
          description="Find answers to sizing, financing, warranty, shipping, and more."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "sizing",
              title: "How do I choose the right bike size?",
              content: "BULLS provides a detailed size guide based on your height and inseam length. Use our interactive size selector on each product page, or contact our support team for personalized recommendations. A properly sized bike ensures comfort, control, and peak performance."
            },
            {
              id: "financing",
              title: "What financing options are available?",
              content: "We offer flexible payment plans starting from €79/month via Klarna. No interest for qualifying purchases over €200. Apply instantly at checkout with your ID. We also support all major credit cards and bank transfers."
            },
            {
              id: "warranty",
              title: "What warranty coverage does BULLS offer?",
              content: "BULLS frames come with a lifetime warranty against manufacturing defects. Components have individual manufacturer warranties (typically 2-5 years). Labor costs for the first service are free. Extended coverage plans available for purchase."
            },
            {
              id: "shipping",
              title: "How long does delivery take?",
              content: "Standard delivery is 3-5 business days across Europe via DHL. Express shipping (1-2 days) available for €49. All bikes arrive fully assembled and tested. Free shipping on orders over €1,500."
            },
            {
              id: "returns",
              title: "What's your return policy?",
              content: "30-day full refund guarantee on all bikes. No questions asked. Simply contact our support team to arrange return shipping (prepaid label provided). You must have completed fewer than 50 km of rides."
            },
            {
              id: "service",
              title: "Where can I get my bike serviced?",
              content: "BULLS has authorized service centers in 45+ countries. Find your nearest shop on our support page. Your first service is free for the first year. We also offer mail-in service for remote areas."
            }
          ]}
          containerClassName="py-24 lg:py-32"
        />
      </div>

      <div id="contact" data-section="contact" className="bg-gradient-to-r from-primary-cta/10 to-background">
        <ContactInline
          text="Ready to ride with precision?"
          animationType="reveal-blur"
          inputPlaceholder="Enter your email"
          buttonText="Get Offers & Updates"
          useInvertedBackground="noInvert"
          containerClassName="py-20 lg:py-28"
        />
      </div>

      <div id="footer" data-section="footer" className="bg-foreground text-background">
        <FooterSocial
          logoText="BULLS"
          copyrightText="© BULLS GmbH, 1995–2025. German Engineering. Engineered for Performance."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About BULLS", href: "about" },
                { label: "Careers", href: "careers" },
                { label: "Sustainability", href: "sustainability" },
                { label: "Press", href: "press" }
              ]
            },
            {
              title: "Products",
              items: [
                { label: "All Bikes", href: "bikes" },
                { label: "Accessories", href: "accessories" },
                { label: "Components", href: "components" },
                { label: "Gear Guide", href: "gear" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Service Centers", href: "support" },
                { label: "Warranty Info", href: "warranty" },
                { label: "Size Guide", href: "sizing" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" },
                { label: "Cookie Policy", href: "cookies" },
                { label: "Returns Policy", href: "returns" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/bullsbikes",
              ariaLabel: "BULLS Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/bullsbikes",
              ariaLabel: "BULLS Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/bullsbikes",
              ariaLabel: "BULLS Twitter"
            },
            {
              icon: Youtube,
              href: "https://youtube.com/bullsbikes",
              ariaLabel: "BULLS YouTube"
            }
          ]}
          containerClassName="py-16 lg:py-20"
        />
      </div>
    </ThemeProvider>
  );
}