Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for the game "Elden Ring" in Spanish, featuring a comprehensive game guide. The primary goal is to provide users with valuable information about the game while ensuring a visually appealing and user-friendly experience.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to "Elden Ring" with a striking image, brief description, and a prominent call-to-action (CTA) button for users to start exploring the guide.
2. **Gameplay Guide**: Detailed sections outlining gameplay mechanics, character classes, and strategies, presented in a clear and accessible format.
3. **Tips and Tricks**: A dedicated area for useful tips, including combat strategies and exploration advice to enhance the player experience.
4. **Community Insights**: A section that highlights community-created content, such as fan art or guides, fostering engagement and connection among players.
5. **Contact Form**: A simple contact form allowing users to reach out for questions or feedback, enhancing user interaction.

## 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 single-page format, starting with a hero section, followed by the gameplay guide, tips and tricks, community insights, and ending with the contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, as the landing page does not require complex state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript, and install Tailwind CSS and shadcn/ui for styling.
2. **Create the Layout**: Build the main layout structure using React components. Create separate components for the hero section, gameplay guide, tips and tricks, community insights, and contact form.
3. **Implement Styling**: Use Tailwind CSS to style each component according to the specified design guidelines, ensuring a minimalist aesthetic with appropriate spacing and typography.
4. **Populate Content**: Fill each section with relevant content about "Elden Ring," ensuring that all text is in Spanish and accurately reflects the game's features and community insights.
5. **Add Interactivity**: Implement basic interactivity for the contact form, ensuring it collects user input and provides a confirmation message upon submission.
6. **Responsive Design**: Test the landing page on various devices to ensure it is responsive and maintains usability across different screen sizes.

## USER EXPERIENCE
Users will arrive at the landing page and be greeted by an engaging hero section that encapsulates the essence of "Elden Ring." As they scroll down, they will find a well-structured gameplay guide that helps them understand the game mechanics. The tips and tricks section will provide practical advice, while the community insights will foster a sense of belonging among players. Lastly, users can easily reach out through the contact form, ensuring their experience is interactive and responsive.