"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Wrench, Clock, CheckCircle, Flame, Shield, Zap, Building2, DollarSign, Phone, Mail, MapPin } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Reviews", id: "/reviews" },
    { name: "Gallery", id: "/gallery" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Dynamite Plumbing"
          navItems={navItems}
        />
      </div>

      <div id="services-hero" data-section="services-hero">
        <MediaAbout
          title="Professional Plumbing Services"
          description="From emergency repairs to preventative maintenance, Dynamite Plumbing offers comprehensive solutions for all your plumbing needs. With 15+ years of experience and a team of licensed professionals, we're committed to quality workmanship and customer satisfaction."
          tag="All Services Available 24/7"
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=2"
          imageAlt="team plumber professional worker"
          buttons={[{ text: "Schedule Service", href: "/contact" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services-detailed" data-section="services-detailed">
        <FeatureBento
          title="Our Complete Service Range"
          description="We provide professional solutions for residential and commercial plumbing challenges throughout Hunt County."
          tag="Expert Plumbing Solutions"
          tagAnimation="slide-up"
          features={[
            {
              title: "Emergency Plumbing Repairs",              description: "24/7 emergency service for burst pipes, gas leaks, and urgent issues with guaranteed 30-minute response time.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Wrench, label: "Quick Diagnosis", value: "Expert" },
                { icon: Clock, label: "Fast Response", value: "30 min" },
                { icon: CheckCircle, label: "Guaranteed", value: "100%" },
              ],
            },
            {
              title: "New Installation & Upgrades",              description: "Professional installation of water heaters, fixtures, and complete plumbing systems. Code-compliant work you can trust.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Zap, label: "Modern Systems", value: "Latest" },
                { icon: Shield, label: "Code Compliant", value: "Certified" },
                { icon: Flame, label: "Quality", value: "Premium" },
              ],
            },
            {
              title: "Maintenance & Preventative Care",              description: "Regular maintenance packages to keep your plumbing system running smoothly and prevent costly repairs.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Building2, label: "Regular Care", value: "Scheduled" },
                { icon: DollarSign, label: "Cost Savings", value: "Prevent" },
                { icon: CheckCircle, label: "Reliability", value: "100%" },
              ],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[{ text: "Get Free Estimate", href: "/contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Dynamite Plumbing"
          copyrightText="© 2025 Dynamite Plumbing of Texas. All rights reserved."
          socialLinks={[
            { icon: Phone, href: "tel:469-410-2657", ariaLabel: "Call us" },
            { icon: Mail, href: "mailto:contact@dynamiteplumbing.com", ariaLabel: "Email us" },
            { icon: MapPin, href: "#", ariaLabel: "Visit us" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}