"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Phone } from "lucide-react";

export default function ContactPage() {
  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="contact-hero" data-section="contact-hero">
        <TextAbout
          title="Ready to begin your transformation? We're here to support you every step of the way on your yoga journey. Reach out with questions, book your first class, or simply connect with our welcoming community."
          buttons={[
            { text: "Call Us: (555) 123-YOGA", href: "tel:+15551239642" },
            { text: "Email Us", href: "mailto:info@plastilin-yoga.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact-main" data-section="contact-main">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Book your first class, ask about membership options, or learn more about our programs"
          ctaButton={{ text: "Contact Us", href: "mailto:info@plastilin-yoga.com" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How do I schedule my first class?",              content: "You can schedule your first class by calling us, emailing, or visiting our studio in person. We recommend booking a beginner-friendly class and arriving 15 minutes early for orientation."
            },
            {
              id: "2",              title: "What are your studio hours?",              content: "We're open Monday-Friday 6am-8pm, Saturday 8am-6pm, and Sunday 9am-5pm. Class schedules vary throughout the week - check our website or call for the current timetable."
            },
            {
              id: "3",              title: "Do you offer corporate wellness programs?",              content: "Yes! We provide customized corporate wellness programs including on-site classes, stress management workshops, and team building through yoga. Contact us for corporate rates and scheduling."
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our classes, membership, and studio policies"
          tag="Help Center"
          faqs={[
            {
              id: "1",              title: "Do I need prior yoga experience to join?",              content: "No! Plastilin welcomes yogis of all levels. Our beginner-friendly classes are specifically designed for those new to yoga. Our experienced instructors will guide you through proper alignment and modifications."
            },
            {
              id: "2",              title: "What should I bring to class?",              content: "We recommend bringing a yoga mat, water bottle, and comfortable clothing. We have yoga mats available for rent if needed. Wear clothes that allow freedom of movement."
            },
            {
              id: "3",              title: "Can I cancel my membership anytime?",              content: "Yes, you can cancel your membership with 7 days notice. There are no long-term contracts, and we want you to enjoy your yoga journey with us."
            },
            {
              id: "4",              title: "Do you offer private sessions?",              content: "Yes! Private one-on-one sessions are available with our Premium membership or as standalone bookings. Perfect for personalized guidance and attention."
            },
            {
              id: "5",              title: "Is there parking available?",              content: "Yes, we have ample free parking available for all members. Our studio location is easily accessible by car and public transportation."
            },
            {
              id: "6",              title: "What is your cancellation policy for classes?",              content: "You can cancel class reservations up to 12 hours before the scheduled class time without penalty. Late cancellations may be recorded as a class attended."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-woman-meditating-outdoors_72229-1500.jpg"
          imageAlt="Peaceful yoga space"
          textboxLayout="default"
          mediaPosition="left"
          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>
  );
}