"use client";

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

export default function AboutPage() {
  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="about-main" data-section="about-main">
        <SplitAbout
          title="About Susie & Griffin Wellness Solutions"
          description="Susie has spent over 15 years building Griffin Wellness Solutions as a beacon of excellence in wellness education, therapeutic practice, and leadership development. Her approach combines clinical expertise with heart-centered compassion, creating transformational experiences for individuals and organizations across the wellness and healthcare sectors."
          tag="Founder's Journey"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Licensed Massage Therapist & Nationally Recognized Expert",
              description:
                "With NCTMB certification and specialized training in myofascial release and injury prevention, Susie brings clinical rigor to every therapeutic intervention.",
              icon: Award,
            },
            {
              title: "CE Education Pioneer",
              description:
                "As a nationally accredited provider, Susie develops and delivers continuing education that elevates professional standards across the massage therapy and wellness fields.",
              icon: Sparkles,
            },
            {
              title: "Ethics & Leadership Architect",
              description:
                "Susie leads organizations through ethical leadership training, cultural transformation, and burnout prevention programs rooted in research and lived experience.",
              icon: Compass,
            },
            {
              title: "Well-Being Advocate",
              description:
                "Through one-on-one coaching and organizational wellness programs, Susie empowers individuals to discover resilience, balance, and authentic well-being.",
              icon: Heart,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg?_wi=3"
          imageAlt="Susie leading a professional development session"
          mediaAnimation="slide-up"
          imagePosition="left"
          ariaLabel="About Susie and Griffin Wellness Solutions"
        />
      </div>

      <div id="credentials" data-section="credentials">
        <FeatureCardOne
          title="Credentials & Accreditations"
          description="Griffin Wellness Solutions maintains the highest standards of professional practice and education through rigorous accreditation, certification, and continuous professional development."
          tag="Professional Authority"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "Nationally Accredited CE Provider",
              description:
                "Accredited by massage therapy licensing boards nationwide to deliver continuing education hours that meet state and professional requirements.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/distance-learning-online-education-webpage_53876-125084.jpg?_wi=1",
              imageAlt: "Nationally accredited continuing education provider",
            },
            {
              title: "NCTMB Certified Massage Therapist",
              description:
                "Susie holds the National Certification for Therapeutic Massage & Bodywork, reflecting expertise in anatomy, physiology, and advanced therapeutic techniques.",
              imageSrc:
                "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752886.jpg",
              imageAlt: "NCTMB professional certification",
            },
            {
              title: "Ethical Leadership Training Certified",
              description:
                "Specialized certification in organizational ethics, leadership coaching, and culture transformation from accredited professional development institutes.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/distance-learning-online-education-webpage_53876-125084.jpg?_wi=2",
              imageAlt: "Ethics and leadership training certification",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          ariaLabel="Professional credentials and accreditations"
        />
      </div>

      <div id="newsletter-about" data-section="newsletter-about">
        <ContactCenter
          tag="Connect with Susie"
          title="Receive Wellness & Leadership Resources"
          description="Join our community of wellness professionals and organizational leaders who receive exclusive insights, research, and special opportunities directly from Susie and the Griffin Wellness team."
          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 about 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>
  );
}