Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern and visually appealing landing page for Dizzo Labs, a design agency. The purpose of this landing page is to showcase the agency's services, attract potential clients, and provide essential contact information in a clean and minimalist format.

## CORE FEATURES
1. **Hero Section**: A striking hero section with a clear headline, subheadline, and a prominent call-to-action button encouraging visitors to learn more or get in touch.
2. **Services Overview**: A section highlighting the main services offered by Dizzo Labs, each presented with a brief description and an accompanying icon or image.
3. **Portfolio Showcase**: A visually appealing gallery displaying recent projects or case studies to demonstrate the agency's capabilities and style.
4. **Testimonials**: A section to feature client testimonials, building trust and credibility through positive feedback.
5. **Contact Form**: An easy-to-use contact form allowing potential clients to reach out directly from the landing page.
6. **Footer**: A footer containing links to social media profiles, privacy policy, and additional contact information.

## 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 layout will follow a single-page structure with a vertical flow, featuring each section stacked one after the other. The hero section will be followed by services, portfolio, testimonials, and contact, with a fixed 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 landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop components for each section (Hero, Services, Portfolio, Testimonials, Contact, Footer) using functional components.
4. **Implement Navigation**: Create a fixed navigation bar at the top of the page with links to each section.
5. **Style Components**: Use Tailwind CSS classes to style each component according to the design specifications.
6. **Add Content**: Populate each section with placeholder content, ensuring that the layout maintains the minimalist aesthetic.
7. **Optimize for Responsiveness**: Ensure all components are responsive and look great on various screen sizes.
8. **Test Functionality**: Review the landing page for usability, ensuring the contact form functions correctly and navigation is smooth.

## USER EXPERIENCE
Visitors will land on a visually striking hero section that immediately communicates Dizzo Labs' brand identity. They will easily navigate through the services offered, view a portfolio of previous work, and read testimonials from satisfied clients. The contact form will provide a straightforward way for potential clients to engage with the agency, ensuring a seamless experience from start to finish. The minimalist design and clear typography will enhance readability and focus on the content, driving conversions effectively.