Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a minimalist portfolio website designed to showcase creative work and projects in a clean and engaging manner. The focus is on delivering a seamless user experience through a simple, elegant layout that highlights visuals and typography.

## CORE FEATURES
1. **Project Showcase**: A dynamic gallery displaying featured projects with images, descriptions, and links to project details.
2. **About Section**: A concise personal introduction or biography that outlines the creator's background and skills.
3. **Contact Form**: An easy-to-use contact form that allows visitors to reach out directly, with fields for name, email, and message.
4. **Responsive Design**: A fully responsive layout that adapts seamlessly to various screen sizes, ensuring a great experience on both desktops and mobile devices.
5. **Blog Integration**: A section for sharing insights, updates, or articles related to the creator's work, with an option for comments.
6. **Social Media Links**: Icons linking to various social media profiles to enhance connectivity and visibility.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, emphasizing a minimal color palette and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds for optimal readability.
- **Layout**: The main layout features a top navigation bar, a prominent hero section for the featured project, a grid-based project showcase, and a footer with contact information and social media links.
- **Typography**: Utilize a sans-serif font such as 'Helvetica Neue' for headings and 'Arial' for body text to maintain clarity and readability. Use a clear hierarchy with larger font sizes for titles and smaller sizes for descriptions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Use React Context API for managing state across the application if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support. Install necessary packages including Tailwind CSS and shadcn/ui.
2. **Configure Tailwind CSS**: Set up Tailwind CSS by creating the configuration file and adding the necessary imports in your main CSS file.
3. **Build Layout Structure**: Create a main layout component that includes the header, main content area, and footer for consistent structure throughout the application.
4. **Develop Core Features**: Implement each core feature as individual components (e.g., Project Showcase, About Section, Contact Form) and style them using Tailwind CSS classes.
5. **Ensure Responsiveness**: Test the design on multiple devices and screen sizes, adjusting CSS classes as necessary to maintain a responsive layout.
6. **Integrate State Management**: If required, implement React Context API to manage data across components, especially for the contact form and project showcase.
7. **Deploy the Application**: Choose a hosting service (e.g., Vercel or Netlify) to deploy the web application and ensure all functionalities are working as intended.

## USER EXPERIENCE
Key user interactions include:
- **Navigation**: Simple top navigation allows users to quickly access different sections of the portfolio.
- **Project Exploration**: Users can click on project thumbnails to view detailed project descriptions and images, providing an immersive experience.
- **Contacting the Creator**: The contact form provides an intuitive way for users to send messages without leaving the site, enhancing engagement.
- **Mobile Experience**: The responsive design ensures that all features are easily accessible on mobile devices, with touch-friendly elements and readable text sizes.

This prompt outlines a fully functional minimalist light application that aligns with the user's vision for a portfolio website.