Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as an informational hub for the PRH32 program. It will feature multiple sections including participants, permanent assets, articles and works, location, and material downloads for students. The application will provide a user-friendly interface that allows easy navigation through these sections.

## CORE FEATURES
1. **Main Page**: A central hub that introduces the PRH32 program and provides an overview of its purpose and offerings.
2. **Participants Section**: A dedicated section listing all participants involved in the PRH32 program, including their roles and contributions.
3. **Permanent Assets**: A catalog of permanent assets related to the PRH32 program, detailing their significance and usage.
4. **Articles and Works**: A repository of articles and works produced under the PRH32 program, allowing users to explore and access various resources.
5. **Location**: An interactive map or section providing details about the geographical location of the program and its facilities.
6. **Download Materials**: A section where students can easily download educational materials and resources related to the PRH32 program.

## 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 be a single-page structure with distinct sections for each feature. A navigation bar at the top will allow users to jump to different sections seamlessly.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (if needed for state management)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Main Layout**: Develop the main layout structure, including the navigation bar and scrollable sections for each feature.
3. **Implement Core Features**: 
   - Create components for each core feature (Main Page, Participants, Permanent Assets, Articles and Works, Location, Download Materials).
   - Use props to pass data to these components as needed.
4. **Style Components**: Apply Tailwind CSS classes to style components according to the design specifications.
5. **Add Navigation Functionality**: Implement smooth scrolling functionality for the navigation links to ensure a seamless user experience.
6. **Test Responsiveness**: Ensure the application is responsive across different devices and screen sizes.

## USER EXPERIENCE
Users will start on the main page, which provides an overview and links to the different sections. They can navigate easily using the top navigation bar, which will smoothly scroll them to the desired section. Each section will be designed to be informative and user-friendly, allowing users to access information and resources quickly. The minimalist design will ensure that users can focus on the content without distractions.