"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Wrench, Shield, Clock, CheckCircle, DollarSign, Award, Users, TrendingUp, MessageCircle, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Podium Garage Doors"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Schedule Service", id: "cta" },
          ]}
          bottomLeftText="Available 24/7"
          bottomRightText="(555) 123-4567"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Garage Doors Fixed Fast, Right the First Time"
          description="Expert repair, installation, and maintenance for residential and commercial doors. Same-day service available. Trusted by homeowners and businesses throughout the region."
          tag="24/7 Emergency Service"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Schedule Your Service Today", href: "#contact" },
            { text: "Call Now: (555) 123-4567", onClick: () => window.location.href = 'tel:+15551234567' },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          carouselItems={[
            { id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance-with-windows_23-2149301046.jpg", imageAlt: "Professional garage door installation" },
            { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17657.jpg", imageAlt: "Expert garage door repair service" },
            { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283219.jpg", imageAlt: "New garage door installation" },
            { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", imageAlt: "Garage door maintenance service" },
            { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347150.jpg", imageAlt: "Commercial garage door solutions" },
            { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance-with-windows_23-2149301046.jpg", imageAlt: "Quality garage door services" },
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Core Services"
          description="Complete garage door solutions for residential and commercial properties"
          tag="What We Offer"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Emergency Repair & Maintenance",              tags: ["24/7 Available", "Same-Day Service"],
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17657.jpg",              imageAlt: "Emergency repair service"},
            {
              id: "2",              title: "New Door Installation",              tags: ["Expert Installation", "Quality Materials"],
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283219.jpg",              imageAlt: "New installation service"},
            {
              id: "3",              title: "Preventative Maintenance",              tags: ["Regular Service", "Extended Life"],
              imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",              imageAlt: "Maintenance service"},
            {
              id: "4",              title: "Commercial Solutions",              tags: ["Large Scale", "Commercial Grade"],
              imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347150.jpg",              imageAlt: "Commercial garage door"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose Podium Garage Doors"
          description="We've been serving the community with reliable, professional garage door services for years. Our commitment to excellence, transparent pricing, and customer satisfaction sets us apart."
          tag="Local Trusted Experts"
          tagIcon={Shield}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Same-Day Service",              description: "We understand emergencies. Most requests handled within hours of your call.",              icon: Clock,
            },
            {
              title: "Expert Technicians",              description: "Fully trained, certified professionals with years of hands-on experience.",              icon: CheckCircle,
            },
            {
              title: "Transparent Pricing",              description: "No hidden fees. We provide upfront quotes before any work begins.",              icon: DollarSign,
            },
            {
              title: "Warranty Coverage",              description: "All repairs and installations backed by our comprehensive warranty.",              icon: Award,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/japanese-house-entrance-with-windows_23-2149301046.jpg"
          imageAlt="Podium Garage Doors team"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More About Us", href: "#services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Our track record speaks for itself"
          tag="Our Impact"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            { id: "1", icon: Users, title: "Happy Customers", value: "5,000+" },
            { id: "2", icon: Zap, title: "Same-Day Services", value: "95%" },
            { id: "3", icon: Award, title: "Customer Rating", value: "4.9★" },
            { id: "4", icon: Clock, title: "Avg Response Time", value: "1 Hour" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real feedback from homeowners and businesses we've served"
          tag="Testimonials"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Maple Street Residence",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Sarah Mitchell"},
            {
              id: "2",              name: "James Rodriguez",              role: "Property Manager",              company: "Harbor Point Apartments",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "James Rodriguez"},
            {
              id: "3",              name: "Emily Chen",              role: "Small Business Owner",              company: "Downtown Auto Shop",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",              imageAlt: "Emily Chen"},
            {
              id: "4",              name: "David Thompson",              role: "Homeowner",              company: "Oak Ridge Community",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageAlt: "David Thompson"},
            {
              id: "5",              name: "Lisa Anderson",              role: "Commercial Manager",              company: "Shopping Center Management",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Lisa Anderson"},
            {
              id: "6",              name: "Michael Johnson",              role: "Homeowner",              company: "Sunrise Neighborhoods",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Michael Johnson"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Schedule Your Garage Door Service?"
          description="Contact us today for a free consultation. Our team is ready to help you with emergency repairs, new installations, or regular maintenance. Available 24/7 for your convenience."
          buttons={[
            { text: "Schedule Service", href: "#" },
            { text: "Call (555) 123-4567", onClick: () => window.location.href = 'tel:+15551234567' },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Podium Garage Doors"
          copyrightText="© 2025 Podium Garage Doors. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Emergency Repair", href: "#services" },
                { label: "New Installation", href: "#services" },
                { label: "Maintenance Plans", href: "#services" },
                { label: "Commercial Solutions", href: "#services" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
                { label: "Schedule Service", href: "#contact" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
                { label: "Available 24/7", href: "#" },
                { label: "Email Support", href: "mailto:info@podiumgaragedoors.com" },
                { label: "Emergency Line", href: "tel:+15551234567" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
