"use client";

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

export default function CECoursesPage() {
  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="ce-courses-overview" data-section="ce-courses-overview">
        <FeatureCardOne
          title="Nationally Accredited Live Online CE Courses"
          description="Professional development courses designed for licensed massage therapists, wellness practitioners, coaches, and healthcare professionals seeking continuing education credits and advanced clinical skills."
          tag="Accredited Education"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Advanced Myofascial Release Techniques",
              description:
                "Deepen your clinical skills in myofascial assessment and treatment. Learn advanced techniques for addressing chronic pain, postural dysfunction, and movement limitations.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/deep-back-massage-spa-double-touch-care_169016-69849.jpg?_wi=4",
              imageAlt: "Advanced myofascial release training",
              button: {
                text: "Learn More",
                href: "/ce-courses",
              },
            },
            {
              title: "Ethical Leadership in Wellness Practice",
              description:
                "Explore ethical frameworks, professional boundaries, and leadership excellence. Ideal for practice owners, clinic managers, and emerging leaders in the wellness industry.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg?_wi=5",
              imageAlt: "Ethical leadership course",
              button: {
                text: "Explore Course",
                href: "/ce-courses",
              },
            },
            {
              title: "Injury Prevention & Rehabilitation Strategies",
              description:
                "Clinical course covering assessment protocols, treatment planning, and evidence-based rehabilitation strategies for common injuries in athletic and occupational settings.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-freelance-worker-holding-education-training-class-laptop-from-home_637285-6051.jpg?_wi=2",
              imageAlt: "Injury prevention and rehabilitation",
              button: {
                text: "Register Now",
                href: "https://griffinwellness.acuityscheduling.com",
              },
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          ariaLabel="Nationally accredited CE courses"
        />
      </div>

      <div id="course-plans" data-section="course-plans">
        <PricingCardNine
          title="Available CE Courses"
          description="Choose from our current offering of live online, nationally accredited continuing education programs. All courses include video recordings, resource materials, and practitioner community access."
          tag="Register Today"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          plans={[
            {
              id: "myofascial-master",
              title: "Myofascial Release Masterclass",
              price: "$299",
              period: "/course",
              imageSrc:
                "http://img.b2bpic.net/free-photo/deep-back-massage-spa-double-touch-care_169016-69849.jpg?_wi=5",
              imageAlt: "Myofascial release masterclass",
              features: [
                "6-week live online program",
                "CE credit hours included",
                "Recorded sessions access",
                "Practitioner community forum",
                "Unlimited Q&A support",
              ],
              button: {
                text: "Register Now",
                href: "https://griffinwellness.acuityscheduling.com",
              },
            },
            {
              id: "ethics-leadership",
              title: "Ethics in Practice Leadership",
              price: "$349",
              period: "/course",
              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg?_wi=6",
              imageAlt: "Ethics and leadership training",
              features: [
                "8-week comprehensive curriculum",
                "Nationally recognized certification",
                "Case study analysis sessions",
                "Peer mentoring included",
                "Career advancement resources",
              ],
              button: {
                text: "Enroll Today",
                href: "https://griffinwellness.acuityscheduling.com",
              },
            },
            {
              id: "injury-prevention",
              title: "Injury Prevention & Rehab Bootcamp",
              price: "$329",
              period: "/course",
              imageSrc:
                "http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg?_wi=4",
              imageAlt: "Injury prevention and rehabilitation program",
              features: [
                "7-week intensive program",
                "Clinical assessment protocols",
                "Case study analysis sessions",
                "Resource library included",
                "One-on-one mentoring session",
              ],
              button: {
                text: "Join Now",
                href: "https://griffinwellness.acuityscheduling.com",
              },
            },
          ]}
        />
      </div>

      <div id="newsletter-ce" data-section="newsletter-ce">
        <ContactCenter
          tag="Course Updates"
          title="Stay Updated on New CE Offerings"
          description="Subscribe to receive announcements about new courses, early registration discounts, and exclusive educational content for wellness professionals."
          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 CE courses 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>
  );
}