Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern and visually impactful landing page for promoting the book and drone course titled “Vuela Alto”. The primary goal is to engage visitors with a high-tech, innovative design that clearly communicates the course offerings and encourages potential students to reach out via WhatsApp for more information.

## CORE FEATURES
1. **Hero Section**: A prominent title “Vuela Alto” with a subtitle “Domina el mundo de los drones desde cero hasta nivel profesional”. Features a 3D graphic of a drone flying over a technological sunset, complemented by digital line effects. 
2. **Call to Action (CTA)**: A visible button labeled “Escríbeme por WhatsApp para más información” that includes the official WhatsApp icon, encouraging immediate contact.
3. **Course Content Overview**: A visual timeline or graphic that illustrates the course modules: basic, intermediate, and advanced levels.
4. **Benefits Section**: Clear, concise bullet points highlighting the key advantages of taking the course, emphasizing technology and innovation.
5. **Testimonials Section**: A dedicated area featuring feedback from past students to build trust and credibility.
6. **Final CTA**: A gradient background section encouraging users to take action, reinforcing the main CTA.

## DESIGN SPECIFICATIONS
- **Visual Style**: Modern and futuristic with a focus on technology. Incorporates metallic pastel dark tones (metallic blue, oil green, dark violet) with smooth gradients and subtle shiny effects.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability.
- **Layout**: A single-page layout divided into clear sections: Hero, Benefits, Course Content, Testimonials, and Final CTA. Each section should have ample white space for clarity.
- **Typography**: Use large, clean, and accessible fonts that are easy to read. The font should convey a modern feel and ensure visibility for all age groups.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for responsive and efficient styling.
- **UI Components**: Utilize shadcn/ui for a cohesive and modern UI experience.
- **State Management**: Optional, based on user interactions (e.g., for handling dynamic testimonials).

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build individual components for each section (Hero, Benefits, Course Content, Testimonials, Final CTA).
3. **Implement Styling**: Use Tailwind CSS to apply the specified color scheme and layout styles.
4. **Add Microanimations**: Integrate subtle hover effects and animations to enhance interactivity.
5. **Responsive Design**: Ensure all components are fully responsive across devices.
6. **Test the CTA**: Implement and test the WhatsApp button functionality for seamless user experience.

## USER EXPERIENCE
Visitors will land on a visually captivating page that immediately conveys the course's value. The large hero section draws attention, followed by easy navigation through the benefits and course content. Testimonials build trust, and the repeated, clear CTAs encourage engagement. The design aims for a smooth user journey, making it accessible and appealing to individuals of all ages.