"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Instagram, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Vehicles", id: "vehicles" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Ahmad's Garage"
          bottomLeftText="Premium Used Vehicles"
          bottomRightText="info@ahmadsgarage.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Premium Used Vehicles at Unbeatable Prices"
          description="Discover BMW G63, Range Rover, and more luxury vehicles handpicked for quality and value. Ahmad's Garage brings you the best deals on premium pre-owned cars with transparent pricing and expert service."
          tag="Great Price Deals"
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          imageSrc="http://img.b2bpic.net/free-photo/black-suv-autumn-road-car-with-headlights_169016-70231.jpg?_wi=1"
          imageAlt="Premium BMW G63 showcase"
          buttons={[
            { text: "Browse Vehicles", href: "vehicles" },
            { text: "Book Test Drive" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="vehicles" data-section="vehicles">
        <ProductCardOne
          title="Featured Luxury Vehicles"
          description="Explore our handpicked collection of premium used vehicles"
          tag="Our Inventory"
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "BMW G63 AMG",              price: "$89,500",              imageSrc: "http://img.b2bpic.net/free-photo/black-suv-autumn-road-car-with-headlights_169016-70231.jpg?_wi=2",              imageAlt: "BMW G63 AMG luxury SUV"
            },
            {
              id: "2",              name: "Range Rover Sport",              price: "$76,800",              imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg",              imageAlt: "Range Rover Sport premium SUV"
            },
            {
              id: "3",              name: "BMW M440i xDrive",              price: "$58,900",              imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg",              imageAlt: "BMW M440i luxury sedan"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardThree
          title="Why Choose Ahmad's Garage?"
          description="We deliver exceptional value through quality, transparency, and expertise in premium used vehicles."
          tag="Our Advantage"
          tagAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Quality Inspection",              description: "Every vehicle undergoes rigorous multi-point inspection to ensure premium condition and reliability.",              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet_1170-1507.jpg",              imageAlt: "Vehicle quality inspection process"
            },
            {
              id: "02",              title: "Transparent Pricing",              description: "No hidden fees. Great deals on every vehicle with complete pricing breakdown upfront.",              imageSrc: "http://img.b2bpic.net/free-photo/payroll-still-life-with-cash_23-2149103936.jpg",              imageAlt: "Transparent pricing information"
            },
            {
              id: "03",              title: "Test Drive Experience",              description: "Experience the performance firsthand. Schedule your test drive with our expert team today.",              imageSrc: "http://img.b2bpic.net/free-photo/car-country-road-forest-tunnel-effect-driving-through-nature_169016-68726.jpg",              imageAlt: "Premium test drive experience"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Success in Numbers"
          description="Ahmad's Garage is trusted by thousands of satisfied customers for quality vehicles and exceptional service."
          tag="Track Record"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "2,500+",              title: "Vehicles Sold",              description: "Premium used cars delivered to happy customers",              imageSrc: "http://img.b2bpic.net/free-photo/car-headlight-couple-making-deal-with-car-dealer_651396-1187.jpg",              imageAlt: "Successful vehicle sales"
            },
            {
              id: "2",              value: "98%",              title: "Customer Satisfaction",              description: "Consistently high ratings from our valued clients",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-professional-with-tablet-meeting-table-with-satisfied-customers_74855-8866.jpg",              imageAlt: "Customer satisfaction metrics"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real stories from satisfied customers who found their perfect vehicle at Ahmad's Garage."
          tag="Customer Reviews"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Hassan Al-Mazrouei",              role: "BMW Owner",              testimonial: "Exceptional service and transparency! Found my dream BMW G63 at a price I couldn't believe. Ahmad's Garage is the real deal.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Hassan Al-Mazrouei testimonial"
            },
            {
              id: "2",              name: "Sarah Al-Mansouri",              role: "Range Rover Enthusiast",              testimonial: "Professional team, quality vehicles, and honest pricing. My Range Rover is perfect. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Sarah Al-Mansouri testimonial"
            },
            {
              id: "3",              name: "Mohammed Al-Qassimi",              role: "Luxury Car Collector",              testimonial: "Best automotive experience I've had. Great deals, reliable vehicles, and outstanding customer service throughout.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Mohammed Al-Qassimi testimonial"
            },
            {
              id: "4",              name: "Fatima Al-Hosani",              role: "First-Time Buyer",              testimonial: "They made the buying process so easy and transparent. The quality of the BMW I purchased exceeded all expectations.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "Fatima Al-Hosani testimonial"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Updated"
          title="Get Exclusive Deals & Updates"
          description="Subscribe to our newsletter for the latest vehicle arrivals, special offers, and automotive insights. Join thousands of satisfied customers."
          background={{ variant: "canvas-reveal" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms and receive updates from Ahmad's Garage."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Ahmad's Garage"
          copyrightText="© 2025 Ahmad's Garage. Premium Used Vehicles. All rights reserved."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/ahmadsgarage",              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/ahmadsgarage",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Phone,
              href: "tel:+971501234567",              ariaLabel: "Call Ahmad's Garage"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
