"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import TagAbout from '@/components/sections/about/TagAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="largeSmall"
      background="plain"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "home" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Reviews", id: "reviews" }
          ]}
          brandName="Bulls Bikes"
          bottomLeftText="Mountain Bike Excellence"
          bottomRightText="hello@bullsbikes.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit 
          title="Unleash Your Potential on Every Trail"
          description="Experience the pinnacle of mountain bike engineering with Bulls Bikes. Built for speed, endurance, and pure riding joy across any terrain."
          tag="Performance Mountain Bikes"
          tagIcon={Zap}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981332-o291f5g8.jpg"
          imageAlt="Mountain bike on challenging terrain"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout 
          tag="Our Mission"
          description="We are driven by an unrelenting commitment to creating the world's finest mountain bikes. Every frame is engineered for performance, durability, and the pure joy of riding. Whether you're conquering alpine peaks or exploring local trails, Bulls Bikes delivers the precision and reliability you demand."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSix 
          title="Our Mountain Bike Collection"
          description="Six exceptional models engineered for every rider and every trail. Choose your perfect match."
          products={[
            {
              id: "1",
              name: "Trail Crusher Pro",
              price: "$2,499",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg",
              imageAlt: "Trail Crusher Pro mountain bike"
            },
            {
              id: "2",
              name: "Enduro Beast XL",
              price: "$3,199",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635315868-hzjnllu4.jpg",
              imageAlt: "Enduro Beast XL mountain bike"
            },
            {
              id: "3",
              name: "XC Racer Elite",
              price: "$2,099",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999758-rsh5ksx2.jpg",
              imageAlt: "XC Racer Elite cross country bike"
            },
            {
              id: "4",
              name: "All-Mountain Master",
              price: "$2,799",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548953993-s8siw7gl.jpg",
              imageAlt: "All-Mountain Master versatile bike"
            },
            {
              id: "5",
              name: "Hardtail Climber",
              price: "$1,799",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549067043-wmz3o717.jpg",
              imageAlt: "Hardtail Climber efficient mountain bike"
            },
            {
              id: "6",
              name: "Gravity King DH",
              price: "$3,599",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981332-o291f5g8.jpg",
              imageAlt: "Gravity King DH downhill bike"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          cardNameClassName="text-white"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen 
          title="What Riders Say"
          description="Join thousands of satisfied mountain bike enthusiasts who trust Bulls Bikes for their adventures."
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              handle: "@trailblazer_marcus",
              testimonial: "The Trail Crusher Pro transformed my riding experience. The handling is incredible and it feels like an extension of my body on the trails.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635316621-03p4z3g1.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              handle: "@enduro_queen",
              testimonial: "I bought the Enduro Beast XL six months ago and it hasn't let me down once. Absolute beast on technical descents.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635317205-dq3x87fu.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",
              name: "David Chen",
              handle: "@xc_racer_david",
              testimonial: "As a competitive racer, the XC Racer Elite gives me the edge I need. Lightweight, responsive, and built for speed.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635317476-xaurlz9r.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "4",
              name: "Chris Williams",
              handle: "@weekend_warrior",
              testimonial: "The All-Mountain Master is perfect for riders like me who want one bike for everything. Highly recommend Bulls Bikes!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635317925-czz6w6bz.jpg",
              imageAlt: "Chris Williams"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Get in Touch"
          description="Have questions about our mountain bikes? Want to schedule a demo ride? We'd love to hear from you. Fill out the form below and our team will respond within 24 hours."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your riding style and which bike interests you most...", rows: 5, required: true }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635314961-3ve6sa23.jpg"
          imageAlt="Mountain bike rider in action"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[
            {
              title: "Products",
              items: [
                { label: "Trail Crusher Pro", href: "products" },
                { label: "Enduro Beast XL", href: "products" },
                { label: "XC Racer Elite", href: "products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Support", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Warranty", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Bulls Bikes. All rights reserved. Mountain Bike Excellence Since Day One."
        />
      </div>
    </ThemeProvider>
  );
}