Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist portfolio landing page for a graphic designer, showcasing their work and skills in a clean, visually appealing manner. The main purpose of the landing page is to attract potential clients and provide an easy way for them to view the designer's portfolio and contact them for inquiries.

## CORE FEATURES
1. **Hero Section**: A striking introduction with the designer's name, a brief tagline, and a call-to-action button leading to the portfolio.
2. **Portfolio Gallery**: A visually engaging display of the designer's work, featuring a grid layout of images that link to individual project details or case studies.
3. **About Section**: A concise summary of the designer's background, skills, and design philosophy to connect with potential clients.
4. **Testimonials**: A section showcasing quotes from satisfied clients, adding credibility and encouraging new inquiries.
5. **Contact Form**: A simple form allowing visitors to easily get in touch with the designer for projects or inquiries.
6. **Social Links**: Icons linking to the designer’s social media profiles for further engagement.

## 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 sections stacked vertically, including a hero section at the top, followed by the portfolio gallery, about section, testimonials, and contact form. Each section will be clearly defined with spacious margins and padding to enhance readability and user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this simple landing page as it will not involve complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Build the main layout structure, including a Header component for navigation and a Footer component for contact information.
3. **Develop Hero Section**: Implement a visually appealing hero section with a background image or color, designer's name, tagline, and a prominent call-to-action button.
4. **Build Portfolio Gallery**: Create a grid component that dynamically displays portfolio items using images and links to project details.
5. **Design About Section**: Add an about section that includes an image of the designer and a brief description of their work and philosophy.
6. **Implement Testimonials Section**: Create a simple carousel or grid layout to showcase client testimonials.
7. **Set Up Contact Form**: Develop a contact form with fields for name, email, message, and a submit button, ensuring proper validation.
8. **Add Social Links**: Include social media icons linking to relevant profiles, positioned in the footer or contact section.
9. **Style Components**: Use Tailwind CSS to style all components according to the specified design guidelines.
10. **Test and Optimize**: Ensure the landing page is responsive, visually appealing on multiple devices, and performs well.

## USER EXPERIENCE
The landing page will offer a seamless user experience, with intuitive navigation and quick loading times. Users will be able to easily scroll through sections, click through portfolio items, and fill out the contact form without confusion. The minimalist design will keep the focus on the designer's work, while the use of white space will enhance readability and overall aesthetics.