Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a minimalist landing page styled as a news site dedicated to the video game Persona 5 Royal. This page will feature updates on character events, storylines, and game details, providing fans with an engaging and visually appealing experience.

## CORE FEATURES
1. **Hero Section**: A captivating hero area that introduces the website with a large banner image related to Persona 5 Royal and a brief tagline describing the purpose of the site.
2. **Character Showcase**: A dedicated section highlighting the main characters, including their backgrounds and roles in the game, with links to more detailed profiles.
3. **Latest Updates**: A news feed section that displays the latest events occurring in the game with timestamps, allowing fans to stay updated.
4. **Interactive Timeline**: A visually appealing timeline that outlines key events and updates in the game, making it easy for users to navigate through the story.
5. **Call to Action (CTA)**: A prominent CTA encouraging users to subscribe for updates or follow the site on social media for more content.
6. **Contact Section**: A simple contact form for users to get in touch, provide feedback, or ask questions.

## 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**: A single-column layout with sections stacked vertically for easy scrolling, including a header, main content, and footer.

## 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 Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**: Develop individual components for the Hero Section, Character Showcase, Latest Updates, Interactive Timeline, CTA, and Contact Section.
4. **Design Layout**: Implement a single-column layout using Tailwind CSS for styling and ensure responsiveness for various screen sizes.
5. **Integrate Typography and Colors**: Apply the specified typography (Inter) and primary color (#1978E5) throughout the application.
6. **Test Functionality**: Ensure all links and forms work correctly and provide a smooth user experience.
7. **Deploy**: Host the landing page on a suitable platform such as Vercel or Netlify.

## USER EXPERIENCE
Users will land on a visually striking hero section that immediately captures their interest. They can easily navigate through character showcases and latest updates, with the interactive timeline providing a unique way to engage with the game’s storyline. The CTA encourages subscriptions for updates, while the contact form allows users to connect for feedback or inquiries. The minimalist design ensures a smooth, distraction-free experience, focusing on the content that matters to Persona 5 Royal fans.