"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Phone } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="TechAcademy"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Courses", id: "/courses" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Enroll Now",            href: "/pricing"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Let's Start Your Tech Journey"
          ctaDescription="Connect with our education specialists for personalized guidance on course selection, career paths, and enrollment options."
          ctaIcon={Phone}
          ctaButton={{
            text: "Schedule Your Consultation",            href: "#"
          }}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I choose the right course?",              content: "Our enrollment specialists will assess your background, career goals, and schedule to recommend the perfect learning path. Book a free consultation to get started."
            },
            {
              id: "2",              title: "What support is available during courses?",              content: "All students receive access to instructor office hours, peer forums, and technical support. Professional plan members get priority access to live mentoring sessions."
            },
            {
              id: "3",              title: "Do you offer corporate training?",              content: "Yes! Our Enterprise solutions include custom curriculum development, team training programs, and dedicated account management for organizations of all sizes."
            },
            {
              id: "4",              title: "Can I get a demo or trial?",              content: "Absolutely! We offer free course previews and can arrange detailed demos of our learning platform. Contact us to schedule your personalized tour."
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Support & Contact Information"
          description="Find answers to common questions about enrollment, technical support, and getting the most from your TechAcademy experience"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What are your support hours?",              content: "Our support team is available Monday-Friday 9 AM to 6 PM EST. Professional and Enterprise customers receive priority support with faster response times."
            },
            {
              id: "2",              title: "How can I contact an instructor directly?",              content: "Professional plan members can schedule one-on-one sessions with instructors. All students can participate in weekly office hours and ask questions in course forums."
            },
            {
              id: "3",              title: "Do you have a mobile app?",              content: "Yes! Our mobile app allows you to access course videos, take notes, and participate in community discussions on iOS and Android devices."
            },
            {
              id: "4",              title: "What if I need technical help?",              content: "We provide comprehensive technical support including setup guides, troubleshooting resources, and direct assistance with development environments and tools."
            },
            {
              id: "5",              title: "Can I speak with recent graduates?",              content: "Yes! We can connect prospective students with recent graduates who can share their experiences and career outcomes. Just ask during your consultation."
            },
            {
              id: "6",              title: "Do you offer scholarships or financial aid?",              content: "We offer need-based scholarships and payment plans. Additionally, some employers provide tuition reimbursement for professional development courses."
            }
          ]}
        />
      </div>

      <FooterLogoReveal
        logoText="TechAcademy"
        logoLineHeight={1.2}
      />
    </ThemeProvider>
  );
}