"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CheckCircle, Heart, Shield, Star, Wrench, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Top Star Auto"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:(954)842-1176" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Top Star Auto Repair"
          description="Honest auto repair you can trust in Magnolia. Fast, reliable service with fair pricing—so you can get back on the road without the stress."
          buttons={[
            { text: "Call Now", href: "tel:(954)842-1176" },
            { text: "Get a Quick Quote", href: "#contact" }
          ]}
          background={{ variant: "aurora" }}
          mediaAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138434.jpg"
          imageAlt="Top Star Auto Repair shop interior"
          frameStyle="card"
          buttonAnimation="entrance-slide"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={["5-Star Rated", "Same-Day Service", "Fair Pricing", "Expert Diagnostics", "Professional Team", "Transparent Service", "Local Trusted"]}
          title="Trusted by Magnolia"
          description="5-Star rated. Same-day service available. Honest pricing guaranteed."
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Complete Auto Repair Services"
          description="From routine maintenance to major repairs, we handle it all with honesty and expertise."
          tag="Full-Service"
          tagIcon={Wrench}
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Oil Changes & Preventative Maintenance",              description: "Keep your vehicle running smoothly and avoid costly repairs down the road.",              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car_1170-1670.jpg",              imageAlt: "Oil change service"
            },
            {
              id: 2,
              title: "Brake Service",              description: "Safe, reliable braking with quality parts and expert care for peace of mind.",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-working-as-mechanic-autoservice-fixing-car_7502-4422.jpg",              imageAlt: "Brake service"
            },
            {
              id: 3,
              title: "Diagnostics",              description: "Accurate troubleshooting so you fix the problem right the first time.",              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-cooperating-with-coworker-while-doing-car-diagnostic-repair-shop_637285-4275.jpg",              imageAlt: "Diagnostic scan"
            },
            {
              id: 4,
              title: "General Auto Repair",              description: "From minor fixes to major repairs—we've got you covered with quality work.",              imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-car-shop-together_23-2150377021.jpg",              imageAlt: "General auto repair"
            }
          ]}
          tagAnimation="blur-reveal"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardOne
          title="Why Choose Top Star Auto Repair"
          description="We built our reputation on honesty, reliability, and putting customers first."
          tag="Our Promise"
          tagIcon={Shield}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "Honest",              title: "Transparent Pricing",              description: "No surprises. Just fair prices and honest recommendations.",              icon: CheckCircle
            },
            {
              id: "2",              value: "Reliable",              title: "Quality Diagnostics",              description: "We fix problems right, not just mask them.",              icon: Wrench
            },
            {
              id: "3",              value: "Fast",              title: "Quick Turnaround",              description: "Same-day service when you need us most.",              icon: Zap
            },
            {
              id: "4",              value: "Friendly",              title: "Professional Service",              description: "Expert care paired with genuine customer respect.",              icon: Heart
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Real Reviews from Real Customers"
          description="See why Magnolia trusts us for their auto repair needs."
          tag="Customer Stories"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah M.",              date: "Recent Customer",              title: "Verified Customer",              quote: "Excellent work. Very good people. Fair prices. 100% recommend.",              tag: "5-Star",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-glasses_23-2148514897.jpg",              avatarAlt: "Sarah M."
            },
            {
              id: "2",              name: "Michael R.",              date: "Local Guide",              title: "Verified Guide",              quote: "Preventive maintenance, oil changes, brake service—you're never going to go wrong. Honest people and reliable diagnostics.",              tag: "5-Star",              avatarSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-with-glasses_23-2147989567.jpg",              avatarAlt: "Michael R."
            },
            {
              id: "3",              name: "Jennifer L.",              date: "Local Customer",              title: "Verified Customer",              quote: "Great job at a great price! He even got me in the same day.",              tag: "5-Star",              avatarSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1947.jpg",              avatarAlt: "Jennifer L."
            },
            {
              id: "4",              name: "David K.",              date: "Verified Visitor",              title: "Regular Customer",              quote: "Professional, fair pricing, and they stand behind their work. My go-to shop in Magnolia.",              tag: "5-Star",              avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-70576.jpg",              avatarAlt: "David K."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Need Reliable Auto Repair?\n\nGet honest service, fair pricing, and fast turnaround—all in one place.\n\n📍 27822 Dobbin-Huffsmith Rd Unit 179, Magnolia, TX\n📞 (954) 842-1176\n\nOpen · Closes 6 PM"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Call Now", href: "tel:(954)842-1176" },
            { text: "Get Directions", href: "https://maps.google.com/?q=27822+Dobbin-Huffsmith+Rd+Unit+179,+Magnolia,+TX" }
          ]}
          animationType="entrance-slide"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Top Star Auto Repair"
          copyrightText="© 2025 Top Star Auto Repair. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Oil Changes", href: "#services" },
                { label: "Brake Service", href: "#services" },
                { label: "Diagnostics", href: "#services" },
                { label: "General Repair", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#why-us" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
                { label: "Location", href: "https://maps.google.com/?q=27822+Dobbin-Huffsmith+Rd+Unit+179,+Magnolia,+TX" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (954) 842-1176", href: "tel:(954)842-1176" },
                { label: "Email Us", href: "mailto:info@topstarauto.com" },
                { label: "Hours: Open - 6 PM", href: "#" },
                { label: "Same-Day Service", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}