Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a meme coin featuring a red crab character. The landing page incorporates scroll animations, where the crab character moves across the screen, stopping at each section to reveal a pop-up TV displaying information about that specific section. The overall purpose is to engage users and effectively communicate information about the meme coin in a fun and interactive way.

## CORE FEATURES
1. **Hero Section**: A captivating hero section with the animated red crab character, a catchy tagline, and a clear call-to-action (CTA) button prompting users to learn more about the meme coin.
2. **Information Sections**: Multiple sections that provide detailed information about the meme coin, including its purpose, community, and unique features, with each section triggering the pop-up TV animation.
3. **Interactive Scroll Animation**: As users scroll down, the crab character moves and pauses at each section, enhancing engagement through dynamic visual storytelling.
4. **Responsive Design**: The landing page is fully responsive, ensuring that the animation and layout adapt seamlessly to various screen sizes and devices.
5. **Contact Section**: A section for users to submit inquiries or join a mailing list, enhancing community engagement and providing feedback opportunities.

## 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 main layout features a top hero section, followed by sequential information sections that utilize full-width backgrounds and centered content. Each section includes a smooth scroll-triggered animation for the red crab and pop-up TV.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling approach.
- **UI Components**: shadcn/ui for pre-designed components.
- **State Management**: Not required for this landing page, but props can be used for simple state handling if needed.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop reusable components for the hero section, information sections, and the pop-up TV.
4. **Implement Scroll Animation**: Use React hooks to manage the scroll event, triggering the crab animation and pop-up TV at the appropriate section.
5. **Styling**: Apply Tailwind CSS classes to ensure a minimalist design, incorporating the primary color and typography specifications.
6. **Test Responsiveness**: Ensure the layout and animations work seamlessly across different devices and screen sizes.

## USER EXPERIENCE
Users will be greeted by an engaging hero section featuring the animated red crab. As they scroll down, the crab will move across the screen, pausing at each section to display relevant information in a pop-up TV. The smooth transitions and minimalist design will keep users engaged, encouraging them to explore all aspects of the meme coin. The contact section will allow users to interact further, fostering a sense of community and involvement.