"use client";

import Link from "next/link";
import { MapPin } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterMedia from "@/components/sections/footer/FooterMedia";

export default function ContactPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Services", id: "/services" },
    { name: "Location", id: "location" },
    { name: "FAQ", id: "faq" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{
            text: "Book Your Session",
            href: "https://vagaro.com",
          }}
          brandName="Janjao Thai Spa"
        />
      </div>

      <div id="location" data-section="location">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "Address & Contact",
              content:
                "<strong>Janjao Thai Spa & Wellness</strong><br/>3160 Crow Canyon Rd, Suite 520<br/>San Ramon, CA 94583<br/>Phone: (925) 804-6917<br/><br/>Easy parking available at our location near Bishop Ranch.",
            },
            {
              id: "2",
              title: "Hours & Appointments",
              content:
                "We operate by appointment only to ensure you receive personalized, dedicated care. Appointments are highly recommended to guarantee availability. Walk-ins are welcome on a space-available basis.",
            },
            {
              id: "3",
              title: "What to Expect on Arrival",
              content:
                "Please arrive 10 minutes early to relax and fill out your comfort preferences form. Our calm, welcoming environment is designed to help you begin your restoration immediately. Complimentary tea and water available.",
            },
            {
              id: "4",
              title: "Cancellation Policy",
              content:
                "We require 24-hour notice for cancellations to avoid fees. This policy allows us to offer those time slots to other guests and maintain fair scheduling for all our clients.",
            },
          ]}
          ctaTitle="Visit Us in San Ramon"
          ctaDescription="Janjao Thai Spa & Wellness is conveniently located near Bishop Ranch with easy parking access. We're ready to welcome you for a restorative experience."
          ctaButton={{
            text: "Book Your Appointment Today",
            href: "https://vagaro.com",
          }}
          ctaIcon={MapPin}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/spring-background-with-yellow-tulips-candles-knitted-element_169016-51151.jpg?_wi=4"
          imageAlt="Serene spa wellness environment"
          logoText="Janjao Thai Spa & Wellness"
          copyrightText="© 2025 Janjao Thai Spa & Wellness. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Traditional Thai Massage", href: "/services" },
                { label: "Swedish Massage", href: "/services" },
                { label: "Herbal Oil Massage", href: "/services" },
                { label: "Prenatal Massage", href: "/services" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Mission", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Gift Certificates", href: "#" },
              ],
            },
            {
              title: "Connect",
              items: [
                { label: "Book Online", href: "https://vagaro.com" },
                { label: "Call Us", href: "tel:(925)804-6917" },
                { label: "Email", href: "mailto:info@janjao.local" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}