Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page dedicated to the video game Elden Ring, featuring a tutorial section for new players. The primary goal is to provide essential information about the game while engaging the audience with a clean and minimalist design that highlights the tutorial content.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to Elden Ring with a striking image or background and a brief description of the game.
2. **Tutorial Section**: Step-by-step guides and tips for players, organized in an easily navigable format.
3. **Features Overview**: A showcase of the main features of Elden Ring, such as gameplay mechanics, story elements, and world-building.
4. **Testimonials**: Quotes and reviews from players to enhance credibility and engage visitors.
5. **Call-to-Action (CTA)**: A prominent button inviting users to explore more or sign up for updates.
6. **Contact Information**: A section for users to reach out with questions or feedback.

## 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 full-width hero section, followed by a grid-style layout for the tutorial and features sections, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Hero Section**: Design a visually appealing hero section with a game image, title, and a brief description.
4. **Develop the Tutorial Section**: Create a component that lists tutorials with expandable details for each topic.
5. **Implement Features Overview**: Design a grid layout to present game features, each in its own card.
6. **Add Testimonials**: Create a slider or static section for user testimonials.
7. **Include Call-to-Action**: Add a prominent button that encourages users to engage further.
8. **Contact Section**: Implement a simple footer with contact information and links to social media.

## USER EXPERIENCE
The landing page will offer a seamless experience where users can easily navigate through the tutorial and features. The hero section will draw attention immediately, while the clear layout allows users to quickly find information. Responsive design will ensure usability across devices, providing an engaging experience for both new and returning players. Users will be prompted to take action through strategic placements of CTAs throughout the page.