Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Dream Step Academy is a landing page designed to promote the best barista and baking training courses in Hyderabad. The main purpose is to inform potential students about the academy's offerings, highlight key features, and encourage them to enroll through clear calls to action.

## CORE FEATURES
1. **Hero Section**: Engaging headline and subtext with buttons for viewing courses and making a phone call.
2. **Key Highlights**: Brief descriptions of expert trainers, hands-on training, small batch sizes, and career support.
3. **Courses Section**: Detailed information on barista and baking courses, including duration and learning outcomes.
4. **Testimonials**: A dedicated section for student reviews to build trust and credibility.
5. **Gallery Section**: Visual showcase of training sessions and student work.
6. **Contact Information**: Easy access to contact details and location for potential 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 will consist of a vertical flow with sections for the hero, highlights, courses, testimonials, gallery, and contact information. Each section will be clearly separated with ample spacing to maintain readability.

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

## 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.
3. **Create Components**:
   - **HeroSection**: Implement the hero section with headline, subtext, and buttons styled with Tailwind CSS.
   - **Highlights**: Create a grid or list to display key highlights.
   - **CoursesSection**: Develop course cards with details of each course and a call to action.
   - **Testimonials**: Design a section for student reviews, possibly using a carousel for dynamic display.
   - **Gallery**: Implement an image grid showcasing various aspects of training.
   - **ContactSection**: Include contact information and a simple form for inquiries.
4. **Style Components**: Apply Tailwind CSS classes to ensure responsiveness and alignment with design specifications.
5. **Test Functionality**: Ensure that all links and buttons work as intended and that the layout is responsive across different screen sizes.
6. **Deploy**: Use a service like Vercel or Netlify to deploy the landing page.

## USER EXPERIENCE
Users will land on a clean, visually appealing page with a prominent hero section that captures their attention. They can easily navigate through key highlights, courses offered, student testimonials, and a gallery of images. Clear calls to action will encourage them to either view courses or call the academy directly. The minimalist design ensures a smooth user experience, allowing potential students to focus on the information without distractions.