"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterMedia from "@/components/sections/footer/FooterMedia";

export default function ServicesPage() {
  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="services-detail" data-section="services-detail">
        <FeatureCardTwentyFour
          title="Our Complete Service Menu"
          description="Discover our full range of therapeutic services, each designed to address specific wellness needs and support your journey to better health and relaxation."
          features={[
            {
              id: "1",
              title: "Traditional Thai Massage",
              author: "60-120 min sessions",
              description:
                "Deep stretching, acupressure, and rhythmic compression to improve flexibility and relieve tension. Perfect for stiffness, athletes, and chronic tightness. This ancient practice restores energy flow and releases blocked tension.",
              tags: ["Starting at $92", "Signature Service"],
              imageSrc: "http://img.b2bpic.net/free-photo/deep-thumb-massage-calf-spa-trigger-release_169016-69390.jpg",
              imageAlt: "Traditional Thai massage technique",
            },
            {
              id: "2",
              title: "Swedish Serenity Massage",
              author: "60-120 min sessions",
              description:
                "Gentle flowing strokes to reduce stress and promote total relaxation. Ideal for stress relief and first-time clients seeking a calming experience. Perfect for building awareness of body tension and establishing a foundation for wellness.",
              tags: ["Starting at $92", "Relaxation Focus"],
              imageSrc: "http://img.b2bpic.net/free-photo/female-getting-professional-massage-beauty-spa-salon_181624-54510.jpg",
              imageAlt: "Swedish massage therapy session",
            },
            {
              id: "3",
              title: "Herbal Oil Blend Massage",
              author: "60-120 min sessions",
              description:
                "Warm botanical oils combined with therapeutic techniques for muscle recovery and relaxation. Best for muscle soreness and full-body renewal. Our proprietary herbal blends enhance the healing benefits of therapeutic touch.",
              tags: ["Starting at $97", "Botanical Healing"],
              imageSrc: "http://img.b2bpic.net/free-photo/healthy-drink-organic-blue-pea-flower-tea-with-lemon-lime_1150-25465.jpg",
              imageAlt: "Herbal oil massage with botanical ingredients",
            },
            {
              id: "4",
              title: "Prenatal Massage Therapy",
              author: "60 min sessions",
              description:
                "Specially designed gentle massage for expecting mothers after the first trimester. Supports comfort during pregnancy, reduces tension, and promotes relaxation for both mother and baby. Our therapists are trained in safe pregnancy positioning.",
              tags: ["Starting at $95", "Specialized Care"],
              imageSrc: "http://img.b2bpic.net/free-photo/female-getting-professional-massage-beauty-spa-salon_181624-54510.jpg",
              imageAlt: "Prenatal massage therapy care",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            {
              text: "Book Your Session",
              href: "https://vagaro.com",
            },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="service-benefits" data-section="service-benefits">
        <MetricCardSeven
          title="Benefits of Regular Massage"
          description="Understand how consistent therapeutic care supports your long-term wellness and health goals."
          metrics={[
            {
              id: "1",
              value: "Pain",
              title: "Reduced Tension & Pain",
              items: [
                "Releases muscular tension and knots",
                "Improves circulation and flexibility",
                "Supports recovery from physical activity",
              ],
            },
            {
              id: "2",
              value: "Stress",
              title: "Lower Stress Levels",
              items: [
                "Promotes relaxation and mental clarity",
                "Reduces anxiety and supports emotional balance",
                "Improves sleep quality and duration",
              ],
            },
            {
              id: "3",
              value: "Flow",
              title: "Enhanced Energy Flow",
              items: [
                "Restores natural body energy pathways",
                "Improves overall vitality and wellness",
                "Supports immune system function",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services-faq" data-section="services-faq">
        <FaqBase
          title="Services Questions"
          description="Find answers about our services, pricing, and booking options."
          tag="Help & Support"
          faqs={[
            {
              id: "1",
              title: "What should I wear to my massage appointment?",
              content:
                "Wear comfortable clothing to your appointment. For Thai massage, loose-fitting attire works best. You'll change into comfortable spa attire in our private suites. For other massages, casual clothing is fine—just wear something you can comfortably undress from.",
            },
            {
              id: "2",
              title: "How long do sessions typically last?",
              content:
                "Our services range from 60 to 120 minutes depending on your needs. Thai massage often benefits from the full 90-120 minute session to allow complete stretching and pressure point work. Swedish and herbal massage can be effective in 60 minutes for first-time clients, with longer sessions for deeper work.",
            },
            {
              id: "3",
              title: "Are there any health conditions I should tell you about?",
              content:
                "Yes, please inform our therapists about any injuries, chronic pain, pregnancies, or health conditions. This helps us customize your session and ensure safe, therapeutic care. Our intake form covers this, and you can discuss preferences directly with your therapist.",
            },
            {
              id: "4",
              title: "How often should I get a massage?",
              content:
                "Regular massage clients typically benefit from monthly sessions for maintenance. For specific issues like athletic recovery or chronic tension, bi-weekly or weekly sessions may be recommended. Our therapists can suggest an optimal schedule based on your goals.",
            },
            {
              id: "5",
              title: "Can I combine different massage types in one session?",
              content:
                "Yes! We can customize sessions to combine techniques. For example, starting with Swedish massage for relaxation and transitioning to acupressure points. Discuss your preferences with our therapists when booking or arriving.",
            },
            {
              id: "6",
              title: "Is tipping included in the price?",
              content:
                "Pricing shown is for the service itself. Gratuity is appreciated and customary (15-20% for exceptional service). Cash and card tips are both accepted. Thank you for supporting our dedicated therapist team!",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="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"
          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: "#location" },
                { 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>
  );
}