"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Phone } from "lucide-react";

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Plastilin"
          button={{
            text: "Book a Class",            href: "/contact"
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Membership Options"
          description="Find the perfect membership plan that supports your yoga journey and fits your lifestyle"
          tag="Pricing"
          plans={[
            {
              id: "beginner",              title: "Starter",              price: "$29",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/silhouette-beautiful-woman-practicing-yoga-surfboard-sunrise_176420-2020.jpg",              imageAlt: "Beginner yoga membership",              button: { text: "Start Free Trial", href: "/contact" },
              features: [
                "4 group classes per month",                "Access to online resources",                "Community forum access",                "Beginner workshops",                "Cancel anytime"
              ]
            },
            {
              id: "intermediate",              title: "Active",              price: "$59",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-sunset-beach-woman-doing-yoga-performing-asanas-enjoying-life-river_639032-2796.jpg",              imageAlt: "Active yoga membership",              button: { text: "Join Now", href: "/contact" },
              features: [
                "Unlimited group classes",                "Priority class booking",                "Monthly specialty workshops",                "Member exclusive events",                "Personalized progress tracking",                "Guest passes (2 per month)"
              ]
            },
            {
              id: "premium",              title: "Premium",              price: "$149",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-sitting-outdoors_23-2148897883.jpg",              imageAlt: "Premium yoga membership",              button: { text: "Get Premium Access", href: "/contact" },
              features: [
                "Everything in Active plan",                "2 private sessions per month",                "One-on-one personalized coaching",                "All workshops and events",                "Nutrition consultation",                "24/7 member support",                "Unlimited guest passes"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial-pricing" data-section="testimonial-pricing">
        <TestimonialCardFifteen
          testimonial="The Active membership has been perfect for me. Unlimited classes mean I can come whenever my schedule allows, and the community events have introduced me to wonderful people who share my passion for wellness."
          rating={5}
          author="Alex Rodriguez, Software Engineer"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              alt: "Alex Rodriguez"
            },
            {
              src: "https://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg",              alt: "Member testimonial"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-against-colored-background_23-2147890569.jpg",              alt: "Member testimonial"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="membership-faq" data-section="membership-faq">
        <ContactFaq
          ctaTitle="Questions About Membership?"
          ctaDescription="We're here to help you choose the right plan and get started on your yoga journey"
          ctaButton={{ text: "Talk to Our Team", href: "mailto:info@plastilin-yoga.com" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "Can I upgrade or downgrade my membership?",              content: "Yes! You can change your membership level at any time. Upgrades take effect immediately, while downgrades will apply at your next billing cycle. Contact us to make changes."
            },
            {
              id: "2",              title: "What happens if I need to pause my membership?",              content: "Life happens! You can freeze your membership for up to 3 months per year for medical reasons, travel, or other circumstances. Just give us 48 hours notice."
            },
            {
              id: "3",              title: "Are there any additional fees or commitments?",              content: "No hidden fees! All memberships are month-to-month with no long-term contracts. The only additional costs would be optional workshops or retail items in our studio."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Navigate",            items: [
              { label: "Home", href: "/" },
              { label: "Classes", href: "/classes" },
              { label: "About", href: "/about" },
              { label: "Pricing", href: "/pricing" }
            ]
          },
          {
            title: "Community",            items: [
              { label: "Meet Our Team", href: "/#team" },
              { label: "Member Stories", href: "/#testimonials" },
              { label: "Events", href: "/contact" },
              { label: "Wellness Blog", href: "#" }
            ]
          },
          {
            title: "Support",            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "FAQ", href: "/#faq" },
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Plastilin Yoga Center. All rights reserved."
        bottomRightText="Namaste"
      />
    </ThemeProvider>
  );
}