Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Meme-oji Showdown" is a vibrant and interactive landing page designed to promote a creative pop-culture event where teams compete in understanding emojis and recreating viral moments. The landing page will serve as a central hub for event details, registration, rules, and coordinator information, designed to engage users and drive participation.

## CORE FEATURES
1. **Event Overview Section**: A captivating hero section that introduces "Meme-oji Showdown," highlighting its purpose and excitement with engaging visuals and text.
2. **Rules & Regulations**: A clear, concise breakdown of the general rules and specific round details, ensuring participants understand the event guidelines.
3. **Coordinator Information**: Dedicated spaces for staff and student coordinators' names, phone numbers, and contact details to facilitate communication.
4. **Registration Section**: A user-friendly area for participants to register, featuring a QR code for easy access and information about registration fees.
5. **Visual Elements**: Engaging graphics and placeholders for the college name and logo, providing a professional touch to the event information.

## 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 landing page will feature a vertical layout with a hero section at the top, followed by rules, coordinator information, and a registration section, all organized for easy navigation and readability.

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

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it in your project.
3. Create a main `LandingPage` component with sections for the hero, rules, coordinators, and registration.
4. Use shadcn/ui components for consistent styling across buttons and inputs, applying the specified border radius.
5. Utilize the Inter font from Google Fonts for both headings and body text.
6. Implement responsive design principles to ensure the landing page is mobile-friendly.
7. Add placeholder graphics for the college logo and registration QR code.

## USER EXPERIENCE
Users will be greeted by an engaging hero section that immediately captures their interest. They can easily navigate through the rules and coordinator information, ensuring they have all necessary details at their fingertips. The registration section will be straightforward, allowing users to quickly sign up or learn more about the event. The minimalist design promotes clarity and focus on essential information, enhancing user engagement and participation.