Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase the work of the creator, featuring a clean and simple aesthetic that prioritizes typography and user engagement. The main purpose is to provide visitors with a straightforward overview of the creator's portfolio, services, and ways to get in touch, all while maintaining a focus on visual clarity and user experience.

## CORE FEATURES
1. **Hero Section**: A striking introductory area that includes a brief tagline, a call-to-action button, and an engaging background that highlights the creator's work.
2. **Portfolio Showcase**: A grid or carousel displaying selected works or projects, allowing users to view and click for more details.
3. **About Section**: A concise description of the creator, their background, and their design philosophy, presented with engaging visuals.
4. **Services Offered**: A clear list of services provided, each with a brief description, aimed at informing potential clients about offerings.
5. **Testimonials**: A section featuring quotes from past clients or collaborators to build trust and credibility.
6. **Contact Form**: A simple form for visitors to get in touch, featuring fields for name, email, and message.

## 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 divided into distinct sections (hero, portfolio, about, services, testimonials, contact), ensuring easy navigation and clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**: Develop components for each section (Hero, Portfolio, About, Services, Testimonials, Contact).
4. **Implement Styling**: Use Tailwind CSS classes to achieve the minimalist aesthetic as specified.
5. **Add Inter Font**: Import Inter from Google Fonts in the project’s CSS.
6. **Build Functionalities**: Implement the contact form with basic validation and styling.
7. **Test Responsiveness**: Ensure the design is responsive across devices using Tailwind’s responsive utilities.
8. **Deploy**: Prepare the application for deployment on a platform like Vercel or Netlify.

## USER EXPERIENCE
Visitors will be greeted by a visually appealing hero section that quickly conveys the purpose of the website. As they scroll down, they will find an organized showcase of the creator's work, complemented by a clear outline of services and testimonials that build credibility. The contact section will provide an easy, accessible way for potential clients to initiate communication, enhancing overall engagement and interaction with the site. Each section will be designed to flow smoothly into the next, ensuring a cohesive user experience throughout the landing page.