HeroSection

import React from "react";
import HeroSection from "@/components/ui/hero-section-1";

function App() {
  const handleWaitlistSubmit = (email) => {
    // Replace with real API integration
    console.log("Waitlist submitted:", email);
  };

  return (
    <div
      className="w-screen h-screen antialiased text-[hsl(var(--foreground))] overflow-hidden relative"
      style={{
        backgroundColor: "hsl(var(--background))",
      }}
      data-theme="dark"
    >
      <HeroSection
        backgroundImage="https://i.ibb.co/chBYnPW8/unnamed.png"
        logoText="[ O ]"
        navLinks={[
          { href: "#explore", label: "Explore" },
          { href: "#collections", label: "Collections" },
          { href: "#stories", label: "Stories" },
          { href: "#community", label: "Community" },
          { href: "#about", label: "About" },
          { href: "#contact", label: "Contact" },
        ]}
        avatarSrcList={[
          "https://placehold.co/32x32/a9a9a9/ffffff?text=U",
          "https://placehold.co/32x32/d3d3d3/ffffff?text=U",
          "https://placehold.co/32x32/808080/ffffff?text=U",
        ]}
        userCount={1000}
        title="Discover Bold, Futuristic Style"
        description="Enter a realm where fashion fuses with innovation. Our vision combines art, technology, and individuality."
        placeholder="Enter your email"
        ctaText="Join Waitlist"
        onSubmit={handleWaitlistSubmit}
        footerVersion="02. Maya"
      />
    </div>
  );
}

export default App;