Prompt:

Build a comprehensive, modern, and mobile-responsive web application demo for a startup called Sweepstack.ai.

The Concept:

Sweepstack is a turnkey compliance and fulfillment platform that lets tech companies launch legally watertight, high-ticket giveaways (sweepstakes) in under 48 hours. It solves the massive legal headache of sweepstakes law—specifically handling state registrations and bonding for high-value prizes (NY, FL, RI), Alternative Method of Entry (AMOE) structures to avoid illegal lottery classification, and tax reporting (1099s).

Tech Stack:

• React (Functional components, Hooks)
• Tailwind CSS (for all styling)
• React Router DOM (for navigation)
• motion/react (Framer Motion for smooth page transitions and animations)
• lucide-react (for icons)
• clsx and tailwind-merge (for a cn utility function)

Design & UI/UX Guidelines:

• Landing Page: Should be a dark, slick, and modern theme (using neutral-950, indigo-500, and glowing gradients). It needs to feel like a high-end, well-funded SaaS product.
• Dashboard: Should be a clean, professional light theme (neutral-50 background, white cards, indigo-600 primary actions).
• Typography: Clean sans-serif (Inter-style).
• Responsiveness: Must work flawlessly on mobile and desktop.

Required Pages & Features:

1. Landing Page (/)

• Hero Section: Headline: "Launch high-ticket giveaways without the legal nightmare." Subheadline explaining the turnkey platform. Include "Start Building" and "View Documentation" buttons.
• Features Grid: 3 columns highlighting: Auto-Generated Rules, Compliance Layer, and Fulfillment Dashboard.