"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { LogIn } from "lucide-react";

export default function ContactPage() {
  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: "Pricing", id: "/pricing" }
          ]}
          button={{ text: "Sign In", href: "/signin" }}
          className="z-50"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to get started?"
          ctaDescription="Join Tutorly today and connect with expert tutors or eager learners. Sign up in minutes and start your journey."
          ctaButton={{ text: "Sign Up Now", href: "/signup" }}
          ctaIcon={LogIn}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "Do you offer group tutoring sessions?",
              content: "Currently, Tutorly focuses on one-on-one tutoring for maximum personalization. However, we're exploring group session features for the future. Sign up to stay updated!"
            },
            {
              id: "2",
              title: "What is the refund policy?",
              content: "Students can request a refund for their first session if they're not satisfied. For ongoing sessions, we offer session credits if you're unhappy with your tutor match. Review our full refund policy in the Terms of Service."
            },
            {
              id: "3",
              title: "Can tutors set their own schedules?",
              content: "Absolutely! Tutors have complete control over their availability. You can set working hours, block off time, and auto-decline requests outside your preferred schedule."
            },
            {
              id: "4",
              title: "Is there a minimum number of sessions to book?",
              content: "No! You can book a single session or commit to regular weekly tutoring. Many students start with one session to test compatibility, then establish a recurring schedule."
            }
          ]}
        />
      </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>
  );
}