"use client";

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

export default function ServicesPage() {
  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="services-overview" data-section="services-overview">
        <SplitAbout
          title="Comprehensive Wellness & Professional Development Services"
          description="Griffin Wellness Solutions offers a complete spectrum of therapeutic, educational, and coaching services designed to support healing, professional growth, and organizational transformation. Each service combines clinical expertise with compassionate, client-centered care."
          tag="Full-Spectrum Wellness"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Personalized Therapeutic Protocols",
              description:
                "Every session is customized based on detailed assessment, ensuring targeted treatment for your specific needs and goals.",
              icon: Shield,
            },
            {
              title: "Evidence-Based Techniques",
              description:
                "We utilize the latest research in myofascial release, injury prevention, and therapeutic intervention to maximize effectiveness.",
              icon: Sparkles,
            },
            {
              title: "Flexible Delivery Options",
              description:
                "In-person sessions, live virtual instruction, and self-guided resources ensure accessibility for all professionals and organizations.",
              icon: Heart,
            },
            {
              title: "Holistic Support System",
              description:
                "From initial consultation through ongoing follow-up, we provide integrated support that honors your whole person journey.",
              icon: Sparkles,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/deep-back-massage-spa-double-touch-care_169016-69849.jpg?_wi=2"
          imageAlt="Professional therapeutic massage and wellness services"
          mediaAnimation="slide-up"
          imagePosition="right"
          ariaLabel="Griffin Wellness Services Overview"
        />
      </div>

      <div id="service-details" data-section="service-details">
        <FeatureCardOne
          title="Detailed Service Offerings"
          description="Explore each pillar of our service portfolio, designed to meet you where you are and support your unique wellness journey."
          tag="Core Service Areas"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "Clinical Massage Therapy & Injury Prevention",
              description:
                "Expert therapeutic massage addressing acute injuries, chronic pain, and prevention strategies. Includes structural assessment, treatment planning, and recovery support.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/deep-back-massage-spa-double-touch-care_169016-69849.jpg?_wi=3",
              imageAlt: "Clinical massage therapy services",
              button: {
                text: "Schedule Session",
                href: "https://griffinwellness.acuityscheduling.com",
              },
            },
            {
              title: "Professional Well-Being Coaching",
              description:
                "One-on-one coaching for burnout prevention, resilience building, life transitions, and sustainable wellness transformation. Available for individuals and small teams.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9663.jpg?_wi=2",
              imageAlt: "Professional well-being coaching",
              button: {
                text: "Book Consultation",
                href: "https://griffinwellness.acuityscheduling.com",
              },
            },
            {
              title: "Organizational Wellness Programs",
              description:
                "Custom wellness initiatives for corporate environments, healthcare facilities, and wellness centers. Programs address culture, stress management, and preventative health.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg?_wi=4",
              imageAlt: "Corporate wellness program",
              button: {
                text: "Inquire About Programs",
                href: "/leadership",
              },
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          ariaLabel="Detailed service offerings"
        />
      </div>

      <div id="newsletter-services" data-section="newsletter-services">
        <ContactCenter
          tag="Service Updates"
          title="Get Wellness Tips & New Service Announcements"
          description="Subscribe to receive updates on new service offerings, wellness strategies, and special promotions from Griffin Wellness Solutions."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime from our newsletter."
          ariaLabel="Newsletter signup for services page"
        />
      </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>
  );
}