Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for an educational institution, focusing on a clean and minimalist aesthetic. The main purpose is to showcase the college's offerings, values, and contact information to prospective students and parents, encouraging them to explore more or get in touch.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction featuring the college's name, tagline, and a prominent call-to-action button that directs users to further information or application forms.
2. **About Section**: A brief overview of the college, highlighting its mission, values, and unique offerings.
3. **Programs Offered**: A section detailing the various academic programs available, each with a brief description and links to learn more.
4. **Testimonials**: A showcase of quotes and experiences from current students and alumni to build trust and credibility.
5. **Contact Information**: Clear and accessible contact details along with a form for inquiries, ensuring potential students can easily reach out for more information.

## 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 layout will be single-page with a vertical scroll structure, featuring distinct sections for the hero, about, programs, testimonials, and contact, ensuring easy navigation and a smooth user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a static landing page, but can use React Context if needed for form handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Build the main structure using functional components for each section (Hero, About, Programs, Testimonials, Contact).
3. **Implement Hero Section**: Design the hero section with a background image or color, include college name and tagline, and a call-to-action button.
4. **Develop Content Sections**: Populate the About, Programs, and Testimonials sections with relevant content, ensuring to adhere to the minimalist design principles.
5. **Create Contact Form**: Implement a simple contact form that captures user inquiries, styled consistently with the rest of the page.
6. **Responsive Design**: Ensure all sections are responsive and maintain usability across different devices and screen sizes.
7. **Final Styling**: Apply Tailwind CSS classes to achieve the desired aesthetic, focusing on whitespace and typography.

## USER EXPERIENCE
Users will first encounter the hero section, drawing them into the site with a clear message and action point. As they scroll down, they will seamlessly transition through the various sections, each providing valuable information in a digestible format. The testimonials will reinforce the college's reputation, and the contact form will be easily accessible for inquiries, enhancing user engagement and satisfaction.