Initial Code

First Commit

src/components/AppFooter.vue

@@ -0,0 +1,37 @@
+<template>
+    <footer class="app-footer bg-transparent py-2 px-3 text-purple fw-semibold overflow-hidden">
+        <div class="scrolling-text">
+            Welcome to Eira — Your personal AI assistant ready to surprise you every day!
+        </div>
+    </footer>
+</template>
+<script>
+export default {
+    name: "AppFooter",
+};
+</script>
+<style scoped>
+.app-footer {
+    user-select: none;
+    white-space: nowrap;
+}
+
+.scrolling-text {
+    display: inline-block;
+    animation: scrollLeft 15s linear infinite;
+}
+
+@keyframes scrollLeft {
+    0% {
+        transform: translateX(100%);
+    }
+
+    100% {
+        transform: translateX(-100%);
+    }
+}
+
+.text-purple {
+    color: #6b46c1;
+}
+</style>