Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a humorous landing page designed to simulate a fake petition website titled "Deport Yagiz Cetinkaya and skin him alive." The main purpose of this landing page is to engage users with a quirky, lighthearted approach while allowing them to "sign" the petition. The site will feature amusing animations, such as hamburger emojis raining from the sky, to create a fun user experience.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction with the petition title and a playful call to action to "sign" the petition.
2. **Sign Petition Button**: A prominent button that humorously counts the number of signatures in real-time, with a fun animation to showcase the growing number.
3. **Animated Emojis**: An engaging animation of hamburger emojis raining down, adding a whimsical touch to the overall experience.
4. **Funny Testimonials**: A section featuring humorous quotes or testimonials from "supporters" of the petition to enhance the comedic effect.
5. **Contact Section**: A simple contact form for users to share their thoughts, featuring lighthearted prompts.

## 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 will consist of a single-page format with a hero section at the top, followed by the petition button, animated emojis, testimonials, and a contact section at the bottom. Each section will be clearly defined with sufficient spacing for a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this simple landing page

## IMPLEMENTATION STEPS
1. **Set up the React project**: Create a new React app using Create React App with TypeScript support.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the main layout**: Develop a single-page layout with sections for the hero, petition button, animated emojis, testimonials, and contact form.
4. **Implement the hero section**: Add the title and a playful call-to-action.
5. **Develop the petition button**: Create a button that simulates counting signatures with an animation effect.
6. **Add animated emojis**: Use CSS animations to create a rain effect for hamburger emojis.
7. **Integrate testimonials**: Populate the testimonials section with funny quotes or messages.
8. **Build the contact section**: Create a simple contact form for users to leave their thoughts.
9. **Style the components**: Apply Tailwind CSS classes according to the design specifications.
10. **Test responsiveness**: Ensure the landing page is mobile-friendly and visually appealing on various devices.

## USER EXPERIENCE
Users will land on a whimsical page featuring the petition title in a bold, fun font. They will be greeted with a dynamic button that counts signatures humorously, providing instant feedback as the number increases. The background will be animated with hamburger emojis, enhancing the playful atmosphere. Users can scroll down to read funny testimonials and use the contact form to interact further. Each interaction will be smooth and engaging, ensuring a memorable experience.