"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { Mail, Heart, Phone } from "lucide-react";

export default function ContactPage() {
  const navItems = [
    { name: "About", id: "about" },
    { name: "Services", id: "services" },
    { name: "CE Courses", id: "ce-courses" },
    { name: "Leadership", id: "leadership" },
  ];

  const footerColumns = [
    {
      title: "Services",
      items: [
        { label: "Massage Therapy", href: "/services" },
        { label: "CE Courses", href: "/ce-courses" },
        { label: "Leadership Programs", href: "/leadership" },
        { label: "Well-Being Coaching", href: "/services" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Susie", href: "/about" },
        { label: "Our Mission", href: "/about" },
        { label: "Credentials", href: "/about" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Resources",
      items: [
        { label: "Blog & Insights", href: "#" },
        { label: "CE Course Calendar", href: "/ce-courses" },
        { label: "Corporate Packages", href: "/leadership" },
        { label: "FAQs", href: "#" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Code of Ethics", href: "#" },
        { label: "Accessibility", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="grid"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Griffin Wellness"
          navItems={navItems}
          button={{
            text: "Book Now",
            href: "https://griffinwellness.acuityscheduling.com",
          }}
          animateOnLoad={true}
          className="bg-white/80 backdrop-blur-md shadow-sm"
          navItemClassName="text-foreground hover:text-primary-cta transition-colors"
          buttonClassName="bg-primary-cta hover:bg-opacity-90 text-white"
          buttonTextClassName="font-medium"
        />
      </div>

      <div id="contact-main" data-section="contact-main">
        <ContactCenter
          tag="Get In Touch"
          title="Connect with Griffin Wellness Solutions"
          description="Ready to book a session, enroll in a course, or discuss a custom program for your organization? We're here to help. Submit your information below, and Susie's team will respond within 24 hours."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Send Message"
          termsText="We respect your privacy and will only use your information to respond to your inquiry."
          ariaLabel="Contact form for Griffin Wellness Solutions"
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <SplitAbout
          title="Multiple Ways to Connect"
          description="Whether you prefer email, phone, or our online scheduling system, we've made it easy to reach Susie and the Griffin Wellness team."
          tag="Contact Methods"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          bulletPoints={[
            {
              title: "Easy Online Booking",
              description:
                "Schedule appointments directly through our Acuity scheduling system available 24/7 at griffinwellness.acuityscheduling.com.",
              icon: Phone,
            },
            {
              title: "Email Us",
              description:
                "Send detailed questions or service inquiries to contact@griffinwellness.com. We respond within 24 business hours.",
              icon: Mail,
            },
            {
              title: "Organization-Specific Inquiries",
              description:
                "For corporate programs and customized solutions, reach out via the form above or call for a consultation.",
              icon: Heart,
            },
            {
              title: "Newsletter Subscription",
              description:
                "Join our community to receive regular wellness insights, course updates, and exclusive offers from Griffin Wellness.",
              icon: Mail,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg?_wi=5"
          imageAlt="Contact and scheduling information"
          mediaAnimation="slide-up"
          imagePosition="right"
          ariaLabel="Contact information and multiple ways to connect"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2025 Griffin Wellness Solutions. All rights reserved."
          bottomRightText="Founded by Susie | Nationally Accredited Provider"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}