Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
MD Academy is a landing page for an online school that specializes in teaching Artificial Intelligence and Digital Marketing to engineering professionals. The page aims to effectively communicate the value of the courses offered while driving conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking section at the top with a compelling headline, a brief description of MD Academy, and a prominent call to action button to enroll in courses.
2. **Course Offerings**: A section that highlights the various courses available, including brief descriptions and key benefits to attract potential students.
3. **Testimonials**: A dedicated area showcasing testimonials from past students to build trust and credibility.
4. **About Us**: Information about MD Academy, its mission, and the team behind the courses to connect with the audience.
5. **Contact Information**: A simple contact form for inquiries and further information, encouraging engagement with prospective students.
6. **Call to Action**: A persistent CTA section encouraging visitors to sign up for a newsletter or enroll in courses, ensuring conversions are prioritized.

## 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 will feature a vertical scroll with sections stacked one after another, ensuring easy navigation and a logical flow from the hero to the CTA.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it is primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop functional components for each section of the landing page (Hero, Course Offerings, Testimonials, About Us, Contact, Call to Action).
4. **Style Components**: Use Tailwind CSS classes to implement the minimalist design, ensuring to incorporate the primary color and typography specifications.
5. **Implement Responsiveness**: Ensure all components are responsive using Tailwind's responsive design utilities.
6. **Deploy the Landing Page**: After testing, deploy the landing page using a service like Vercel or Netlify for public access.

## USER EXPERIENCE
Visitors to the MD Academy landing page will have a seamless experience with clear navigation through the sections. The hero section captures attention immediately, followed by easy access to course offerings and testimonials. The contact form is straightforward, minimizing barriers to engagement. Calls to action are strategically placed to encourage sign-ups at multiple points throughout the user journey. The minimalist design ensures that users can focus on the content without distraction, enhancing overall engagement and conversion potential.