Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a cinematic 3D rendered scene featuring Robin Hood in a mystical medieval forest. The landing page will serve as a marketing tool to attract users by presenting stunning visuals and compelling storytelling, emphasizing the theme of wealth redistribution and heroism.

## CORE FEATURES
1. **Hero Section**: A full-width hero banner featuring the 3D render of Robin Hood with dramatic lighting and a captivating tagline that encapsulates the essence of the project.
2. **About Section**: A brief description of the story behind Robin Hood and the thematic elements of the artwork, highlighting the significance of wealth redistribution.
3. **Gallery Section**: A visually appealing gallery showcasing different angles and details of the 3D render, allowing users to explore the art in greater depth.
4. **Call to Action (CTA)**: Prominent buttons encouraging users to engage with the content, such as "Learn More" or "Join the Cause".
5. **Contact Section**: A simple contact form for users to get in touch or subscribe for updates, reinforcing community engagement.
6. **Testimonials Section**: Quotes or feedback from early viewers or supporters, adding social proof to the project.

## 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 scroll layout with sections stacked one on top of the other, each section visually distinct but cohesive with the overall design theme.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for UI components.
3. **Create Layout Structure**: Develop the main layout including the hero section, about section, gallery, CTA, and contact form.
4. **Design Components**: Implement each section as a reusable component, ensuring that styles adhere to the minimalist design principles.
5. **Responsive Design**: Use Tailwind CSS utility classes to ensure the layout is responsive across various devices.
6. **Test Functionality**: Validate that all links and forms work correctly, ensuring a smooth user experience.

## USER EXPERIENCE
Users will be greeted with a visually striking hero image of Robin Hood, drawing them into the narrative of the artwork. As they scroll down, the seamless transitions between sections will keep them engaged, with clear calls to action encouraging further interaction. The minimalist design will facilitate easy navigation, making it simple for users to learn about the project and engage with the content.