"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { BookOpen, Sparkles, Users, Award } from "lucide-react";

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Tutorly"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Sign In", href: "/signin" }}
          className="z-50"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Simple, Transparent Pricing"
          description="Choose the plan that works best for you. Cancel anytime."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "student-starter",
              badge: "Student Starter",
              badgeIcon: BookOpen,
              price: "Free",
              subtitle: "Perfect for exploring tutoring",
              buttons: [
                { text: "Get Started", href: "/signup?role=student" },
                { text: "Learn More", href: "#pricing" }
              ],
              features: [
                "Browse tutor profiles",
                "Message with tutors",
                "Schedule up to 5 free trial sessions",
                "Basic progress tracking"
              ]
            },
            {
              id: "student-pro",
              badge: "Student Pro",
              badgeIcon: Sparkles,
              price: "$19.99/mo",
              subtitle: "Best for serious learners",
              buttons: [
                { text: "Start Free Trial", href: "/signup?role=student&plan=pro" },
                { text: "Chat to Sales", href: "mailto:sales@tutorly.com" }
              ],
              features: [
                "Unlimited sessions",
                "Priority tutor matching",
                "Advanced progress analytics",
                "Homework review tools",
                "24/7 support"
              ]
            },
            {
              id: "tutor-basic",
              badge: "Tutor Basic",
              badgeIcon: Users,
              price: "Free",
              subtitle: "Start teaching today",
              buttons: [
                { text: "Create Profile", href: "/signup?role=tutor" },
                { text: "Explore Features", href: "#pricing" }
              ],
              features: [
                "Create detailed profile",
                "Set your hourly rate",
                "Manage your calendar",
                "Video call capability",
                "Student reviews"
              ]
            },
            {
              id: "tutor-pro",
              badge: "Tutor Pro",
              badgeIcon: Award,
              price: "$9.99/mo",
              subtitle: "Grow your tutoring business",
              buttons: [
                { text: "Upgrade to Pro", href: "/signup?role=tutor&plan=pro" },
                { text: "Talk to Us", href: "mailto:tutors@tutorly.com" }
              ],
              features: [
                "All Basic features",
                "Premium visibility boost",
                "Advanced scheduling",
                "Payment analytics",
                "Marketing tools"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about Tutorly"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "How do students find the right tutor?",
              content: "Students can browse tutor profiles filtered by subject, expertise level, teaching style, and hourly rate. Each tutor profile includes qualifications, student reviews, and sample availability. You can message tutors before booking to ensure compatibility."
            },
            {
              id: "2",
              title: "Is Tutorly secure for online sessions?",
              content: "Yes! Tutorly uses enterprise-grade encryption for all video sessions and data transmission. Video calls are peer-to-peer and not recorded without consent. All payment information is processed through secure, PCI-compliant gateways."
            },
            {
              id: "3",
              title: "What subjects do tutors cover?",
              content: "Tutors on Tutorly specialize in everything from K-12 subjects (math, English, science, history) to advanced topics (AP/IB prep, college coursework, professional certifications). You can search by specific subject or skill."
            },
            {
              id: "4",
              title: "Can I reschedule or cancel a session?",
              content: "Yes! You can reschedule sessions up to 24 hours in advance with no penalty. Cancellations made 24+ hours before a session are fully refunded. Cancellations within 24 hours may be subject to fees."
            },
            {
              id: "5",
              title: "How are tutors vetted?",
              content: "All tutors undergo identity verification, background checks, and education verification. Additionally, they must maintain a minimum 4.5-star rating from students. We continuously monitor quality and respond to feedback."
            },
            {
              id: "6",
              title: "What happens after my free trial?",
              content: "After your free trial, you can upgrade to a paid plan or remain on the free tier with limited features. There's no auto-billing or hidden charges. You'll get a reminder before any payment is processed."
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/cheerful-teenager-tries-explain-material-younger-brother-who-sits-back-camera_273609-28612.jpg"
        imageAlt="Tutoring community"
        logoText="Tutorly"
        copyrightText="© 2025 Tutorly. All rights reserved."
        columns={[
          {
            title: "Product",
            items: [
              { label: "For Students", href: "/students" },
              { label: "For Tutors", href: "/tutors" },
              { label: "Pricing", href: "/pricing" },
              { label: "How It Works", href: "/about" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "/blog" },
              { label: "Careers", href: "/careers" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Terms of Service", href: "/terms" },
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Cookie Policy", href: "/cookies" },
              { label: "Security", href: "/security" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}