Responsive and Interactive Design: The website boasts a responsive design, ensuring optimal viewing on various devices, including desktops, tablets, and mobile phones. It features an interactive and engaging user interface, allowing users to navigate through the gallery effortlessly.

Image Slider: The image slider on the homepage uses the Swiper library, providing a smooth and visually appealing way to showcase high-quality images of the featured vehicles. The slider supports both desktop and mobile layouts for an enhanced viewing experience.

Filtering and Categorization: Interface logic takes and filter data in the gallery based on various categories such as muscle cars, sports cars, trucks, and bikes. At the same time filtering data depending the device, if is mobile we have differents pictures in horizontal format The filtering is done dynamically, making it easy to switch between different categories without reloading the page.

Effortless Content Management: Utilizing JSON format, the platform enables effortless content management, empowering you to easily add, edit, and organize your collection of classic cars, bikes, trucks, EVs, and more. The JSON-based approach allows for flexibility and scalability, ensuring smooth updates and expansions to your gallery. With just a few simple steps, you can showcase your favorite vehicles and curate a captivating experience for all automotive enthusiasts.

Author Information: Each image in the gallery displays the author's, profile picture, and profile url taken from data object. So users can click on the author's name to visit their Unsplash profile, adding a personal touch to the gallery.

Customizable Dark Mode: I have implemented a customizable dark mode on specific pages to demonstrate my skills in adjusting the background color, primary colors, and SVGs through advanced props integration. This feature showcases my ability to design and tailor the interface, providing a seamless transition between light and dark themes for an enhanced gallery browsing experience.

Browser-Based Dark Mode Detection: Seamlessly detect your browser's dark mode setting and apply it to the app if enabled. Experience a cohesive interface that aligns with your device's display preferences.

Performance Optimization: To improve performance, the project implements image optimization using Next.js's next-images plugin, which caches and serves images efficiently. Additionally, the use of next-pwa enables Progressive Web App features, enhancing the user experience. GZIP compression has also been added to further optimize the website's loading speed.

Cookie Consent Overlay: The website displays a cookie consent overlay to new visitors, providing information about the use of cookies and giving users the option to accept or decline the policy.