Community

About

This application is a web-based platform designed for Saint Gebriale School, focusing on providing information about the school, its programs, admissions, faculty, and events. The app is built using Next.js and React, leveraging TypeScript for type safety and Tailwind CSS for styling. Key features of the app include: 1. **Navigation**: A responsive navigation bar allows users to easily access different sections of the site, including Home, About, Programs, Admissions, Pricing, Announcements, Faculty, and Contact pages. 2. **Dynamic Content**: The app features dynamic content loading for events and announcements, utilizing Supabase for backend data management. Users can view, add, edit, and delete events and announcements. 3. **User Interaction**: The application includes forms for registration and contact, with validation to ensure all required fields are filled out. Users can submit their information, which is processed and stored in the database. 4. **Responsive Design**: The app is designed to be mobile-friendly, with a collapsible sidebar and responsive layouts that adapt to different screen sizes. 5. **Visual Elements**: The app incorporates various UI components such as cards, buttons, alerts, and modals to enhance user experience. It also features animations for transitions and scroll effects to make the interface more engaging. 6. **Image Handling**: Users can upload images for events and announcements, with a preview feature to display uploaded images. 7. **Testimonials Section**: A dedicated section showcases testimonials from parents, highlighting the school's impact on students. 8. **Pricing Information**: The app provides detailed pricing plans for different educational programs, including features and benefits associated with each plan. 9. **Accessibility Features**: The app includes keyboard navigation and screen reader support to ensure accessibility for all users. 10. **Admin Dashboard**: A secure login for school directors allows them to manage events and announcements, with options to view statistics and edit content. To use the app, users can navigate through the various sections using the navigation bar. They can fill out forms for registration or contact, view events and announcements, and explore the school's offerings. The app is designed to be intuitive, with clear calls to action and informative content throughout. Overall, this application serves as a comprehensive digital platform for Saint Gebriale School, facilitating communication and engagement with current and prospective students and their families.