"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Wrench, Award, Zap, Shield, Users, Calendar, Car, ThumbsUp, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant={"elastic-effect"}
      defaultTextAnimation={"reveal-blur"}
      borderRadius={"soft"}
      contentWidth={"medium"}
      sizing={"medium"}
      background={"circleGradient"}
      cardStyle={"elevated"}
      primaryButtonStyle={"radial-glow"}
      secondaryButtonStyle={"solid"}
      headingFontWeight={"bold"}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Blunt Automotive"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Service",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Expert Auto Repair & Maintenance Services"
          description="Professional automotive services trusted by the community. From routine maintenance to complex repairs, Blunt Automotive LLC delivers quality workmanship and exceptional customer care."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "20+", label: "Years of Experience" },
            { value: "5000+", label: "Vehicles Serviced" },
            { value: "98%", label: "Customer Satisfaction" }
          ]}
          enableKpiAnimation={true}
          tag="Professional Auto Shop"
          tagIcon={Wrench}
          buttons={[
            { text: "Book Service Now", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-auto-mechanic-using-compressor-while-maintaining-ac-unit-car-workshop_637285-4285.jpg"
          imageAlt="Professional mechanic working on vehicle"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Blunt Automotive LLC - Founded by DeShawn More with a commitment to honest, reliable automotive service and community trust"
          useInvertedBackground="noInvert"
          metrics={[
            { icon: Award, label: "Certified Technicians", value: "8+" },
            { icon: Zap, label: "Quick Turnaround", value: "Same-Day Service Available" },
            { icon: Shield, label: "Warranty Coverage", value: "100% Guaranteed" },
            { icon: Users, label: "Happy Customers", value: "5000+" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Comprehensive Auto Services"
          description="We offer a full range of professional automotive services to keep your vehicle running smoothly and safely"
          features={[
            {
              id: "1",              title: "Oil Changes & Fluid Services",              author: "Maintenance Specialist",              description: "Regular oil changes, transmission fluid, coolant, and brake fluid services to maintain optimal vehicle performance and longevity.",              tags: ["Maintenance", "Routine"],
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-auto-repairman-checking-car-oil-workshop_637285-7638.jpg",              imageAlt: "Oil change service"
            },
            {
              id: "2",              title: "Tire & Wheel Services",              author: "Service Expert",              description: "Tire replacement, rotation, balancing, and wheel alignment services. We carry quality tires from top brands.",              tags: ["Safety", "Performance"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-auto-mechanic-hand-pouring-replacing-fresh-oil-into-car-engine-auto-repair-garage-automobile-maintenance-industry-concept_1150-16579.jpg",              imageAlt: "Tire replacement service"
            },
            {
              id: "3",              title: "Brake System Repair",              author: "Safety Technician",              description: "Complete brake service including pad replacement, rotor resurfacing, and system inspections to ensure your safety on the road.",              tags: ["Safety", "Critical"],
              imageSrc: "https://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-pouring-new-motor-oil_627829-3974.jpg",              imageAlt: "Brake service"
            },
            {
              id: "4",              title: "Diagnostic & Inspection",              author: "Lead Technician",              description: "Advanced diagnostic services using state-of-the-art equipment to identify issues quickly and accurately.",              tags: ["Technology", "Accurate"],
              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg",              imageAlt: "Vehicle diagnostic service"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Why Choose Blunt Automotive"
          description="Trusted metrics that demonstrate our commitment to excellence and customer satisfaction"
          metrics={[
            {
              id: "1",              value: "20+",              title: "Years",              description: "Of professional automotive expertise and service excellence",              icon: Calendar
            },
            {
              id: "2",              value: "5000+",              title: "Vehicles",              description: "Successfully serviced and maintained by our expert team",              icon: Car
            },
            {
              id: "3",              value: "98%",              title: "Satisfaction",              description: "Customer satisfaction rate with our professional services",              icon: ThumbsUp
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Real feedback from satisfied customers who trust Blunt Automotive for their vehicle needs"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              handle: "Local Business Owner",              testimonial: "DeShawn and his team have been taking care of my fleet for 5 years. Professional, honest, and always fair pricing. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              name: "Sarah Williams",              handle: "@sarah_w",              testimonial: "Best auto shop in town. They found an issue my previous mechanic missed and fixed it right. Great customer service!",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Sarah Williams"
            },
            {
              id: "3",              name: "David Chen",              handle: "Community Member",              testimonial: "I trust Blunt Automotive completely. They explain everything in detail and never try to upsell unnecessary services.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "David Chen"
            },
            {
              id: "4",              name: "Angela Martinez",              handle: "Regular Customer",              testimonial: "Fast service, honest pricing, and quality work. DeShawn really cares about his customers and their vehicles.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageAlt: "Angela Martinez"
            },
            {
              id: "5",              name: "Robert Taylor",              handle: "Fleet Manager",              testimonial: "Professional team. We've brought all our company vehicles here and never had an issue. Reliable and efficient.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Robert Taylor"
            },
            {
              id: "6",              name: "Lisa Anderson",              handle: "@lisa_auto_care",              testimonial: "Finally found a mechanic I can trust! Blunt Automotive always delivers quality work on schedule.",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Lisa Anderson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          tagIcon={Phone}
          title="Book Your Service Today"
          description="Schedule an appointment with Blunt Automotive LLC. We're here to keep your vehicle running smoothly with professional, honest service."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="By booking a service, you agree to our service terms. We'll contact you within 24 hours to confirm your appointment."
          imageSrc="https://img.b2bpic.net/free-photo/young-auto-mechanic-using-compressor-while-maintaining-ac-unit-car-workshop_637285-4285.jpg"
          imageAlt="Professional auto service"
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Blunt Automotive"
          columns={[
            {
              items: [
                { label: "Services", href: "services" },
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Book Service", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              items: [
                { label: "Phone", href: "#" },
                { label: "Email", href: "mailto:info@bluntautomotive.com" },
                { label: "Location", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}