A modern, responsive maintenance page built with Next.js and shadcn/ui. This site serves as a temporary landing page during our scheduled maintenance period until June 1st, 2025.
- 🌓 Dark/Light mode support
- 🕒 Real-time maintenance countdown
- 📊 Live system status dashboard
- 📱 Fully responsive design
- ⚡ Fast and optimized performance
- 🎨 Custom scrollbar with theme support
- 🔍 SEO optimized
- Main Maintenance Page: Displays countdown and basic information
- Status Page: Shows real-time system component status
- Why Down Page: Explains maintenance reasons and improvements
- 404 Page: Custom error page for invalid routes
- Next.js 14 - React Framework
- Tailwind CSS - Styling
- shadcn/ui - UI Components
- Lucide Icons - Icons
- TypeScript - Type Safety
- Clone the repository:
git clone https://github.com/RedFox-Studios/maintenance-site.git- Install dependencies:
cd maintenance-site
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser
No environment variables are required to run this project.
- Update the maintenance end date in
components/time-remaining.tsx - Modify the status updates in
app/status/page.tsx - Customize the maintenance reasons in
app/why/page.tsx - Adjust theme colors in
app/globals.css
- ✅ Modern browsers
- ✅ Chrome, Firefox, Safari, Edge
- ✅ Mobile browsers
Feel free to submit issues and enhancement requests!
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
RedFox Studios - [email protected]
Project Link: https://github.com/RedFox-Studios/maintenance-site
Made with ❤️ by RedFox Studios