Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page to market courses for executives, focusing on leadership, strategy, and innovation. This page will serve as a promotional tool to attract potential students by showcasing course offerings, benefits, and testimonials, ultimately guiding users towards enrollment.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a compelling headline, a brief description of the courses, and a prominent call-to-action button leading to the enrollment process.
2. **Course Offerings**: A section detailing the various courses available, including key benefits, learning outcomes, and target audience.
3. **Testimonials**: Highlight positive experiences from past participants to build credibility and trust.
4. **About Us**: A brief section about the institution, its mission, and values to establish authority and connection with visitors.
5. **Contact Form**: A simple form allowing visitors to inquire further about courses or request additional information.
6. **Newsletter Signup**: An option for users to subscribe for updates, promotions, and exclusive content, helping to build a mailing list.

## 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 single-column layout with sections stacked vertically, ensuring a logical flow from the hero section to course details, testimonials, and the contact form.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize the React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Components**: Develop individual components for the hero section, course offerings, testimonials, about us, contact form, and newsletter signup.
3. **Implement Layout**: Organize components in a single-column format using Tailwind CSS for styling and spacing.
4. **Add Inter Typography**: Ensure all text uses Inter font by linking Google Fonts in the project.
5. **Integrate Primary Color**: Apply #1978E5 as the primary color for buttons, links, and highlights across all components.
6. **Test Responsiveness**: Ensure the layout is responsive and adjusts well on different screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing hero section where they can quickly grasp the purpose of the site. As they scroll down, they will find detailed information about the courses offered, backed by testimonials to reinforce trust. The straightforward navigation and clear calls-to-action will guide users to inquire or enroll easily, enhancing their overall experience. The responsive design will ensure a seamless experience on both desktop and mobile devices.