"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { CheckCircle, Shield, Zap, Award, Users, Star, Phone, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="blurBottom"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            {name: "Home", id: "hero"},
            {name: "Why Us", id: "about"},
            {name: "Services", id: "features"},
            {name: "Reviews", id: "testimonials"},
            {name: "FAQ", id: "faq"}
          ]}
          button={{text: "Book Now", href: "contact"}}
          brandName="Montana Plumbing"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Montana Plumbing Company"
          description="Over 1,000+ jobs completed. Trusted. Responsive. Thorough. Your trusted partner for reliable plumbing solutions across Montana."
          background={{ variant: "glowing-orb" }}
          kpis={[
            {value: "1,000+", label: "Jobs Completed"},
            {value: "Incredible", label: "Team Quality"},
            {value: "24/7", label: "Emergency Service"}
          ]}
          enableKpiAnimation={true}
          tag="Trusted Service Provider"
          tagIcon={CheckCircle}
          buttons={[{text: "Book Your Service Today", href: "contact"}]}
          imageSrc="http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg?_wi=1"
          imageAlt="Professional plumber working on residential plumbing"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose Us"
          tagIcon={Shield}
          title="Experienced team handling everything from emergency repairs to full system installations. No shortcuts. No guesswork. Just dependable service backed by real experience."
          description="Over 1,000 Completed Jobs"
          subdescription="Professional Plumbing Solutions Across Montana"
          icon={Wrench}
          imageSrc="http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg?_wi=2"
          imageAlt="Professional plumber repairing under sink"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Our Plumbing Services"
          description="Comprehensive solutions for residential and commercial needs. From emergency repairs to complete installations, we handle it all with precision and care."
          tag="Professional Services"
          tagIcon={Zap}
          features={[
            {
              title: "Emergency Repairs",              description: "Fast response times for burst pipes, leaks, and urgent plumbing issues. We're available 24/7 for your emergencies.",              imageSrc: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg?_wi=3",              imageAlt: "Emergency plumbing repair service"
            },
            {
              title: "System Installation",              description: "Expert installation of water heaters, boiler systems, and complete plumbing infrastructure with full warranties.",              imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg",              imageAlt: "Boiler system installation"
            },
            {
              title: "Commercial Solutions",              description: "Large-scale commercial plumbing projects with team expertise in industrial installations and commercial maintenance.",              imageSrc: "http://img.b2bpic.net/free-photo/investor-visiting-industry-40-solar-panels-plant-talking-with-engineers_482257-126172.jpg",              imageAlt: "Commercial plumbing installation"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{text: "Learn More", href: "contact"}]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Track Record"
          description="Proven excellence in plumbing services with decades of combined experience and customer satisfaction."
          tag="Our Achievements"
          tagIcon={Award}
          metrics={[
            {
              id: "1",              value: "1,000+",              title: "Jobs Completed Successfully",              items: ["Professional expertise", "Precision workmanship", "Customer satisfaction"]
            },
            {
              id: "2",              value: "99%",              title: "Customer Satisfaction Rate",              items: ["Quality service", "On-time completion", "Fair pricing"]
            },
            {
              id: "3",              value: "24/7",              title: "Emergency Response Available",              items: ["Fast response times", "Licensed professionals", "Complete solutions"]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Homeowners & Businesses"
          description="Serving the Montana community with reliable, professional plumbing solutions for over two decades."
          tag="Community Leaders"
          tagIcon={Users}
          names={["Residential Homeowners", "Commercial Properties", "Property Management Firms", "Real Estate Developers", "Government Facilities", "Healthcare Facilities", "Educational Institutions"]}
          textboxLayout="default"
          useInvertedBackground={true}
          speed={35}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jennifer Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Jennifer Martinez"
            },
            {
              id: "6",              name: "Robert Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Robert Thompson"
            }
          ]}
          cardTitle="Incredible team, responsive, and thorough in their work. We had a challenging situation and Montana Plumbing Co swooped in to get our boiler back up and running. We are thoroughly impressed."
          cardTag="See what they say"
          cardTagIcon={Star}
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our plumbing services, pricing, and emergency response."
          faqs={[
            {
              id: "1",              title: "What areas do you serve?",              content: "We serve homeowners and businesses throughout Montana with comprehensive plumbing solutions. Contact us to confirm service availability in your area."
            },
            {
              id: "2",              title: "Do you offer emergency plumbing services?",              content: "Yes! We offer 24/7 emergency plumbing services for burst pipes, major leaks, and other urgent issues. Call us anytime for immediate assistance."
            },
            {
              id: "3",              title: "Are your technicians licensed and insured?",              content: "All our plumbers are licensed professionals and fully insured. We guarantee quality workmanship and protect your property during every job."
            },
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept cash, credit cards, and checks. We also offer flexible payment options for larger projects. Ask us about financing options."
            },
            {
              id: "5",              title: "How quickly can you respond to emergencies?",              content: "We prioritize emergency calls and typically respond within 30-60 minutes during business hours. Our 24/7 team ensures quick response times, day or night."
            },
            {
              id: "6",              title: "Do you provide warranties on your work?",              content: "Yes, we stand behind our work. All repairs and installations come with workmanship guarantees. We also honor manufacturer warranties on equipment."
            }
          ]}
          textPosition="left"
          faqsAnimation="blur-reveal"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Ready to Get It Fixed?"
          tagIcon={Phone}
          title="Book Your Service Now"
          description="Emergency service available. Fast turnaround guaranteed. Get in touch with our team to schedule your plumbing service or discuss your specific needs."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg"
          imageAlt="Montana Plumbing professional service team"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Schedule Service"
          termsText="We respect your privacy. We'll only use your information to contact you about your plumbing service needs."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Montana Plumbing"
          columns={[
            {
              items: [
                {label: "Home", href: "hero"},
                {label: "Services", href: "features"},
                {label: "About", href: "about"}
              ]
            },
            {
              items: [
                {label: "Reviews", href: "testimonials"},
                {label: "FAQ", href: "faq"},
                {label: "Contact", href: "contact"}
              ]
            },
            {
              items: [
                {label: "Emergency Service", href: "#"},
                {label: "Book Now", href: "contact"},
                {label: "Service Areas", href: "#"}
              ]
            },
            {
              items: [
                {label: "Privacy Policy", href: "#"},
                {label: "Terms of Service", href: "#"},
                {label: "Licensing", href: "#"}
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}