"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Mail, Twitter, Linkedin, Facebook, Instagram } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="GiGant Academy"
          button={{
            text: "Start Learning",
            href: "/courses"
          }}
        />
      </div>

      <div id="contact-hero" data-section="contact-hero">
        <HeroLogo
          logoText="Get In Touch"
          description="Have questions about our courses or want personalized guidance? We're here to help."
          buttons={[
            { text: "Back Home", href: "/" },
            { text: "View Plans", href: "/pricing" }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg"
          imageAlt="Contact GiGant Academy"
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          tagIcon={Mail}
          title="Get Investment Tips & Market Insights"
          description="Subscribe to our weekly newsletter for exclusive investment strategies, market analysis, and insider tips from our expert instructors."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="additional-contact" data-section="additional-contact">
        <ContactSplit
          tag="Get Support"
          tagIcon={Mail}
          title="Need Personalized Help?"
          description="Our team is here to help you choose the right course and answer any questions about your learning journey."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/woman-sitting-library-with-her-laptop_273609-12725.jpg"
          mediaPosition="left"
          inputPlaceholder="Enter your email"
          buttonText="Contact Us"
          termsText="We'll respond within 24 hours during business days."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="GiGant Academy"
          copyrightText="© 2025 GiGant Academy. All rights reserved. | Empowering Investors Worldwide"
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/gigantacademy", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/gigant-academy", ariaLabel: "LinkedIn" },
            { icon: Facebook, href: "https://facebook.com/gigantacademy", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/gigantacademy", ariaLabel: "Instagram" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}