"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Phone, Wrench, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="A G Plumbing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "testimonials" },
            { name: "Service Area", id: "service-area" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Bryan & College Station's Trusted Local Plumber"
          description="Fast, reliable plumbing service with fair pricing and professional workmanship. Available 24/7 for emergencies."
          tag="Local Service Leader"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Now (979) 778-8500", href: "tel:9797788500" },
            { text: "Request Service", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721525.jpg",              imageAlt: "Professional plumber fixing residential plumbing"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg",              imageAlt: "Emergency plumbing service response"
            }
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="4.8★ Rated by 60+ Happy Customers"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Comprehensive Plumbing Services"
          description="Expert solutions for all your plumbing needs—from routine maintenance to emergency repairs."
          tag="Services"
          tagIcon={Zap}
          textboxLayout="default"
          features={[
            {
              title: "Water Heater Installation",              description: "Professional installation of new water heaters with expert guidance on efficiency.",              imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg?_wi=1",              imageAlt: "Water heater installation service",              button: { text: "Learn More", href: "#contact" }
            },
            {
              title: "Water Heater Repair",              description: "Quick diagnosis and repair of failing water heaters to restore hot water fast.",              imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg?_wi=2",              imageAlt: "Water heater repair service",              button: { text: "Schedule Service", href: "#contact" }
            },
            {
              title: "Pipe Repair",              description: "Professional pipe repair and replacement for leaks, corrosion, and burst pipes.",              imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",              imageAlt: "Professional pipe repair work",              button: { text: "Get Help Now", href: "#contact" }
            },
            {
              title: "Leak Detection",              description: "Advanced leak detection to find hidden leaks before they cause major damage.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459200.jpg",              imageAlt: "Professional leak detection service",              button: { text: "Request Detection", href: "#contact" }
            },
            {
              title: "Drain Cleaning",              description: "Professional drain cleaning and unclogging using advanced techniques and equipment.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg",              imageAlt: "Professional drain cleaning service",              button: { text: "Clear Your Drain", href: "#contact" }
            },
            {
              title: "Emergency Plumbing",              description: "24/7 emergency plumbing response for urgent issues—we arrive quickly and fix it right.",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-t-shirt-cap-talking-mobile-phone-looking-hesitant_176474-16836.jpg",              imageAlt: "Emergency plumbing service response",              button: { text: "Emergency Call", href: "tel:9797788500" }
            },
            {
              title: "Plumbing Repairs",              description: "Complete repair services for all plumbing fixtures and systems in your home.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg?_wi=1",              imageAlt: "Professional plumbing repairs",              button: { text: "Schedule Repair", href: "#contact" }
            },
            {
              title: "Plumbing Installations",              description: "Professional installation of new plumbing fixtures and complete system upgrades.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg?_wi=2",              imageAlt: "Professional plumbing installation",              button: { text: "Get Installed", href: "#contact" }
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Why Choose A G Plumbing?" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Call (979) 778-8500", href: "tel:9797788500" },
            { text: "Request Service", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Trusted by Local Community"
          description="Proven track record of excellence in Bryan and College Station"
          tag="Results"
          textboxLayout="default"
          metrics={[
            { id: "1", value: "4.8★", description: "Customer Rating from 60+ Reviews" },
            { id: "2", value: "24/7", description: "Available for Emergency Service" },
            { id: "3", value: "Fair", description: "Honest Upfront Pricing" },
            { id: "4", value: "Fast", description: "Quick Response Times" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Excellent service with a very quick response time. They were professional, fair with pricing, and most importantly provided great customer service. Highly recommended!"
          rating={5}
          author="Sarah Johnson, Bryan TX"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/courier-sitting-near-boxes_23-2147787767.jpg", alt: "Customer testimonial avatar 1" },
            { src: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg", alt: "Customer testimonial avatar 2" },
            { src: "http://img.b2bpic.net/free-photo/blonde-woman-is-pointing-up-looking-up-white-background_176474-114771.jpg", alt: "Customer testimonial avatar 3" },
            { src: "http://img.b2bpic.net/free-photo/showing-smile_1098-16413.jpg", alt: "Customer testimonial avatar 4" },
            { src: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg", alt: "Customer testimonial avatar 5" },
            { src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384798.jpg", alt: "Customer testimonial avatar 6" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="service-area" data-section="service-area">
        <SocialProofOne
          title="Serving Bryan, College Station & Surrounding Areas"
          description="Trusted local plumber serving the greater Bryan-College Station area with professional service."
          tag="Service Area"
          textboxLayout="default"
          names={[
            "Bryan, Texas",            "College Station, Texas",            "Kurten, Texas",            "Benchley, Texas",            "Wixon Valley, Texas",            "Local Emergency Service"
          ]}
          useInvertedBackground={true}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Need a Plumber Today?"
          description="Call now for fast service from a trusted local professional. Available 24/7 for emergencies."
          tagIcon={Phone}
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Request Service"
          termsText="We respect your privacy. We'll contact you only about your service request."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Water Heater Service", href: "#services" },
                { label: "Pipe Repair", href: "#services" },
                { label: "Drain Cleaning", href: "#services" },
                { label: "Emergency Plumbing", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#why-us" },
                { label: "Service Area", href: "#service-area" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (979) 778-8500", href: "tel:9797788500" },
                { label: "233 Marino Rd, Bryan, TX 77808", href: "#" },
                { label: "Available 24/7 for Emergencies", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 A G Plumbing. All rights reserved. Local Plumber Serving Bryan & College Station, Texas."
        />
      </div>
    </ThemeProvider>
  );
}