"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Rocket, Twitter, Linkedin, Github } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Pitchdrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "How It Works", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started Today"
          title="Ready to pitch to the world?"
          description="Join thousands of founders who've raised millions with Pitchdrive. Start building your pitch deck in minutes, connect with investors, and close your round."
          tagIcon={Rocket}
          inputPlaceholder="your@email.com"
          buttonText="Get Access"
          termsText="We respect your privacy. Unsubscribe anytime. By signing up, you agree to our Terms of Service and Privacy Policy."
          useInvertedBackground="noInvert"
          onSubmit={(email) => console.log('Newsletter signup:', email)}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Support & Resources"
          description="Get help with everything from getting started to advanced pitch optimization strategies."
          faqs={[
            {
              id: "1",
              title: "How do I get started with Pitchdrive?",
              content: "Simply sign up for your free account, choose a template or start from scratch, and begin building your pitch. Our AI assistant will guide you through each step of the process."
            },
            {
              id: "2",
              title: "Do you offer customer support?",
              content: "Yes! We provide 24/7 chat support for all users, with dedicated account managers for Pro and Enterprise customers. Our response time is typically under 2 hours."
            },
            {
              id: "3",
              title: "Can I schedule a demo or consultation?",
              content: "Absolutely! Book a personalized demo with our team to see how Pitchdrive can specifically help your fundraising goals. We also offer pitch deck reviews and strategy sessions."
            },
            {
              id: "4",
              title: "What if I need help with investor strategy?",
              content: "Our investor relations team includes former VCs and successful founders. We provide strategic guidance on everything from valuation to timing to investor targeting."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/human-resource-infographic_23-2148588858.jpg"
          imageAlt="Customer support team helping founders"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <FooterCard
        logoText="Pitchdrive"
        copyrightText="© 2025 Pitchdrive Inc. All rights reserved. Making founders unstoppable."
        socialLinks={[
          {
            icon: Twitter,
            href: "https://twitter.com/pitchdrive",
            ariaLabel: "Follow us on Twitter"
          },
          {
            icon: Linkedin,
            href: "https://linkedin.com/company/pitchdrive",
            ariaLabel: "Follow us on LinkedIn"
          },
          {
            icon: Github,
            href: "https://github.com/pitchdrive",
            ariaLabel: "Visit our GitHub"
          }
        ]}
      />
    </ThemeProvider>
  );
}