Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for Looda, designed to showcase its core offerings and encourage user engagement. The primary goal is to create an MVP that effectively communicates the value proposition of Looda, facilitating conversions through a clean and minimalist design.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a catchy tagline and a prominent call-to-action (CTA) button leading to sign-up or more information.
2. **Features Overview**: A concise section outlining the key features of Looda, highlighting the benefits users can expect.
3. **Testimonials**: A carousel or grid showcasing user feedback and success stories to build trust and credibility.
4. **Call-to-Action**: A clear and compelling CTA encouraging users to take action, whether that’s signing up for a newsletter, trying a demo, or viewing more details.
5. **Contact Information**: An easy-to-find section with contact details or a simple contact form for inquiries.

## 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 structure should include a large hero section at the top, followed by a features section laid out in a grid format, a testimonials section below, and a clear call-to-action area towards the bottom, with a simple footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not explicitly required for a landing page MVP, but can use local state if needed for interactive elements.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project for styling and UI components.
3. **Create Layout Components**: Build reusable components for the hero section, features, testimonials, and CTA.
4. **Style Components**: Apply Tailwind CSS classes to ensure the design aligns with the specifications provided, ensuring the use of the primary color and typography.
5. **Implement Responsiveness**: Use responsive design techniques to ensure the website looks great on all device sizes.
6. **Add Interactivity**: For elements like testimonials, consider implementing simple state management if needed, such as rotating testimonials.
7. **Optimize for SEO**: Ensure proper meta tags are in place for SEO optimization including titles, descriptions, and relevant keywords.
8. **Deploy the Application**: Choose a deployment platform (e.g., Vercel, Netlify) and follow the instructions to deploy your landing page.

## USER EXPERIENCE
Users will land on the page and immediately see the hero section that introduces Looda with a clear value proposition. As they scroll down, they will encounter sections detailing the features and testimonials, reinforcing trust and interest. The CTA will be prominently placed to guide users towards taking the desired action, ensuring a smooth and engaging experience throughout the page.