"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Facebook, Instagram, Phone, Shield, Star, Wrench, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Merrill Axle & Wheel"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Elite Automotive Service"
          bottomRightText="Fast, Honest, Expert"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Elite Axle & Wheel Service for Performance Vehicles"
          description="Fast, honest, and expert automotive service specializing in axle repair, wheel alignment, and suspension work. We welcome lowered vehicles and performance-focused owners who demand the best."
          tag="Premium Automotive Service"
          tagIcon={Wrench}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14047.jpg"
          imageAlt="Modern automotive service facility with precision wheel alignment equipment"
          buttons={[
            { text: "Book Service Now", href: "#contact" },
            { text: "Learn About Services", href: "#services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Services"
          description="Comprehensive automotive solutions for daily drivers, performance enthusiasts, and lowered vehicle owners"
          tag="What We Offer"
          tagIcon={Zap}
          features={[
            {
              id: "01",              title: "Axle Repair & Service",              description: "Expert axle repair and maintenance to ensure optimal performance and longevity. We handle all axle types with precision diagnostics.",              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-examining-car-tyre-using-flashlight_1170-1592.jpg",              imageAlt: "Professional axle repair service"
            },
            {
              id: "02",              title: "Wheel Alignment",              description: "Precision wheel alignment using state-of-the-art equipment. Includes alignment for lowered and modified vehicles with specialized expertise.",              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1601.jpg",              imageAlt: "Modern wheel alignment diagnostic equipment"
            },
            {
              id: "03",              title: "Suspension Work",              description: "Complete suspension service and upgrades. From diagnostic to installation, we handle all suspension needs including lowered setups.",              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1604.jpg",              imageAlt: "Suspension system installation and service"
            },
            {
              id: "04",              title: "Lowered Vehicle Specialists",              description: "The only shop that says YES to lowered vehicle alignment. We specialize in service for stance and performance-modified vehicles.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg",              imageAlt: "Custom lowered vehicle with professional suspension setup"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose Us"
          tagIcon={Award}
          title="The Merrill Difference: Speed, Honesty, Expertise"
          description="Trusted by Performance Enthusiasts"
          subdescription="In and out in 30 minutes. Vehicle feels 10x better on the road."
          icon={Shield}
          imageSrc="https://img.b2bpic.net/free-vector/gradient-labor-day-labels-collection_23-2149026757.jpg"
          imageAlt="Professional automotive expertise and certification"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="I would 100% recommend to anyone! Only shop to say yes to an alignment on a lowered vehicle. I was in and out in about 30 minutes and the vehicle feels 10x better on the road. Great shop and staff!"
          cardTag="Real Customer Reviews"
          cardTagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Performance Vehicle Owner",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Customer testimonial photo"
            },
            {
              id: "2",              name: "Lowered Car Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "Customer testimonial photo"
            },
            {
              id: "3",              name: "Daily Driver Customer",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",              imageAlt: "Customer testimonial photo"
            },
            {
              id: "4",              name: "Satisfied Client",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Customer testimonial photo"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready for Expert Service?"
          ctaDescription="Book your appointment today. Experience fast, honest, and expert automotive service from the team that says YES to lowered vehicles."
          ctaButton={{ text: "Schedule Appointment", href: "tel:+1-555-0123" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "Do you service lowered vehicles?",              content: "Yes! We're the only shop that specializes in alignment for lowered vehicles. Whether your car is slammed or stance-tuned, we have the expertise and equipment to handle it perfectly."
            },
            {
              id: "2",              title: "How long does wheel alignment take?",              content: "Most wheel alignments take 30 minutes to 1 hour depending on the vehicle condition. We get you in and out fast without compromising quality."
            },
            {
              id: "3",              title: "What makes Merrill different?",              content: "Speed, honesty, and expertise. We use state-of-the-art diagnostic equipment, we don't upsell unnecessary services, and our staff truly cares about your vehicle. We're performance-focused and customer-first."
            },
            {
              id: "4",              title: "Do you handle suspension upgrades?",              content: "Absolutely. From diagnosis to installation, we handle all suspension work. Whether you're upgrading for performance or comfort, our team has the skills and experience."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Merrill Axle & Wheel"
          copyrightText="© 2025 Merrill Axle and Wheel Services Inc. | Axle Repair • Wheel Alignment • Suspension • Lowered Vehicles Welcome"
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/merrillaxlewheel",              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/merrillaxlewheel",              ariaLabel: "Follow us on Instagram"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}