diff --git a/src/assets/dancing_jesus.gif b/src/assets/dancing_jesus.gif
new file mode 100644
index 0000000..9b118bb
Binary files /dev/null and b/src/assets/dancing_jesus.gif differ
diff --git a/src/index.html b/src/index.html
index e69de29..ebd4830 100644
--- a/src/index.html
+++ b/src/index.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hestia</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-gray-900 text-white font-sans">
+    <marquee style="color: yellow; background-color: red; font-weight: bold;">
+        PELLET STOVE FREE TRIAL HAS ENDED, PLEASE PURCHASE A LICENSE NOW!
+      </marquee>
+      
+    <div class="container mx-auto py-8 max-w-md">
+        <h1 class="text-3xl text-center text-purple-400 font-bold mb-8">Hestia Control Panel</h1>
+
+        <div class="controls-container bg-gray-800 p-6 rounded-lg shadow-lg space-y-4">
+            <table class="min-w-full bg-gray-900 text-white rounded-lg shadow-lg">
+                <thead>
+                    <tr>
+                        <th class="py-2 px-4 text-left text-purple-400">Element</th>
+                        <th class="py-2 px-4 text-left text-purple-400">Status</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="border-b border-gray-700">
+                        <td class="py-2 px-4">Igniter</td>
+                        <td class="py-2 px-4">Placeholder</td>
+                    </tr>
+                    <tr class="border-b border-gray-700">
+                        <td class="py-2 px-4">Exhaust</td>
+                        <td class="py-2 px-4">Placeholder</td>
+                    </tr>
+                    <tr>
+                        <td class="py-2 px-4">Auger</td>
+                        <td class="py-2 px-4">Placeholder</td>
+                    </tr>
+                </tbody>
+            </table>
+            <form action="/" method="post">
+                <!-- Start | Shutdown | Reload Settings -->
+                <div class="button-container flex justify-between space-x-4">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="igniter-off" value="Disable Igniter" name="igniterOff">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="igniter-on" value="Enable Igniter" name="igniterOn">
+                </div>
+                <div class="button-container flex justify-between space-x-4 mt-4">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="exhaust-off" value="Disable Exhaust" name="exhaustOff">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="exhaust-on" value="Enable Exhaust" name="exhaustOn">
+                </div>
+                <div class="button-container flex justify-between space-x-4 mt-4">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="auger-off" value="Disable Auger" name="augerOff">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="auger-on" value="Enable Auger" name="augerOn">
+                </div>
+
+                <!-- Set feed rates -->
+                <div class="form-group mt-4">
+                    <label for="feedRate" class="block text-sm font-medium text-purple-400">Feed Rate:</label>
+                    <select name="feedRate" class="form-control bg-gray-700 text-white mt-1 block w-full rounded border-gray-600 focus:border-purple-500 focus:ring-purple-500 py-2 px-4">
+                        <option value="500">Low</option>
+                        <option value="625">Medium-Low</option>
+                        <option value="750">Medium</option>
+                        <option value="875">Medium-High</option>
+                        <option value="1000">High</option>
+                    </select>
+                </div>
+                <div class="button-container flex justify-end mt-4">
+                    <input class="btn bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded" type="submit" id="reload" value="Set Feed Rate" name="reload">
+                </div>
+            </form>
+        </div>
+
+        <div class="text-center my-8">
+            <img src="./assets/dancing_jesus.gif" class="img-fluid mx-auto rounded-lg shadow-lg" alt="Dancing Jesus">
+        </div>
+
+        <div class="controls-container bg-gray-800 p-6 rounded-lg shadow-lg hidden" id="quitContainer">
+            <form action="/" method="POST">
+                <input class="btn bg-red-600 hover:bg-red-700 text-white py-2 px-4 rounded w-full" type="submit" id="quit" value="Quit!!" name="quit">
+            </form>
+        </div>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
