Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern, premium nursing school website for "Shri Kashi Shikshan Prasarak Mandal, Late Arvind Gaikwad School of Nursing (GNM)" located in Chh. Sambhajinagar. This multi-page web application will serve as an informative and engaging platform for prospective students and their families, focusing on the General Nursing and Midwifery course. The site will emphasize a clean, institutional appearance with smooth animations, ensuring a fast and user-friendly experience.

## CORE FEATURES
- **Hero Section**: A full-width campus image with a dark overlay, showcasing the tagline "Empowering Future Healthcare Professionals" and CTAs for exploring the course and contacting the institute.
- **Course Information Pages**: Detailed sections for the GNM course, including eligibility criteria, curriculum breakdown, highlights of the program, and career opportunities.
- **Fees Structure Page**: A concise table displaying the fee structure over the upcoming academic years along with scholarship information.
- **Gallery Page**: A visually appealing grid layout showcasing different categories of the campus life, labs, and events with an image lightbox feature.
- **Contact Page**: A user-friendly layout featuring clickable contact information, an embedded Google Form for inquiries, and office hours, along with a Google Map embed for easy location access.
- **About Page**: Insightful sections about the institute, its mission and vision, leadership, and infrastructure facilities.

## 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 responsive grid system with a fixed navigation bar, clearly defined sections for each page, and a footer with multiple columns for easy access to information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this application as it primarily serves informational purposes.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new Next.js application with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Pages**: Set up the required pages: Home, About, GNM Course, Fees, Gallery, and Contact.
3. **Design the Navbar**: Implement a fixed top navbar with a glass effect, including the logo and links to each page.
4. **Develop the Home Page**: Create the hero section with a full-width image, badge, headings, and CTA buttons. Include the stats bar and quick cards.
5. **Build Course and Fees Pages**: Add detailed information sections for the GNM course and fee structure with tables and eligibility criteria.
6. **Implement the Gallery Page**: Design a grid layout for displaying images, ensuring responsiveness and lightbox functionality.
7. **Design the Contact Page**: Include contact details, an embedded Google Form, and a Google Map for easy navigation.
8. **Footer Implementation**: Create a footer with four columns for quick links, institute information, and social media icons.
9. **SEO Optimization**: Add metadata, OpenGraph tags, and structured data using JSON-LD schema for better visibility and indexing.
10. **Testing & Deployment**: Conduct thorough testing for responsiveness and functionality, followed by deploying the site using a static export method.

## USER EXPERIENCE
Users will experience a seamless navigation flow from the landing page to various sections, with smooth animations enhancing interactions. The responsive design ensures accessibility on mobile devices, while the clear typography and visual hierarchy guide users in finding information quickly. The contact form and Google Map will facilitate easy inquiries and visits, making the website a trustworthy resource for potential students.