"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import MediaSplitAbout from "@/components/sections/about/MediaSplitAbout";
import FeatureCardEleven from "@/components/sections/feature/FeatureCardEleven";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import ProductCardSix from "@/components/sections/product/ProductCardSix";
import TestimonialCardNine from "@/components/sections/testimonial/TestimonialCardNine";
import TeamCardSeven from "@/components/sections/team/TeamCardSeven";
import ContactInline from "@/components/sections/contact/ContactInline";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, CheckCircle, Star, Award, Facebook, Instagram, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Prestige Motors"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Exceptional Vehicles"
          description="Explore our curated collection of luxury and performance automobiles. Expert service, transparent pricing, and premium quality guaranteed."
          tag="Premium Selection"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694466801-385e6tey.jpg"
          imageAlt="Featured luxury vehicle"
          frameStyle="card"
          buttons={[
            {
              text: "Browse Inventory",
              href: "#products"
            },
            {
              text: "Schedule Test Drive",
              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Decades of Automotive Excellence"
          description="Since 1995, Prestige Motors has been the trusted destination for discerning buyers seeking premium vehicles. We combine expert knowledge, transparent practices, and exceptional customer service to deliver an unmatched automotive experience. Every vehicle in our inventory is carefully selected, thoroughly inspected, and backed by our comprehensive warranty program."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694467991-g32chvyv.jpg"
          imageAlt="Prestige Motors showroom"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn Our Story",
              href: "#"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEleven
          title="Our Process"
          description="From selection to delivery, we ensure every step of your automotive journey exceeds expectations."
          tag="How It Works"
          tagIcon={CheckCircle}
          features={[
            {
              id: 1,
              title: "Vehicle Inspection",
              description: "Every vehicle undergoes a comprehensive 150-point inspection by certified technicians. We verify mechanical condition, service history, and authenticity. Our transparent reporting ensures you know exactly what you're purchasing.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694468744-6jfmljrh.jpg",
              imageAlt: "Professional vehicle inspection"
            },
            {
              id: 2,
              title: "Flexible Financing",
              description: "We partner with premier financial institutions to offer competitive rates and flexible terms. Our financing specialists work with you to find solutions that fit your budget and lifestyle.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694473606-w4gvy7nj.jpg",
              imageAlt: "Financing options consultation"
            },
            {
              id: 3,
              title: "Seamless Delivery",
              description: "Once you've found your perfect vehicle, we handle the paperwork and delivery logistics. Drive away in your new car with confidence and a full manufacturer warranty.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694469491-r5o87rph.jpg",
              imageAlt: "Happy customer with new vehicle"
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="feature-card-six" data-section="feature-card-six">
        <FeatureCardSix
          title="Why Choose Prestige Motors"
          description="Experience excellence through our core values and commitment to automotive perfection."
          tag="Our Advantages"
          tagIcon={Star}
          features={[
            {
              id: 1,
              title: "Expert Curation",
              description: "Hand-selected vehicles from top manufacturers worldwide.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694470287-qpqhv04a.jpg",
              imageAlt: "Expert vehicle selection"
            },
            {
              id: 2,
              title: "Transparent Pricing",
              description: "No hidden fees. Clear, competitive pricing you can trust.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694471300-mvk1sg4v.jpg",
              imageAlt: "Transparent pricing"
            },
            {
              id: 3,
              title: "Comprehensive Warranty",
              description: "Full warranty coverage on all vehicles for complete peace of mind.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694472245-w9ytvkdy.jpg",
              imageAlt: "Warranty coverage"
            },
            {
              id: 4,
              title: "Expert Support",
              description: "Dedicated team of automotive specialists ready to assist.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694470287-qpqhv04a.jpg",
              imageAlt: "Expert support team"
            }
          ]}
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSix
          title="Featured Inventory"
          description="Handpicked luxury vehicles from the world's most prestigious manufacturers."
          tag="In Stock Now"
          tagIcon={Star}
          products={[
            {
              id: "1",
              name: "2023 Luxury Sedan",
              price: "$85,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694470287-qpqhv04a.jpg",
              imageAlt: "2023 Luxury Sedan"
            },
            {
              id: "2",
              name: "2024 Premium SUV",
              price: "$110,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694471300-mvk1sg4v.jpg",
              imageAlt: "2024 Premium SUV"
            },
            {
              id: "3",
              name: "2023 Sports Car",
              price: "$125,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694472245-w9ytvkdy.jpg",
              imageAlt: "2023 Sports Car"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Trusted by Satisfied Customers"
          description="See why discerning buyers choose Prestige Motors for their automotive needs."
          tag="Customer Reviews"
          tagIcon={Award}
          testimonials={[
            {
              id: "1",
              quote: "Prestige Motors provided an exceptional experience from start to finish. The vehicle selection, transparent pricing, and professional service set them apart. I've already recommended them to friends.",
              name: "Michael Richardson",
              role: "Business Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694474713-oykta922.jpg",
              imageAlt: "Michael Richardson"
            },
            {
              id: "2",
              quote: "After visiting multiple dealerships, Prestige Motors stood out for their honesty and expertise. The team patiently answered all my questions and found the perfect vehicle for my needs.",
              name: "Sarah Martinez",
              role: "Entrepreneur",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604849994-1mbwek9v.jpg",
              imageAlt: "Sarah Martinez"
            },
            {
              id: "3",
              quote: "I was impressed by the condition of every vehicle and the thoroughness of their inspections. The financing process was smooth and the team made me feel valued as a customer.",
              name: "James Chen",
              role: "Finance Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694475275-ciwykctk.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "4",
              quote: "Outstanding service before and after purchase. The warranty coverage gave me complete peace of mind, and their customer support team is genuinely helpful. Highly recommended!",
              name: "Jennifer Walsh",
              role: "Healthcare Professional",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694475958-2enk25sw.jpg",
              imageAlt: "Jennifer Walsh"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSeven
          title="Trusted by Over 5,000 Happy Customers"
          team={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694476784-mtgty1da.jpg",
              imageAlt: "Team member one"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694477515-ky14f42b.jpg",
              imageAlt: "Team member two"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694478116-12t7rqb8.jpg",
              imageAlt: "Team member three"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694478734-4rcytkpf.jpg",
              imageAlt: "Team member four"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694480004-xh2c8fpl.jpg",
              imageAlt: "Team member five"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to drive excellence? Get in touch with our sales team today."
          animationType="entrance-slide"
          inputPlaceholder="Enter your email"
          buttonText="Get in Touch"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Prestige Motors"
          copyrightText="© 2025 Prestige Motors. All rights reserved. Premium automotive excellence since 1995."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/prestigemotors",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/prestigemotors",
              ariaLabel: "Instagram"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/prestigemotors",
              ariaLabel: "LinkedIn"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}