refactor: introduce new Firewall component in Proxmox with enhanced rule management, policies, and UI improvements for better user experience

resources/views/errors/503.blade.php

@@ -0,0 +1,150 @@
+<html>
+
+<head>
+
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<meta http-equiv="refresh" content="30">
+
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+<link href="https://fonts.googleapis.com/css?family=Montserrat:700,800" rel="stylesheet">
+
+  <link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
+
+<style>
+
+  body { 
+
+text-align: center; 
+
+padding: 10%; 
+
+color: #333; 
+
+}
+
+#wrapper {
+
+margin: 0 auto;
+
+}  
+
+
+
+h1 { 
+
+font-size: 30px; 
+
+color: #488ECE; 
+
+  font-weight: bold;
+
+  font-family: 'Montserrat', sans-serif;
+
+}
+
+
+
+
+
+p  { 	
+
+font-family: 'Quattrocento Sans', Arial;
+
+line-height: 15px;
+
+font-size: 20px;  
+
+color: #7a7a7b; 
+
+}
+
+
+
+a { 
+
+color: #F49426; 
+
+text-decoration: underline;
+
+}
+
+
+
+a:hover { 
+
+text-decoration: none; 
+
+}
+
+@media only screen and (max-width : 480px) 
+
+{
+
+h1 { font-size: 20px; }
+
+p { font-size: 15px; }
+
+}
+
+#logo {
+
+margin-bottom: 40px; 
+
+}
+
+#logo img {
+
+max-width: 100%;
+
+height: auto !important;
+
+}
+
+
+
+@media only screen and (max-width: 650px) {
+
+	#logo {
+
+		height: 75px; 
+
+	}
+
+}
+
+  </style>
+
+<title>Virtnet.bond is Down for Maintenance</title>
+
+
+
+</head>
+
+<body>
+
+<div id="wrapper">
+
+<div id="logo">
+
+<a href=https://virtnet.bond title="Virtnet.bond"><img src="https://billing.virtnet.bond/assets/images/logo.png" alt="Smarter Websites" title="Virtnet.bond" width="500rem" /></a>
+
+</div>
+
+
+
+	<h1>Virtnet.bond is currently down for maintenance.</h1>
+
+	<p>We expect to be back very shortly. Thanks for your patience.</p>
+
+	<p>Feel free to <a href="mailto:admin@virtnet.bond">contact us</a> if you need immediate assistance.</p>
+
+	
+
+</div>	
+
+</body>
+
+</html>
+