Water Gas App - Copy this React, Tailwind Component to your project

Design a modern, responsive frontend layout for a water and gas consumption management app. The app should include a login and registration page, a customer dashboard with recent readings and an upload button, a page for uploading meter images, a reading confirmation page, and a reports page showing consumption over time. The design should be clean, intuitive, and easy to navigate, with a focus on user experience and accessibility, using a consistent color palette and typography.