xelephants
This application is a web-based platform designed to showcase construction projects, specifically focusing on scaffolding and support systems. It provides users with an organized view of various projects categorized by year, along with detailed descriptions and images. To use the app, users can navigate through a clean and intuitive interface. The homepage features an introductory screen, a navigation bar, and a list of projects grouped by year. Users can click on a specific year to view all projects completed in that year. Each project includes a name, description, and a gallery of images. Users can also access an "About Us" page to learn more about the company and its team, as well as a "Contact Us" page for inquiries. The app is built using modern web technologies, including Next.js for server-side rendering and routing, TypeScript for type safety, and React for building user interfaces. It utilizes various components such as buttons, modals, and image galleries to enhance user experience. The application also incorporates responsive design principles to ensure usability across different devices, with a custom hook to detect mobile devices. Key features of the app include: - A dynamic navigation bar for easy access to different sections. - A project listing organized by year, allowing users to explore past projects. - Detailed project pages with descriptions and image galleries. - An introductory screen that provides context about the company. - A contact form for user inquiries, with simulated email submission functionality. - Responsive design that adapts to both desktop and mobile views. Overall, this application serves as a comprehensive portfolio for a construction company, highlighting its expertise in scaffolding and support systems while providing a user-friendly experience.
No tags
Last Updated June 27, 2025