"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 driveways to decorative finishes, we handle every aspect of your project with professional expertise."
          tag="Services"
          tagIcon={Hammer}
          accordionItems={[
            {
              id: "driveways",              title: "Driveway Installation & Replacement",              content: "Expert driveway installation and replacement 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: "patios",              title: "Patio Construction",              content: "Custom patio designs for outdoor living spaces. We create durable, attractive patios perfect for entertaining and relaxing with family and friends."},
            {
              id: "sidewalks",              title: "Sidewalk Installation",              content: "Professional sidewalk construction for residential and commercial properties. Safe, durable walkways built to code and designed to last."},
            {
              id: "foundations",              title: "Concrete Foundations",              content: "Residential and commercial concrete foundations engineered for strength and durability. Expert finishing for structural integrity and longevity."},
            {
              id: "garage-slabs",              title: "Garage Slabs",              content: "Heavy-duty garage floor slabs designed to withstand vehicle weight and regular use. Professional installation with durable finishes."},
            {
              id: "stamped-concrete",              title: "Stamped Concrete",              content: "Decorative stamped concrete for driveways, patios, and walkways. Custom patterns and colors to enhance your property's curb appeal."},
            {
              id: "sealing",              title: "Concrete Sealing",              content: "Professional concrete sealing service to protect and extend the life of your surfaces. Prevents staining, weathering, and deterioration."},
            {
              id: "cleaning",              title: "Concrete Cleaning",              content: "Professional pressure washing and cleaning to restore concrete surfaces to like-new condition. Removes dirt, algae, and stains."},
            {
              id: "removal",              title: "Concrete Removal",              content: "Expert removal of existing concrete surfaces with proper disposal. Safe and efficient removal for new installations or demolition projects."},
            {
              id: "demo",              title: "Demolition Services",              content: "Complete demolition services for concrete structures. Professional debris removal and site cleanup."},
            {
              id: "colored-concrete",              title: "Colored Concrete",              content: "Custom colored concrete finishes for decorative and functional applications. Wide range of colors to match your design preferences."},
            {
              id: "imprinted-concrete",              title: "Imprinted Concrete",              content: "High-end imprinted concrete patterns and textures. Creates elegant surfaces that mimic stone, brick, or custom designs."},
            {
              id: "retaining-walls",              title: "Retaining Walls",              content: "Structural retaining walls for landscaping and erosion control. Built to code with proper drainage and lasting durability."},
            {
              id: "seawalls",              title: "Seawalls",              content: "Specialized seawall construction for waterfront properties. Engineered to withstand water pressure and weather conditions."},
            {
              id: "pool-decks",              title: "Pool Decks",              content: "Custom pool deck construction with slip-resistant finishes. Beautiful and safe concrete surrounds for your swimming pool."},
            {
              id: "resurfacing",              title: "Resurfacing & Restoration",              content: "Resurface and restore damaged or worn concrete surfaces. Expert finishing to extend the life of existing concrete."},
            {
              id: "epoxy",              title: "Epoxy Coatings",              content: "High-performance epoxy coatings for garage floors, warehouses, and commercial spaces. Durable, attractive, and easy to maintain."},
            {
              id: "overlays",              title: "Concrete Overlays",              content: "Concrete overlay systems to resurface and refinish existing concrete. New look without complete replacement."},
            {
              id: "countertops",              title: "Concrete Countertops",              content: "Custom concrete countertops for kitchens and bathrooms. New installations or decorative overlays on existing counters."},
            {
              id: "dirt-work",              title: "Dirt Work & Land Clearing",              content: "Full-service site preparation including excavation, grading, compaction, drainage solutions, and land clearing. We analyze soil conditions, plan proper drainage, and prepare your site correctly. Proper preparation ensures long-lasting results."}
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg?_wi=3"
          imageAlt="Professional concrete services"
          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: "patios-service",              name: "Patio Construction",              price: "Custom Pricing",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg?_wi=2",              imageAlt: "Patio construction"},
            {
              id: "sidewalks-service",              name: "Sidewalk Installation",              price: "Starting from $600",              imageSrc: "http://img.b2bpic.net/free-photo/path-passing-through-grass_1252-1048.jpg?_wi=2",              imageAlt: "Sidewalk installation"},
            {
              id: "foundations-service",              name: "Concrete Foundations",              price: "Starting from $2,000",              imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-981.jpg?_wi=3",              imageAlt: "Concrete foundation work"},
            {
              id: "garage-slabs-service",              name: "Garage Slabs",              price: "Starting from $1,500",              imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14472.jpg?_wi=2",              imageAlt: "Garage floor slab"},
            {
              id: "stamped-service",              name: "Stamped Concrete",              price: "Starting from $1,800",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg?_wi=2",              imageAlt: "Stamped concrete design"},
            {
              id: "sealing-service",              name: "Concrete Sealing",              price: "Custom Pricing",              imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg?_wi=2",              imageAlt: "Concrete sealing service"},
            {
              id: "cleaning-service",              name: "Concrete Cleaning",              price: "Starting from $400",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg?_wi=5",              imageAlt: "Professional concrete cleaning"},
            {
              id: "removal-service",              name: "Concrete Removal",              price: "Starting from $500",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg?_wi=3",              imageAlt: "Concrete removal"},
            {
              id: "demo-service",              name: "Demolition Services",              price: "Custom Pricing",              imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-981.jpg?_wi=4",              imageAlt: "Demolition services"},
            {
              id: "colored-service",              name: "Colored Concrete",              price: "Starting from $1,500",              imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14472.jpg?_wi=3",              imageAlt: "Colored concrete finish"},
            {
              id: "imprinted-service",              name: "Imprinted Concrete",              price: "Starting from $2,000",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg?_wi=3",              imageAlt: "Imprinted concrete patterns"},
            {
              id: "retaining-walls-service",              name: "Retaining Walls",              price: "Starting from $1,200",              imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg?_wi=3",              imageAlt: "Retaining wall construction"},
            {
              id: "seawalls-service",              name: "Seawalls",              price: "Custom Pricing",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg?_wi=6",              imageAlt: "Seawall construction"},
            {
              id: "pool-decks-service",              name: "Pool Decks",              price: "Starting from $1,600",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg?_wi=4",              imageAlt: "Pool deck installation"},
            {
              id: "resurfacing-service",              name: "Resurfacing & Restoration",              price: "Custom Pricing",              imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-981.jpg?_wi=5",              imageAlt: "Concrete resurfacing"},
            {
              id: "epoxy-service",              name: "Epoxy Coatings",              price: "Starting from $800",              imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14472.jpg?_wi=4",              imageAlt: "Epoxy floor coating"},
            {
              id: "overlays-service",              name: "Concrete Overlays",              price: "Starting from $1,100",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-backhoe-working-construction-site_640221-302.jpg?_wi=4",              imageAlt: "Concrete overlay"},
            {
              id: "countertops-service",              name: "Concrete Countertops",              price: "Custom Pricing",              imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg?_wi=4",              imageAlt: "Custom concrete countertops"},
            {
              id: "dirt-work-service",              name: "Dirt Work & Land Clearing",              price: "Starting from $800",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg?_wi=7",              imageAlt: "Dirt work and land clearing"},
          ]}
          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>
  );
}
