diff --git a/.gitignore b/.gitignore
index 43f6f24..1cdaf5c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,3 +10,10 @@ debian/collectd-web/**
 /debian/*.substvars
 /debian/generated/
 /debian/tmp/
+
+*.pyc
+*.pyo
+*.pyd
+__pycache__/
+venv/
+.venv/
diff --git a/WARP.md b/WARP.md
new file mode 100644
index 0000000..1ee1a00
--- /dev/null
+++ b/WARP.md
@@ -0,0 +1,14 @@
+# Warp (Agent) Project Rules
+
+These rules help Warp (the AI agent) work effectively in this repository.
+
+## GitHub workflow (IMPORTANT)
+
+- All GitHub interactions (creating/viewing issues, opening PRs, reviewing PRs, commenting) should be done through the GitHub MCP server, not the GitHub CLI.
+
+## Feature Development
+
+- When adding new features, ensure that you create a new branch from the latest `main`
+- Name branches descriptively based on the feature being developed (e.g., `feature/add-authentication`).
+- Write clear and concise commit messages that describe the changes made.
+- Once, the feature is complete, open a pull request (PR) against the `main` branch for review.
diff --git a/site/index.html b/site/index.html
index dabef20..b45d109 100644
--- a/site/index.html
+++ b/site/index.html
@@ -5,62 +5,27 @@
   <meta charset="UTF-8" />
   <title>Collectd-web - The Frontend for collectd</title>
   <meta name="description" content="Collectd-web provides a sleek, intuitive, and customizable web interface for Collectd, the robust resource monitoring tool. Easily visualize system statistics with a responsive design.">
+  <!-- Redirect -->
+  <meta http-equiv="refresh" content="15;url=https://collectd-web.lovable.app">
   <!-- Bootstrap CSS -->
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" crossorigin="anonymous">
   <!-- FontAwesome -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
-  <style>
-    body {
-      background-color: #2b2b2b;
-      color: #ffffff;
-      margin: 0;
-      padding: 0;
-    }
-
-    .navbar-brand {
-      font-weight: bold;
-    }
-
-    .sidebar {
-      min-height: 100vh;
-      border-right: 1px solid #444;
-    }
-
-    .nav-link {
-      color: #cccccc;
-    }
-
-    .nav-link:hover {
-      color: #ffffff;
-    }
-
-    code,
-    pre {
-      background-color: #333333 !important;
-      color: #ffffff !important;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      color: #ff8800;
-    }
-
-    hr {
-      border-color: #444;
-    }
-
-    .section-title i {
-      margin-right: 6px;
-    }
-  </style>
+  <!-- Site styles -->
+  <link rel="stylesheet" href="styles.css">
 </head>
 
 <body>
 
+  <!-- Redirect Banner -->
+  <div id="redirect-banner">
+    <i class="fas fa-external-link-alt"></i>
+    This page has moved. You will be redirected to
+    <a href="https://collectd-web.lovable.app">collectd-web.lovable.app</a>
+    in <span id="countdown">15</span> seconds.
+    <a href="https://collectd-web.lovable.app">Go now &rarr;</a>
+  </div>
+
   <!-- Navbar -->
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     <div class="container-fluid">
@@ -268,8 +233,21 @@ <h2 class="section-title"><i class="fas fa-users"></i> Contributing</h2>
   </div>
 
   <!-- Bootstrap JS (optional if you need dynamic components) -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous">
-    </script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
+  <script>
+    (function () {
+      var seconds = 15;
+      var el = document.getElementById('countdown');
+      var interval = setInterval(function () {
+        seconds--;
+        if (el) el.textContent = seconds;
+        if (seconds <= 0) {
+          clearInterval(interval);
+          window.location.href = 'https://collectd-web.lovable.app';
+        }
+      }, 1000);
+    })();
+  </script>
 </body>
 
 </html>
diff --git a/site/styles.css b/site/styles.css
new file mode 100644
index 0000000..f0d8dd2
--- /dev/null
+++ b/site/styles.css
@@ -0,0 +1,71 @@
+body {
+  background-color: #2b2b2b;
+  color: #ffffff;
+  margin: 0;
+  padding: 0;
+}
+
+.navbar-brand {
+  font-weight: bold;
+}
+
+.sidebar {
+  min-height: 100vh;
+  border-right: 1px solid #444;
+}
+
+.nav-link {
+  color: #cccccc;
+}
+
+.nav-link:hover {
+  color: #ffffff;
+}
+
+code,
+pre {
+  background-color: #333333 !important;
+  color: #ffffff !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: #ff8800;
+}
+
+hr {
+  border-color: #444;
+}
+
+.section-title i {
+  margin-right: 6px;
+}
+
+/* Redirect banner */
+#redirect-banner {
+  background-color: #ff8800;
+  color: #1a1a1a;
+  text-align: center;
+  padding: 14px 20px;
+  font-size: 1rem;
+  font-weight: 500;
+}
+
+#redirect-banner a {
+  color: #1a1a1a;
+  font-weight: 700;
+  text-decoration: underline;
+}
+
+#redirect-banner a:hover {
+  color: #333;
+}
+
+#countdown {
+  font-weight: 700;
+  font-size: 1.1rem;
+}
