"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Mail } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Pitch Drive"
          button={{
            text: "Get Started",
            href: "#contact"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready to Pitch?"
          description="Submit your founder story and investment deck. We review all submissions and respond within 2 weeks. If we're excited about your vision, we'll schedule a call with our partners."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-vector/business-landing-page-startup_23-2148322505.jpg"
          imageAlt="Investment opportunity"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Submit Pitch"
          termsText="We respect your privacy and review pitches confidentially. By submitting, you agree to our terms of use."
        />
      </div>

      <FooterLogoReveal
        logoText="Pitch Drive"
        logoLineHeight={1.1}
      />
    </ThemeProvider>
  );
}