Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
NepEduAI is a landing page designed for Nepal's first AI-powered education platform, aiming to connect students, teachers, schools, and parents in a cohesive ecosystem. This marketing page will effectively highlight the platform's unique features, benefits, and the founder's inspiring story to engage potential users and drive sign-ups.

## CORE FEATURES
1. **Hero Section**: A visually compelling introduction with a bilingual tagline, featuring an engaging background and clear call-to-action buttons.
2. **Trusted By Section**: Displays logos of partner schools and institutions to establish credibility and trust.
3. **Product Showcase**: Four tabs representing different user types (Students, Teachers, Schools, Parents) with specific features and benefits highlighted.
4. **How It Works**: A simple 3-step explanation of the platform’s functionality accompanied by relevant visuals.
5. **Features Deep Dive**: In-depth descriptions of key features such as AI tutoring, practice exams, and school management functionalities, presented in a visually appealing format.
6. **Testimonials**: Real quotes from users to provide social proof, ideally reflecting the emotional impact of the platform.

## 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 for mobile devices, transitioning to a two-column layout for larger screens. Each section clearly separated with ample spacing and visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but consider using context API or Zustand for state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for each section, ensuring they adhere to the design specifications.
3. **Implement Layout**: Structure the landing page with a clear layout using Tailwind CSS for responsive design.
4. **Add Content**: Populate each section with the specified text, images, and mockup descriptions.
5. **Integrate Animations**: Use CSS transitions for smooth scroll-triggered animations and visual effects.
6. **Optimize for Mobile**: Ensure all elements are mobile-friendly and test responsiveness across devices.
7. **Conduct Testing**: Perform user testing to gather feedback on the design and functionality before launch.

## USER EXPERIENCE
Users will first encounter a captivating hero section that draws them in with a bilingual tagline and a clear call-to-action. As they scroll, they will see trusted partners, the product showcase with tailored features for each user type, and a straightforward explanation of how NepEduAI works. Engaging testimonials will provide social proof, while a well-structured FAQ section addresses common queries. Finally, a clear pricing model invites users to take action, culminating in a strong call-to-action banner that encourages sign-up.

By following this structured approach, the landing page for NepEduAI will effectively communicate the platform's value, engage its target audience, and drive conversions.