Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a fun and engaging landing page designed to apologize to a girl in a lighthearted manner. It will incorporate meme culture while featuring a prominent, openable card that contains a heartfelt apology. The goal is to create a memorable and humorous experience that facilitates laughter and connection.

## CORE FEATURES
1. **Hero Section**: A vibrant introduction that sets the tone with a catchy tagline and visuals. This section will include fun meme graphics to engage the user immediately.
2. **Openable Apology Card**: A central interactive card that, when clicked, reveals a written apology. This card will have playful animations to enhance the experience.
3. **Meme Gallery**: A section displaying a selection of funny memes related to apologies, ensuring the page remains light-hearted and entertaining.


## 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 follow a vertical scrolling format, starting with the hero section at the top, followed by the openable apology card, meme gallery, CTA button, and contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but local state management can be used for the openable card feature.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript. Install Tailwind CSS and shadcn/ui for component styling.
2. **Create Hero Section**: Design the hero section with a catchy tagline and meme visuals. Use Tailwind for responsive design.
3. **Develop Openable Apology Card**: Implement the interactive card using React state to control its visibility. Apply animations for a fun user experience.
4. **Meme Gallery**: Create a grid layout to display memes. Use placeholders or source memes from an API to keep the gallery dynamic.
7. **Test Responsiveness**: Ensure all components are responsive and visually appealing across different devices.