Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to help new students explore their campus comprehensively. It provides detailed information about the campus infrastructure, fee structures, and various amenities, allowing users to familiarize themselves with their new environment easily.

## CORE FEATURES
1. **Campus Map**: An interactive map that highlights key locations such as classrooms, libraries, dining areas, and recreational facilities, complete with navigation options.
2. **Infrastructure Details**: Sections dedicated to descriptions and images of campus buildings, including their purposes, history, and features.
3. **Fee Structure Guide**: A clear, easy-to-navigate section that outlines tuition fees, additional costs, and payment options, ensuring transparency for new students.
4. **Events Calendar**: A calendar feature that displays upcoming campus events, workshops, and activities to encourage student participation.
5. **Student Testimonials**: A section for existing students to share their experiences and insights, helping newcomers feel more connected to the campus community.
6. **Contact Information**: Easy access to contact details for different departments, including admissions, finance, and student services for quick assistance.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should be clean and simple, utilizing ample white space for a clutter-free look. The focus should be on typography to enhance readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and easy readability.
- **Layout**: A top navigation bar with dropdown menus for easy access to different sections, a central content area for displaying information, and a footer with links to social media and additional resources. The layout should be responsive and mobile-friendly.
- **Typography**: Use a sans-serif font for body text (e.g., Arial or Helvetica) to maintain a modern and clean appearance. Headings should use a slightly larger or bolder version of the same font to establish a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid UI development and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Use React's Context API or Zustand for state management to efficiently handle user interactions and data flow.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Build reusable components for the navigation bar, footer, map, and content sections.
3. **Develop Core Features**: Implement the campus map and integrate interactive elements using a mapping library (e.g., Leaflet).
4. **Design Pages**: Structure pages for infrastructure details, fee structures, events calendar, and testimonials using Tailwind CSS for styling.
5. **Implement State Management**: Set up the context or Zustand for managing global state and user interactions.
6. **Responsive Design**: Ensure all components are responsive, testing across various screen sizes.
7. **Testing**: Conduct user testing to gather feedback and refine user experience before the final deployment.

## USER EXPERIENCE
Key user interactions include exploring the interactive campus map to locate buildings, reading detailed descriptions of facilities, easily navigating the fee structure guide, and engaging with the events calendar to stay updated on campus activities. The application should also prioritize seamless navigation between features, ensuring that users can quickly find the information they need without unnecessary clicks or confusion.