"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import HeroSignup from '@/components/sections/hero/HeroSignup';
import { Sparkles } from "lucide-react";

export default function WaitlistPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="hero" data-section="hero">
        <HeroSignup
          title="Be First in Line for Something Special"
          description="Join our exclusive waitlist and get early access to our revolutionary platform. Limited spots available for founding members."
          tag="Early Access"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          inputPlaceholder="Enter your email"
          buttonText="Get Early Access"
          onSubmit={(email) => console.log('Waitlist signup:', email)}
        />
      </div>
    </ThemeProvider>
  );
}