Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a minimalist landing page that serves as a presentation platform for a value case focused on Strijp R. The landing page will consist of various slides and content sections that can be screen recorded for presentation purposes. The aim is to effectively communicate the value case through a clean, engaging, and visually appealing web interface.

## CORE FEATURES
1. **Hero Section**: A prominent introductory area featuring the title of the value case, a brief description, and a call-to-action (CTA) button to engage viewers.
2. **Content Slides**: A series of slides that outline the details of the value case, presented in a clear and concise manner.
3. **Interactive Elements**: Buttons and links that allow users to navigate through the content easily.
4. **Contact Information**: A section with contact details or a form to gather feedback or inquiries from viewers.
5. **Call-to-Action**: A final CTA encouraging viewers to take the next steps, such as contacting for more information or visiting related resources.

## 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 vertical layout structure with a hero section at the top, followed by content slides arranged in a scrollable format, and a footer for contact details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this project as it is primarily a static presentation.

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React app using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling.
3. **Create Layout Components**: Develop individual components for the hero section, content slides, and footer.
4. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design aesthetic, ensuring the primary color and typography specifications are followed.
5. **Add Navigation**: Implement smooth scrolling or navigation links between content slides.
6. **Test Responsiveness**: Ensure all components are responsive and look good on various screen sizes.
7. **Finalize Content**: Populate the content slides with information derived from the value case and script.

## USER EXPERIENCE
Users will land on the page and be greeted by an engaging hero section. They can scroll through the content slides seamlessly, with each slide presenting key information in an easy-to-read format. The navigation will be intuitive, allowing users to quickly access different parts of the presentation. The design will ensure that the information is presented clearly, making it suitable for screen recording and presentation purposes. The contact section will enable viewers to reach out for further inquiries or feedback.