Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a 3D landing page aimed at promoting an upcoming product focused on martial arts gear. The landing page will feature an engaging animation of a boxer in an arena, culminating in a striking visual reveal of the product name "Beastrix" with a "Coming Soon" message. The design will emphasize a minimalist aesthetic, ensuring clarity and focus on the key visual elements.

## CORE FEATURES
1. **3D Animation**: A dynamic scene featuring a boxer moving in an arena, with a dramatic light strike and fire effect to grab attention.
2. **Brand Reveal**: The product name "Beastrix" prominently displayed at the center of the arena after the animation sequence.
3. **Countdown Timer**: An optional feature to indicate the time remaining until the product launch, enhancing anticipation.
4. **Contact Information**: A section for users to sign up for updates about the product launch.
5. **Social Media Links**: Icons linking to social media platforms to follow for updates and promotions.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The layout will consist of a full-screen hero section showcasing the 3D animation, followed by a centered brand reveal, and a footer with contact information and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page; simple state management can be handled through React's built-in hooks.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create 3D Animation**: Implement the 3D scene using a suitable library (e.g., Three.js) to animate the boxer in the arena.
3. **Design Hero Section**: Use Tailwind CSS to create a full-screen hero section that houses the animation and ensures it is responsive.
4. **Add Brand Reveal**: Implement a modal or section that appears after the animation completes, displaying "Beastrix" and the "Coming Soon" message.
5. **Implement Contact Section**: Add a footer that includes a simple form for users to submit their email addresses for updates.
6. **Social Media Links**: Integrate social media icons that link to the respective platforms.

## USER EXPERIENCE
Users will land on the page and immediately be greeted by a captivating 3D animation of the boxer, creating an impressive first impression. After the animation concludes, the product name "Beastrix" will take center stage, creating excitement. Users will have the option to enter their email for updates, ensuring they stay informed about the launch. The minimalist design will ensure that the focus remains on the visual elements, enhancing engagement and anticipation for the upcoming product.