Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a multi-page company website designed to provide information, tutorials, and contact options for users. The site includes a home page, a contact page with a functional form, and additional pages for tutorials or products. The goal is to create a minimalist web presence that is easy to navigate and visually appealing, while ensuring all features work seamlessly.

## CORE FEATURES
1. **Home Page**: A clean and inviting landing area that introduces the company and its offerings with clear navigation to other sections.
2. **Contact Page**: A functional contact form that sends messages directly to the provided email using Formspree or a custom HTML solution.
3. **Additional Pages**: Flexible pages that can serve as tutorials, product descriptions, or informational content, all accessible from the main navigation.
4. **Responsive Design**: The website will adapt to various screen sizes, ensuring a good user experience on both desktop and mobile devices.
5. **Working Links and Images**: All links and images will be verified to ensure they load properly and direct users to the intended destinations.
6. **Signup/Login System**: A simple user authentication system that allows users to log in and access additional features such as a message board or cart functionality.

## 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 structured layout with a header for navigation, a main content area for the home and additional pages, and a footer with site credits and contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS and any necessary UI component libraries (e.g., shadcn/ui).
3. **Create Core Pages**: Build the Home, Contact, and additional pages with appropriate routing using React Router.
4. **Implement Contact Form**: Use Formspree or a custom HTML solution to create a functional contact form on the Contact page.
5. **Ensure Responsiveness**: Utilize Tailwind CSS classes to make the site responsive, testing on various devices.
6. **Add Signup/Login Functionality**: Integrate a simple authentication system for user management.
7. **Test Functionality**: Verify that all links work, images load correctly, and the contact form functions as intended.
8. **Publish the Site**: Deploy the website to a hosting service and ensure it's publicly accessible.

## USER EXPERIENCE
The user experience focuses on ease of navigation and interaction. Users will land on the home page, where they can quickly access other sections via a clear navigation bar. The contact page will provide a straightforward form for inquiries, and users will be able to log in to access additional features. The design will prioritize readability and accessibility, ensuring all elements are easy to interact with across different devices.

By following this structured prompt, the project will result in a functional, minimalist company website that meets the specified requirements and provides a seamless user experience.