"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { Hammer, Phone, MapPin, Mail } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="A & P Concrete"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Reviews", id: "/reviews" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "📞 Call (501) 762-3999", href: "tel:+15017623999" }}
        />
      </div>

      <div id="services-detail" data-section="services-detail">
        <FeatureCardTwentyOne
          title="Our Complete Service Lineup"
          description="Comprehensive concrete solutions tailored to meet every residential and commercial need. From initial site preparation to final inspection, we handle every aspect of your project with professional expertise."
          tag="Services"
          tagIcon={Hammer}
          accordionItems={[
            {
              id: "driveways",              title: "Driveway Replacement & Installation",              content: "Expert driveway replacement and new installation services. We handle removal of old surfaces, proper base preparation, and precision pouring with expert finishing. Our driveways are built to withstand Arkansas weather and heavy use for decades. Free estimates included."},
            {
              id: "slabs",              title: "Concrete Slabs & Foundations",              content: "Residential and commercial concrete slabs for every application. From garage floors to patio spaces, foundation pads to utility areas, we ensure proper reinforcement, drainage, and finishing. Perfect for durability and visual appeal in any setting."},
            {
              id: "metal-buildings",              title: "Metal Building Foundation Pads",              content: "Specialized precision-poured foundation pads designed specifically for metal building structures. We ensure exact sizing, proper drainage, and industrial-grade durability. Our metal building pads are engineered to support heavy loads and provide years of reliable service."},
            {
              id: "dirt-work",              title: "Dirt Work & Site Preparation",              content: "Full-service site preparation including excavation, grading, compaction, and drainage solutions. We analyze soil conditions, plan proper drainage, and prepare your site correctly before any concrete work begins. Proper preparation ensures long-lasting results."},
            {
              id: "asphalt",              title: "Asphalt Removal & Replacement",              content: "Complete asphalt removal with concrete replacement services. We handle careful removal, debris hauling, base preparation, and professional concrete installation. Transform your old asphalt surfaces into beautiful, durable concrete."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg?_wi=3"
          imageAlt="Professional concrete driveway installation"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
        />
      </div>

      <div id="service-gallery" data-section="service-gallery">
        <ProductCardThree
          products={[
            {
              id: "driveways-service",              name: "Driveway Installation & Replacement",              price: "Starting from $1,200",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg?_wi=4",              imageAlt: "Professional driveway installation"},
            {
              id: "slabs-service",              name: "Concrete Slabs & Foundations",              price: "Custom Pricing",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg?_wi=2",              imageAlt: "Concrete slab foundation work"},
            {
              id: "metal-building-service",              name: "Metal Building Foundation Pads",              price: "Starting from $2,500",              imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-981.jpg?_wi=3",              imageAlt: "Metal building pad construction"},
            {
              id: "dirt-work-service",              name: "Dirt Work & Site Preparation",              price: "Starting from $800",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg?_wi=2",              imageAlt: "Excavation and dirt work"},
            {
              id: "asphalt-removal",              name: "Asphalt Removal & Replacement",              price: "Starting from $1,500",              imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14472.jpg?_wi=2",              imageAlt: "Asphalt removal and replacement"},
            {
              id: "consultation",              name: "Free Consultation & Site Analysis",              price: "Complimentary",              imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg?_wi=2",              imageAlt: "Professional consultation with A & P team"},
          ]}
          title="Our Service Offerings"
          description="Professional concrete services with transparent pricing. All estimates are free and include detailed project planning."
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="service-contact" data-section="service-contact">
        <ContactText
          text="Get a free, no-obligation estimate for your concrete project. Contact A & P Concrete today."
          animationType="entrance-slide"
          buttons={[
            { text: "📞 Call (501) 762-3999", href: "tel:+15017623999" },
            { text: "Request Free Estimate", href: "/contact" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="A & P Concrete"
          copyrightText="© 2025 A & P Concrete Construction. All rights reserved."
          socialLinks={[
            { icon: Phone, href: "tel:+15017623999", ariaLabel: "Call A & P Concrete" },
            { icon: MapPin, href: "https://maps.google.com/?q=735+Rock+Creek+Rd,+Hot+Springs,+AR+71913", ariaLabel: "Visit A & P Concrete location" },
            { icon: Mail, href: "mailto:info@apconcretearkansas.com", ariaLabel: "Email A & P Concrete" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}