"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";

export default function FaqPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="radialGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BogCoder"
          navItems={[
            { name: "Courses", id: "courses" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Enroll Now",            href: "/contact"
          }}
        />
      </div>

      <div id="faq" data-section="faq" className="pt-20">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about our programs, curriculum, and enrollment process."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Do I need prior coding experience to enroll?",              content: "No! Our Starter and Fundamentals courses are designed for complete beginners. We start from the basics and progress at a manageable pace. However, if you have prior experience, we offer advanced tracks to match your skill level."
            },
            {
              id: "2",              title: "What is the course duration and time commitment?",              content: "Most courses are 12-16 weeks long with a recommended commitment of 20-30 hours per week. We offer flexible scheduling with both evening and weekend classes. Self-paced options are also available for certain courses."
            },
            {
              id: "3",              title: "Will I receive a recognized certification?",              content: "Yes, all graduates receive BogCoder Certification recognized by industry partners. Many employers specifically seek our graduates. We also prepare you for industry certifications like AWS and Google Cloud Professional certificates."
            },
            {
              id: "4",              title: "What is your job placement rate?",              content: "Our Professional and Enterprise students have a 92% job placement rate within 6 months of graduation. We provide career coaching, interview preparation, and direct connections with hiring partners."
            },
            {
              id: "5",              title: "Do you offer payment plans or financing?",              content: "Yes! We offer flexible payment plans, income-share agreements (ISA), and partnerships with financial institutions for education loans. Contact our admissions team to discuss options that work for your situation."
            },
            {
              id: "6",              title: "Is there a money-back guarantee?",              content: "We offer a 7-day satisfaction guarantee. If you're not satisfied with the course in the first week, we'll provide a full refund. After that, we're confident you'll see the value in your education."
            },
            {
              id: "7",              title: "Can I switch between courses or programs?",              content: "Absolutely! We allow students to switch programs or combine courses based on their evolving goals. Our mentors will help you find the right path forward."
            },
            {
              id: "8",              title: "What is the student-to-instructor ratio?",              content: "We maintain an average ratio of 8:1 to ensure personalized attention. Our smaller class sizes allow for meaningful interactions and better support for each student."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="BogCoder"
          columns={[
            {
              items: [
                { label: "Courses", href: "/courses" },
                { label: "Pricing", href: "/pricing" },
                { label: "Career Support", href: "#" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              items: [
                { label: "FAQ", href: "/faq" },
                { label: "Contact", href: "/contact" },
                { label: "Support", href: "#" }
              ]
            },
            {
              items: [
                { label: "Terms of Service", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Refund Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
