"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Phone, MessageCircle, Mail } from "lucide-react";

export default function ContactPage() {
  const handleSubmit = (data: Record<string, string>) => {
    console.log("Form submitted:", data);
    // Handle form submission logic here (e.g., send to API)
    alert("Your request has been sent! We will get back to you shortly.");
  };

  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            brandName="AFLA SACHET WATER"
            navItems={[
              { name: "Services", id: "/#services" },
              { name: "Wholesale", id: "/#wholesale-pricing" },
              { name: "About", id: "/#about" },
              { name: "Testimonials", id: "/#testimonials" },
              { name: "Contact", id: "/contact" }
            ]}
            button={{ text: "WhatsApp Us", href: "https://wa.me/2341234567890" }}
            animateOnLoad={false}
          />
        </div>

        <div id="contact-details" data-section="contact-details">
          <ContactCTA
            tag="Reach Out"
            tagIcon={Phone}
            title="Connect with AFLA Sachet Water"
            description="We are available via WhatsApp, phone, or email to answer your questions and schedule service."
            buttons={[
              { text: "WhatsApp Us", href: "https://wa.me/2341234567890" },
              { text: "Call Us: +234 80 3064 8767", href: "tel:1234567890" },
              { text: "Email Us", href: "mailto:info@aflasachetwater.com" }
            ]}
            background={{ variant: "plain" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="quote-form" data-section="quote-form">
          <ContactSplitForm
            title="Place Your Order Today"
            description="Fill out the form below with your details and order requirements. We'll get back to you within 24 hours. Our main office is located at Plot 15, Waterways Ind. Estate, Lagos, Nigeria."
            inputs={[
              { name: "name", type: "text", placeholder: "Your Name", required: true },
              { name: "email", type: "email", placeholder: "Your Email", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
            ]}
            textarea={{
              name: "message",              placeholder: "Tell us about your order or inquiry",              rows: 5,
              required: true
            }}
            imageSrc="https://images.unsplash.com/photo-1549429406-be21a50c8e22?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1" 
            imageAlt="AFLA Sachet Water office location"
            mediaPosition="right"
            buttonText="Send Request"
            onSubmit={handleSubmit}
            useInvertedBackground={true}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            logoText="AFLA SACHET WATER"
            imageSrc="https://images.unsplash.com/photo-1517404177727-2c9e4726487e?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1"
            imageAlt="Clean water in a glass"
            columns={[
              {
                title: "Products",                items: [
                  { label: "Sachet Water (50cl)", href: "/#services" },
                  { label: "Bottled Water (75cl)", href: "/#services" },
                  { label: "Dispenser Water (19L)", href: "/#services" }
                ]
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "/#about" },
                  { label: "Testimonials", href: "/#testimonials" },
                  { label: "FAQ", href: "/#faq" },
                  { label: "Contact", href: "/contact" }
                ]
              },
              {
                title: "Contact",                items: [
                  { label: "(123) 456-7890", href: "tel:1234567890" },
                  { label: "info@aflasachetwater.com", href: "mailto:info@aflasachetwater.com" },
                  { label: "Plot 15, Waterways Ind. Estate, Lagos, Nigeria", href: "https://maps.google.com/?q=Plot 15, Waterways Industrial Estate, Lagos, Nigeria" },
                  { label: "WhatsApp", href: "https://wa.me/2341234567890" }
                ]
              }
            ]}
            copyrightText="© 2026 | AFLA SACHET WATER. NAFDAC Reg. No. A1-00123456L. All Rights Reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}