https://github.com/redfox-studios/maintenance-site
https://github.com/redfox-studios/maintenance-site
design maintenance nextjs premium-plugin react shadcn-ui status-page tailwindcss typescript v0 website
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/redfox-studios/maintenance-site
- Owner: RedFox-Studios
- License: mit
- Created: 2024-12-21T08:00:32.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2025-01-02T13:59:43.000Z (9 months ago)
- Last Synced: 2025-03-24T02:17:45.260Z (6 months ago)
- Topics: design, maintenance, nextjs, premium-plugin, react, shadcn-ui, status-page, tailwindcss, typescript, v0, website
- Language: TypeScript
- Size: 403 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# RedFox Studios - Maintenance Site
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.
## Features
- 🌓 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
## Pages
- **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
## Tech Stack
- [Next.js 14](https://nextjs.org/) - React Framework
- [Tailwind CSS](https://tailwindcss.com/) - Styling
- [shadcn/ui](https://ui.shadcn.com/) - UI Components
- [Lucide Icons](https://lucide.dev/) - Icons
- TypeScript - Type Safety
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/RedFox-Studios/maintenance-site.git
```
2. Install dependencies:
```bash
cd maintenance-site
npm install
```
3. Run the development server:
```bash
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## Environment Variables
No environment variables are required to run this project.
## Customization
- 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`
## Browser Support
- ✅ Modern browsers
- ✅ Chrome, Firefox, Safari, Edge
- ✅ Mobile browsers
## Contributing
Feel free to submit issues and enhancement requests!
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
RedFox Studios - [support@redfox-studios.org](mailto:support@redfox-studios.org)
Project Link: [https://github.com/RedFox-Studios/maintenance-site](https://github.com/RedFox-Studios/maintenance-site)
---
Made with ❤️ by RedFox Studios