Create Footer component

source/src/components/global/Footer.astro

@@ -0,0 +1,43 @@
+---
+// Configuration
+import {
+    version
+} from "@root/package.json"
+---
+
+<footer>
+    <div class="footer-start">
+        <p style="color: gray;">v{version}</p>
+        <p>Zarro Search, a search engine by SudoVanilla</p>
+    </div>
+    <div class="footer-end">
+        <a href="#">About</a>
+        <a href="#">Instances</a>
+        <a href="#">Settings</a>
+        <a href="#">News</a>
+        <a href="#">API</a>
+        <a href="#">Source Code</a>
+        <a href="#">Report Issue</a>
+    </div>
+</footer>
+
+<style lang="scss">
+footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .footer-start {
+        display: flex;
+        gap: 12px;
+    }
+    .footer-end {
+        a {
+            text-decoration: none;
+            margin-left: 12px;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+}
+</style>