"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Phone, HelpCircle, MessageCircle, Mail, MapPin } from 'lucide-react';
import Link from 'next/link';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: 'Home', id: '/' },
            { name: 'Programs', id: '/programs' },
            { name: 'About', id: '/about' },
            { name: 'Pricing', id: '/pricing' },
            { name: 'Contact', id: '/contact' }
          ]}
          brandName="TechAcademy"
          bottomLeftText="Excellence in Tech Education"
          bottomRightText="hello@techacademy.com"
        />
      </div>

      <div id="contact-main" data-section="contact-main">
        <ContactFaq 
          faqs={[
            {
              id: "1",
              title: "What is the enrollment process?",
              content: "Enrollment is simple: 1) Choose your program, 2) Complete the enrollment form, 3) Make payment, 4) Receive login credentials via email, 5) Start learning immediately. Our team is here to help if you have questions."
            },
            {
              id: "2",
              title: "Do you offer payment plans?",
              content: "Yes, we offer flexible payment plans for all programs. Professional and Enterprise plans can be paid in monthly installments with no interest over 6-12 months."
            },
            {
              id: "3",
              title: "Is there financial aid available?",
              content: "We partner with several financial institutions to offer loans and scholarships for eligible students. Contact our admissions team to learn about current financial aid options."
            },
            {
              id: "4",
              title: "Can I switch programs after enrollment?",
              content: "Yes, you can switch programs within 7 days of enrollment at no additional cost. After 7 days, a program change fee of $99 applies. Contact support for special circumstances."
            }
          ]}
          ctaTitle="Ready to Transform Your Career?"
          ctaDescription="Schedule a free consultation with our education advisors to find the perfect program for your goals."
          ctaButton={{
            text: "Book Free Consultation",
            href: "/contact"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="contact-methods" data-section="contact-methods">
        <SplitAbout 
          title="Get in Touch"
          description="Ready to start your tech journey? Our admissions team is here to help you choose the right program and answer any questions about enrollment, pricing, or career outcomes."
          tag="Contact Options"
          tagIcon={MessageCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="TechAcademy support team ready to help"
          bulletPoints={[
            {
              title: "Phone Support",
              description: "Speak directly with our admissions team Monday-Friday, 9 AM - 6 PM EST. Call (555) 123-TECH.",
              icon: Phone
            },
            {
              title: "Email Support", 
              description: "Send us detailed questions at hello@techacademy.com. We respond within 24 hours during business days.",
              icon: Mail
            },
            {
              title: "Live Chat",
              description: "Get instant answers through our website chat. Available during business hours with real human support.",
              icon: MessageCircle
            },
            {
              title: "Office Visits",
              description: "Visit our campus in downtown San Francisco for in-person consultations and campus tours by appointment.",
              icon: MapPin
            }
          ]}
          buttons={[
            { text: "Schedule Call", href: "/contact" }
          ]}
        />
      </div>

      <div id="additional-faq" data-section="additional-faq">
        <FaqSplitMedia 
          title="Additional Support"
          description="More detailed answers to help you make an informed decision about your technology education journey."
          tag="Extended FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg"
          imageAlt="Students receiving personalized support and guidance"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What happens after I graduate?",
              content: "Our career services team provides ongoing support including job search assistance, interview preparation, salary negotiation coaching, and access to our exclusive job board with partner companies."
            },
            {
              id: "2",
              title: "How do I know if I'm ready for a tech career?",
              content: "We offer a free career assessment that evaluates your current skills, interests, and goals. Our advisors will recommend the best program path and provide honest feedback about your readiness."
            },
            {
              id: "3",
              title: "Can I learn while working full-time?",
              content: "Absolutely. Our programs are designed for working professionals. You can study on evenings and weekends, with flexible scheduling for live sessions and mentorship calls."
            },
            {
              id: "4",
              title: "What kind of job support do you provide?",
              content: "We offer comprehensive career support including resume optimization, LinkedIn profile enhancement, interview practice, portfolio development, and direct introductions to our hiring partner network."
            }
          ]}
        />
      </div>

      <FooterBaseReveal 
        columns={[
          {
            title: "Programs",
            items: [
              { label: "Web Development", href: "/programs" },
              { label: "Data Science", href: "/programs" },
              { label: "Cloud Computing", href: "/programs" },
              { label: "All Programs", href: "/programs" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Career Support", href: "/programs" },
              { label: "Blog", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "/about" },
              { label: "Community Forum", href: "/about" },
              { label: "Success Stories", href: "/about" },
              { label: "Support", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 TechAcademy | All Rights Reserved"
      />
    </ThemeProvider>
  );
}