Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for the course "Cocina para los que no cocinan", designed to attract and inform potential students about the cooking course. The main purpose is to engage visitors with appealing visuals and concise information that encourages them to sign up.

## CORE FEATURES
1. **Hero Section**: A captivating hero area featuring an enticing image of a cooking scene, a catchy tagline, and a prominent call-to-action (CTA) button for course enrollment.
2. **Course Overview**: A brief description of the course content, highlighting key skills and recipes that will be taught, aimed at beginners.
3. **Benefits Section**: A clear list of benefits that students will gain from the course, such as improved cooking skills, confidence in the kitchen, and fun learning experiences.
4. **Testimonials**: A section displaying quotes from past students or endorsements from culinary experts to build trust and credibility.
5. **Instructor Bio**: A short introduction of the course instructor, showcasing their background and expertise in cooking.
6. **Contact Form**: A simple contact form for inquiries, allowing potential students to ask questions or request more information.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with ample white space, a focus on typography, and vibrant colors that appeal to a youthful audience.
- **Color Mode**: Light theme with dark text on light backgrounds, incorporating playful and youthful colors for buttons and highlights.
- **Layout**: A single-page layout with a clear vertical flow, starting with the hero section, followed by course details, benefits, testimonials, instructor bio, and ending with the contact form.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif font for body text (e.g., Merriweather), maintaining a clear hierarchy with larger sizes for headings and comfortable line spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid UI development and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components to maintain consistency and enhance user experience.
- **State Management**: Not required for a simple landing page; local component state management will suffice.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Develop the main layout structure using a flexbox or grid system to ensure responsiveness.
3. **Develop Hero Section**: Implement the hero section with an eye-catching background image, tagline, and CTA button styled with Tailwind.
4. **Build Course Overview and Benefits Sections**: Create sections for the course description and benefits using clear, concise text and appealing visuals.
5. **Add Testimonials and Instructor Bio**: Design a visually engaging testimonial section and include a bio for the instructor with a professional photo.
6. **Implement Contact Form**: Create a simple contact form with fields for name, email, and message, styled for aesthetic consistency.
7. **Responsive Design**: Ensure all sections are responsive and visually appealing on various screen sizes.

## USER EXPERIENCE
The landing page will provide an intuitive experience with smooth scrolling between sections. Users will easily navigate through the course information, view testimonials, and complete the contact form with minimal friction. The clear CTA will guide visitors toward enrollment, enhancing conversion rates. 

This prompt is ready to be copied and pasted into Lovable for creating the desired landing page.