Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern landing page designed for "Ikigai," a digital marketing agency aimed at local business owners seeking to enhance their online presence and attract more customers. The landing page will function as a lead generation tool, showcasing services, testimonials, and an easy-to-navigate contact section, all while ensuring a visually impactful and responsive design.

## CORE FEATURES
1. **Hero Section**: Engaging title and subtitle focused on solving business problems, accompanied by clear call-to-action buttons for requesting free advice and contacting via WhatsApp.
2. **Services Display**: Visual cards highlighting the agency's services (social media management, website creation, video production, content creation) with icons and benefit-oriented titles.
3. **Portfolio Showcase**: Attractive mockups simulating social media and website designs to illustrate the agency's capabilities.
4. **Testimonials Section**: Credible, simulated testimonials from fictional business owners emphasizing positive results and growth.
5. **Process Overview**: Simplified depiction of the working process in 3-4 steps, visually represented to enhance understanding.
6. **Final Call-to-Action**: Persuasive message with a visible contact form (name, email, business, message) and additional WhatsApp button for ease of communication.

## 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, single-page layout featuring a hero section at the top, followed by services, portfolio, testimonials, process overview, and a final CTA at the bottom, ensuring smooth scrolling and responsiveness for all devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Optional state management could be implemented depending on user interaction needs.

## IMPLEMENTATION STEPS
1. **Set up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout**: Develop the main structure of the landing page using semantic HTML elements and Tailwind CSS for styling.
3. **Implement Hero Section**: Add a compelling hero section with a strong title, subtitle, and CTA buttons, using the primary color for accents.
4. **Build Services Section**: Create a grid layout for service cards, including icons, titles, and brief benefit descriptions.
5. **Design Portfolio Display**: Integrate mockups in a visually appealing manner, showcasing the agency's work without using real client cases.
6. **Add Testimonials**: Implement a section for testimonials, ensuring they are visually distinct and emphasize positive outcomes.
7. **Outline Process**: Visually represent the service process in a simple, understandable format with clear steps.
8. **Final CTA and Contact Form**: Create a persuasive final call-to-action with a contact form and WhatsApp button, ensuring functionality.
9. **Ensure Responsiveness**: Test and optimize the layout for mobile devices, ensuring all sections render correctly across various screen sizes.
10. **Conduct User Testing**: Gather feedback on usability and effectiveness, making adjustments as necessary to improve the user experience.

## USER EXPERIENCE
Users will first engage with the hero section, drawn in by a strong title and clear benefits. As they scroll down, they will encounter visually appealing service offerings, followed by a showcase of the agency's portfolio. Credible testimonials will build trust, leading to a simplified explanation of the working process. The final CTA will provide an easy way for potential clients to connect, ensuring a seamless and inviting experience that encourages lead generation.