"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Tutorly"
          button={{
            text: "Get Started",
            href: "/contact"
          }}
        />
      </div>

      <div id="services-comparison" data-section="services-comparison">
        <FeatureCardSixteen
          title="Our Complete Service Offering"
          description="Explore the full range of tutoring services and support that sets Tutorly apart from traditional educational approaches."
          textboxLayout="default"
          animationType="slide-up"
          negativeCard={{
            items: [
              "Limited subject coverage",
              "Rigid scheduling constraints",
              "No progress tracking tools",
              "Expensive hourly rates",
              "Poor tutor-student matching"
            ]
          }}
          positiveCard={{
            items: [
              "K-12, college, and professional certifications",
              "Flexible 24/7 availability",
              "Real-time learning analytics",
              "Transparent, competitive pricing",
              "AI-powered compatibility matching"
            ]
          }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Browse Tutors", href: "/contact" },
            { text: "Learn More", href: "/about" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about getting started on Tutorly, whether you're a student looking for help or a tutor ready to inspire."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I find the right tutor on Tutorly?",
              content: "Our intelligent matching algorithm analyzes your learning goals, subject needs, schedule preferences, and learning style to suggest the best tutors. You can also browse tutor profiles, read reviews, and connect directly. We recommend reviewing 2-3 profiles before making a decision."
            },
            {
              id: "2",
              title: "What if I'm not satisfied with my tutor match?",
              content: "Your satisfaction is our priority. If you feel the match isn't working after the first session, you can switch tutors at no cost. We also offer a money-back guarantee within the first week if you're not happy with our service."
            },
            {
              id: "3",
              title: "How much do tutoring sessions cost?",
              content: "Pricing varies based on tutor expertise, subject, and session length. Most sessions range from $20-$60 per hour, with many tutors offering discounts for package bookings. You set your budget and can filter tutors accordingly. All pricing is transparent upfront."
            },
            {
              id: "4",
              title: "Can I schedule sessions at times that work for me?",
              content: "Yes! Tutorly offers 24/7 availability. You can book sessions whenever you need them, and many tutors offer flexible scheduling to accommodate school, work, and extracurricular activities. Use our calendar to find available times."
            },
            {
              id: "5",
              title: "How do I become a tutor on Tutorly?",
              content: "Simply create an account as a tutor, complete our verification process (background check, qualifications review), build your profile, and start accepting students. The process typically takes 3-5 business days. We're always looking for passionate educators!"
            },
            {
              id: "6",
              title: "What subjects and levels does Tutorly cover?",
              content: "We cover K-12, college, test prep (SAT, ACT, GRE), and professional certifications. Subjects include Math, Science, Languages, English, History, Business, Programming, and more. Browse our full tutor directory to see specific specialties."
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/online-education-homepage-e-learning-technology-concept_53876-133853.jpg"
        imageAlt="Learning community illustration"
        logoText="Tutorly"
        copyrightText="© 2025 Tutorly. All rights reserved."
        columns={[
          {
            title: "Platform",
            items: [
              { label: "For Students", href: "/" },
              { label: "For Tutors", href: "/about" },
              { label: "How It Works", href: "/services" },
              { label: "Pricing", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/contact" },
              { label: "Terms of Service", href: "/contact" },
              { label: "Safety Guidelines", href: "/contact" },
              { label: "Trust Center", href: "/contact" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}