"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterMedia from "@/components/sections/footer/FooterMedia";

export default function AboutPage() {
  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="about-main" data-section="about-main">
        <TextSplitAbout
          title="Our Story & Mission"
          description={[
            "Janjao Thai Spa & Wellness was founded on a passion for bringing authentic Thai healing traditions to San Ramon. We believe that true wellness comes from honoring ancient practices while embracing modern therapeutic science.",
            "Our mission is simple: to create a sanctuary where every guest experiences genuine restoration, professional expertise, and the transformative power of authentic Thai massage. We're committed to training our therapists in traditional techniques and maintaining the highest standards of care.",
            "Every detail of our spa reflects our dedication to your wellness journey—from our serene treatment suites to our selection of premium herbal oils and our personalized approach to each session.",
          ]}
          buttons={[
            {
              text: "Book Your Experience",
              href: "https://vagaro.com",
            },
          ]}
          showBorder={true}
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="credentials" data-section="credentials">
        <MetricCardSeven
          title="Our Commitment to Excellence"
          description="Over a decade of dedicated service with therapists trained in authentic Thai and therapeutic techniques."
          metrics={[
            {
              id: "1",
              value: "10+",
              title: "Years of Experience",
              items: [
                "Therapists trained in traditional Thai techniques",
                "Certified in multiple massage modalities",
                "Commitment to continuous professional development",
              ],
            },
            {
              id: "2",
              value: "1000+",
              title: "Satisfied Guests",
              items: [
                "95% client return rate",
                "Professional referrals from wellness coaches",
                "Five-star reviews and testimonials",
              ],
            },
            {
              id: "3",
              value: "100%",
              title: "Authentic Practice",
              items: [
                "Traditional Thai healing methods honored",
                "Premium herbal oils and botanical blends",
                "Personalized wellness approach",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardFive
          title="Why Our Guests Trust Us"
          description="Hear directly from wellness professionals and long-term clients who've experienced our commitment to authentic care."
          tag="Professional Recognition"
          testimonials={[
            {
              id: "1",
              name: "Dr. Amanda Foster, Wellness Physician",
              date: "Date: 20 February 2025",
              title: "Recommended to all my patients",
              quote:
                "I recommend Janjao to patients seeking therapeutic massage. Their approach combines science-based therapeutic principles with authentic traditional techniques. The results speak for themselves.",
              tag: "Medical Professional",
              avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-smiling-woman-with-book-reading-cafe-enjoying-morning-breakfast-coffee_1258-199215.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-smiling-woman-with-book-reading-cafe-enjoying-morning-breakfast-coffee_1258-199215.jpg?_wi=2",
            },
            {
              id: "2",
              name: "Marcus Johnson, Fitness Trainer",
              date: "Date: 18 February 2025",
              title: "Essential for my clients' recovery",
              quote:
                "My athletic clients benefit tremendously from the Thai massage and recovery protocols at Janjao. The therapists understand sports injuries and provide targeted relief that complements training.",
              tag: "Fitness Professional",
              avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-back-massage-while-spending-day-beauty-spa_637285-7424.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-back-massage-while-spending-day-beauty-spa_637285-7424.jpg?_wi=2",
            },
            {
              id: "3",
              name: "Linda Chen, Corporate Wellness Director",
              date: "Date: 14 February 2025",
              title: "Perfect partner for employee wellness",
              quote:
                "We partner with Janjao for our corporate wellness program. Employees consistently rate their services as transformative for stress reduction and mental clarity.",
              tag: "Corporate Partner",
              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg?_wi=2",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </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=2"
          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>
  );
}