"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Phone, Mail, MapPin, Facebook, Twitter } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Services", id: "/services" },
  { name: "About", id: "/about" },
  { name: "Contact", id: "/contact" },
];

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="large"
      background="grid"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Dennis King"
          navItems={navItems}
          button={{ text: "Call Now", href: "tel:+441904000000" }}
        />
      </div>

      {/* Contact CTA Section */}
      <div id="contact-main" data-section="contact-main">
        <ContactCTA
          tag="Get In Touch"
          title="Contact Dennis King Electrical"
          description="Whether you need a free quotation, emergency repair, or safety inspection, our team is ready to help. Call us directly or use the form below to get started."
          buttons={[
            { text: "Call 01904 000000", href: "tel:+441904000000" },
            { text: "Email Us", href: "mailto:info@denniskingelectrical.co.uk" },
          ]}
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
        />
      </div>

      {/* Contact Information Section */}
      <div id="contact-info" data-section="contact-info">
        <SplitAbout
          tag="Contact Details"
          title="How to Reach Us"
          description="Dennis King Electrical is conveniently located in York and serves customers throughout York and the surrounding Yorkshire area. We're available for consultations, quotations, and emergency calls during business hours and 24/7 for electrical emergencies."
          bulletPoints={[
            {
              title: "Phone",              description: "Call us on 01904 000000 for immediate assistance and free quotations.",              icon: Phone,
            },
            {
              title: "Email",              description:
                "Contact us at info@denniskingelectrical.co.uk with details of your requirements.",              icon: Mail,
            },
            {
              title: "Location",              description:
                "Based in York, Yorkshire. We serve York city centre and surrounding communities.",              icon: MapPin,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg"
          imageAlt="Dennis King Electrical team ready to help"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "Back to Services", href: "/services" }]}
        />
      </div>

      {/* FAQ/Service Areas Section */}
      <div id="service-commitment" data-section="service-commitment">
        <SplitAbout
          tag="Our Commitment"
          title="Why Choose Dennis King Electrical for Your Contact"
          description="We understand that contacting an electrician is an important decision. That's why we're committed to making the process easy, transparent, and customer-focused. From your first call to project completion, we're with you every step of the way."
          bulletPoints={[
            {
              title: "Free Quotations",              description:
                "No hidden costs. We provide transparent, detailed quotations for all work before you commit.",              icon: Phone,
            },
            {
              title: "Quick Response",              description:
                "We aim to respond to all enquiries within 24 hours. For emergencies, call immediately.",              icon: Phone,
            },
            {
              title: "Professional Team",              description:
                "All our electricians are fully qualified, insured, and background-checked for your peace of mind.",              icon: Phone,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
          imageAlt="York map showing service area"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Dennis King Electrical"
          copyrightText="© 2025 Dennis King Electrical Limited. All rights reserved."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"},
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Twitter"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}