"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofThree from '@/components/sections/socialProof/SocialProofThree';
import FaqBase from '@/components/sections/faq/FaqBase';
import TeamCardFour from '@/components/sections/team/TeamCardFour';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="large"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AutoHub"
          navItems={[
            { name: "Browse Cars", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "List Your Car", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="AutoHub"
          description="Find Your Perfect Car - Premium Selection of Quality Vehicles"
          buttons={[
            { text: "Browse Inventory", href: "products" },
            { text: "Sell Your Car", href: "contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470099958-2101yodt.jpg"
          imageAlt="Luxury car dealership showroom"
          showDimOverlay={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Inventory"
          description="Browse our carefully selected collection of premium vehicles"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              brand: "BMW",
              name: "2023 BMW M440i xDrive",
              price: "$52,900",
              rating: 5,
              reviewCount: "4.8k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470101214-pw51q8ai.jpg",
              imageAlt: "BMW M440i luxury sedan"
            },
            {
              id: "2",
              brand: "Mercedes",
              name: "2023 Mercedes-Benz GLE 580",
              price: "$78,500",
              rating: 5,
              reviewCount: "5.2k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470102469-qg7ao41o.jpg",
              imageAlt: "Mercedes-Benz GLE SUV"
            },
            {
              id: "3",
              brand: "Audi",
              name: "2022 Audi Q7 Premium Plus",
              price: "$65,200",
              rating: 4,
              reviewCount: "3.9k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470103963-nz2yq7og.jpg",
              imageAlt: "Audi Q7 luxury SUV"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="card"
          tag="Premium Selection"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Your Trusted Automotive Partner"
          description="At AutoHub, we believe every customer deserves a transparent, hassle-free car buying experience. With over 15 years in the automotive industry, we've helped thousands of buyers find their perfect vehicle. Our team of certified professionals is dedicated to matching you with a car that fits your lifestyle and budget."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470105297-ig44o6um.jpg"
          imageAlt="AutoHub professional team"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#" },
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen
          title="Browse by Category"
          description="Explore vehicles tailored to your needs"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",
              title: "Luxury Sedans",
              description: "Premium four-door vehicles for comfortable long-distance travel",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470122810-oo2pq0te.jpg",
              imageAlt: "Luxury sedan category"
            },
            {
              id: "2",
              title: "Performance SUVs",
              description: "Spacious and powerful SUVs for families and adventurers",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470123811-h8u5o9nr.jpg",
              imageAlt: "Performance SUV category"
            },
            {
              id: "3",
              title: "Sports Cars",
              description: "High-performance vehicles built for speed and thrills",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470125885-10g3fv0d.jpg",
              imageAlt: "Sports car category"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real experiences from buyers who found their perfect car"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerStyle="card"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarahj_drives",
              testimonial: "AutoHub made my car buying experience incredibly smooth. The team was transparent about everything, and I found the perfect SUV for my family. Highly recommended!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470106756-e1n7dfxb.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@mchen_automotive",
              testimonial: "Best dealership I've worked with. Fair pricing, honest negotiations, and excellent customer service. I'm back buying my second car from them!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470107854-qzbrhnab.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@emily_drives",
              testimonial: "I was nervous about buying online, but AutoHub's team guided me through every step. The vehicle arrived in perfect condition. Outstanding experience!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470108845-ad1s0hsf.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              handle: "@davidkim_tech",
              testimonial: "The selection is incredible and the financing options are flexible. No pressure, no hassle. AutoHub is the future of car buying.",
              rating: 4,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470110147-jqwh8on4.png",
              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofThree
          title="Trusted by Industry Leaders"
          description="We partner with the world's premium automotive brands"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470127187-zom093za.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470129054-jxi7owtl.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470130895-kbbm64ig.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470132762-vjjf1qhw.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470134864-zemhnx9a.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470136452-dyopvvu1.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470138253-r2qfnylq.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470139703-hxfdm0q2.jpg"
          ]
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about buying and selling vehicles"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I know if a car is in good condition?",
              content: "All our vehicles undergo a comprehensive 150-point inspection by certified technicians. We provide detailed vehicle history reports and allow pre-purchase inspections by independent mechanics."
            },
            {
              id: "2",
              title: "What financing options are available?",
              content: "We offer flexible financing through multiple partners with competitive rates. We also accept trade-ins and have various lease options available. Talk to our finance team for personalized solutions."
            },
            {
              id: "3",
              title: "Can I return a vehicle?",
              content: "We offer a 7-day money-back guarantee on all vehicles. If you're not completely satisfied, you can return it for a full refund, no questions asked."
            },
            {
              id: "4",
              title: "How long is the warranty?",
              content: "Most vehicles come with a 3-month powertrain warranty. Extended warranties up to 5 years are available for additional coverage and peace of mind."
            },
            {
              id: "5",
              title: "How do I sell my car to AutoHub?",
              content: "Visit our \"Sell Your Car\" page, enter your vehicle details, and we'll provide an instant quote. Once accepted, schedule an inspection and receive payment within 24 hours of purchase approval."
            },
            {
              id: "6",
              title: "What documents do I need to purchase?",
              content: "You'll need a valid driver's license, proof of insurance, and proof of address. If financing, additional documentation may be required by the lender. Our team will guide you through the entire process."
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFour
          title="Meet Our Expert Team"
          description="Industry professionals dedicated to your satisfaction"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          team={[
            {
              id: "1",
              name: "John Martinez",
              role: "General Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470111730-yuhejwxv.jpg"
            },
            {
              id: "2",
              name: "Lisa Anderson",
              role: "Sales Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470112877-elj508qc.jpg"
            },
            {
              id: "3",
              name: "Robert Zhang",
              role: "Finance Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470114004-pdhkhzui.jpg"
            },
            {
              id: "4",
              name: "Jessica Lee",
              role: "Senior Sales Consultant",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470115290-746v21w1.jpg"
            },
            {
              id: "5",
              name: "Marcus Thompson",
              role: "Service Advisor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470116799-vwuodysb.jpg"
            },
            {
              id: "6",
              name: "Angela Wilson",
              role: "Customer Relations",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470118753-uymswfmv.jpg"
            },
            {
              id: "7",
              name: "Carlos Gonzalez",
              role: "Inventory Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470120002-e3t65gbj.jpg"
            },
            {
              id: "8",
              name: "Patricia Davis",
              role: "Marketing Lead",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470121383-7lul06et.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Start Your Journey Today"
          description="Subscribe to our newsletter for exclusive deals, new inventory updates, and automotive tips delivered to your inbox."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Browse Cars", href: "products" },
                { label: "Sell Your Car", href: "contact" },
                { label: "Financing", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 AutoHub. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}