"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import TextAbout from '@/components/sections/about/TextAbout';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function AboutPage() {
  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="about" data-section="about">
        <TextAbout
          title="Founded with a vision to create an inclusive space for wellness and transformation, Plastilin Yoga Center brings together ancient wisdom and modern understanding. Our philosophy centers on the belief that every individual has the capacity to find balance, strength, and peace through dedicated practice and mindful community connection."
          buttons={[
            { text: "View Our Classes", href: "/classes" },
            { text: "Meet Our Team", href: "#team" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Instructors"
          description="Experienced yoga teachers dedicated to your wellness journey"
          tag="Our Team"
          members={[
            {
              id: "1",
              name: "Priya Sharma",
              role: "Founder & Vinyasa Expert",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-holding-yoga-mat_23-2149832782.jpg",
              imageAlt: "Priya Sharma"
            },
            {
              id: "2",
              name: "David Chen",
              role: "Hatha Yoga Specialist",
              imageSrc: "https://img.b2bpic.net/free-photo/adorable-lovely-smiling-girl-with-long-wavy-hairstyle-black-sport-top-is-holding-arms-chest-looking-window-isolated-background_291650-2273.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "3",
              name: "Maya Patel",
              role: "Restorative Yoga Instructor",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-mat_23-2148877104.jpg",
              imageAlt: "Maya Patel"
            },
            {
              id: "4",
              name: "James Wilson",
              role: "Power Yoga Coach",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5430.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardOne
          title="Our Core Values"
          description="The principles that guide everything we do at Plastilin Yoga Center"
          tag="Philosophy"
          features={[
            {
              title: "Authentic Practice",
              description: "We honor traditional yoga teachings while adapting to modern needs and lifestyles",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-doing-meditation-nature-dawn_651396-3481.jpg",
              imageAlt: "Authentic yoga practice"
            },
            {
              title: "Inclusive Community",
              description: "Our doors are open to all bodies, backgrounds, and levels of experience",
              imageSrc: "https://img.b2bpic.net/free-photo/yoga-training-tropical-location_1163-3362.jpg",
              imageAlt: "Inclusive community"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </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>
  );
}