Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a polished landing page portfolio presentation tailored for the marketing, entertainment, and event industries. The portfolio will balance professionalism with creativity, showcasing dynamic visuals and smooth transitions to enhance user experience while remaining focused on content.

## CORE FEATURES
1. **Hero Section**: A captivating introduction featuring a bold headline, subheadline, and a call-to-action button that encourages visitors to explore the portfolio.
2. **Portfolio Showcase**: A visually striking display of selected works using dynamic layouts and hover effects to engage users.
3. **About Section**: A brief description of the designer’s background and expertise, complemented by a professional photo and engaging visuals.
4. **Testimonials**: A section for client testimonials that adds credibility and showcases positive feedback, using subtle animations to draw attention.
5. **Contact Form**: A user-friendly contact form that allows potential clients to reach out easily, featuring smooth input transitions and validation.
6. **Smooth Transitions**: Implementing smooth and updated transitions throughout the page to enhance navigation and user experience.

## 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 single-page layout featuring a vertical scroll, with sections clearly defined and spaced for visual clarity. The layout will include a sticky navigation bar for easy access to each section.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop React components for each section (Hero, Portfolio Showcase, About, Testimonials, Contact).
3. **Implement Layout**: Use Tailwind CSS to create the minimalist layout, ensuring proper spacing and alignment.
4. **Add Smooth Transitions**: Implement CSS transitions and animations for hover effects and section transitions.
5. **Style Components**: Apply the specified typography, primary color, and border radius across all components.
6. **Test Responsiveness**: Ensure that the design is responsive across different devices and screen sizes, adjusting styles as necessary.
7. **Deploy**: Deploy the landing page using a suitable platform (e.g., Vercel, Netlify) for public access.

## USER EXPERIENCE
The user experience will focus on seamless navigation through the portfolio. Users will be greeted with an engaging hero section, followed by an intuitive showcase of work that invites exploration. The use of smooth transitions will ensure that users feel a sense of flow as they scroll through the page. The contact form will be easily accessible, encouraging potential clients to reach out without obstacles. Overall, the design will reflect current industry trends while maintaining a professional tone.