"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Phone, MapPin, Sparkles } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Precision Pools"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Pool Installation", id: "/pool-installation" },
            { name: "Liner Replacement", id: "/liner-replacement" },
            { name: "Pool Services", id: "/pool-services" },
            { name: "Reviews", id: "/reviews" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Call (716) 563-4603",            href: "tel:+17165634603"
          }}
        />
      </div>

      <div id="contact-main" data-section="contact-main">
        <ContactCTA
          tag="Get Your Free Quote Today"
          tagIcon={Sparkles}
          title="Ready to Start Your Pool Project?"
          description="Contact Precision Pools for a free, no-obligation estimate. Whether you need installation, liner replacement, or maintenance services, our owner-led team is ready to help make your pool dreams a reality."
          buttons={[
            { text: "Call Now (716) 563-4603", href: "tel:+17165634603" },
            { text: "Text Us Your Questions", href: "sms:+17165634603" }
          ]}
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <MetricSplitMediaAbout
          tag="Contact Information"
          tagIcon={Phone}
          title="Get in Touch with Precision Pools"
          description="Located in Tonawanda, NY, we're proud to serve Western New York families with professional pool services. Call us directly for immediate assistance or to schedule your free consultation. Our owner is personally involved in every project."
          metrics={[
            { value: "Same Day", title: "Response Time" },
            { value: "Free", title: "Estimates Always" }
          ]}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/handsome-man-sitting-near-swimming-pool-with-luggage-bag-posing_23-2148221972.jpg"
          imageAlt="Contact Precision Pools for pool services"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="service-area-contact" data-section="service-area-contact">
        <MetricSplitMediaAbout
          tag="Service Areas"
          tagIcon={MapPin}
          title="Serving Western New York"
          description="Precision Pools proudly serves Tonawanda, North Tonawanda, Amherst, Buffalo, Kenmore, and surrounding Western New York communities. Our local presence means faster response times and better service for your pool needs."
          metrics={[
            { value: "51", title: "Fillmore Ave, Tonawanda" },
            { value: "WNY", title: "Regional Coverage" }
          ]}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/teenager-getting-out-from-bowl_23-2147678172.jpg"
          imageAlt="Western New York service area coverage"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <FooterLogoEmphasis
        logoText="Precision Pools"
        columns={[
          {
            items: [
              { label: "Home", href: "/" },
              { label: "Pool Installation", href: "/pool-installation" },
              { label: "Liner Replacement", href: "/liner-replacement" }
            ]
          },
          {
            items: [
              { label: "Pool Services", href: "/pool-services" },
              { label: "Reviews", href: "/reviews" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            items: [
              { label: "Tonawanda, NY 14150" },
              { label: "(716) 563-4603", href: "tel:+17165634603" },
              { label: "51 Fillmore Ave" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}