Initial commit: public frontend for GameNo.

Vue 3 + Vite student-facing app with routing, Pinia state, and API integration.

src/components/SiteFooter.vue

@@ -0,0 +1,63 @@
+<template>
+  <footer class="site-footer">
+    <div class="container footer-inner">
+      <div>
+        <p class="footer-brand">گام نو</p>
+        <p class="footer-copy">آموزش تخصصی برای قدم بعدی شما.</p>
+      </div>
+      <div class="footer-links">
+        <RouterLink to="/login">ورود</RouterLink>
+        <a href="/#courses">دوره‌ها</a>
+        <a href="/#contact">تماس با ما</a>
+        <RouterLink to="/account">پنل کاربری</RouterLink>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<script setup>
+import { RouterLink } from 'vue-router'
+</script>
+
+<style scoped>
+.site-footer {
+  background: var(--deep);
+  color: var(--chalk);
+  padding: 2.5rem 0;
+  margin-top: auto;
+}
+
+.footer-inner {
+  display: flex;
+  justify-content: space-between;
+  gap: 1.5rem;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.footer-brand {
+  font-family: var(--font-display);
+  font-size: 1.6rem;
+  font-weight: 700;
+  color: var(--saffron);
+}
+
+.footer-copy {
+  color: rgba(247, 251, 248, 0.72);
+  margin-top: 0.25rem;
+}
+
+.footer-links {
+  display: flex;
+  gap: 1.25rem;
+  font-weight: 600;
+}
+
+.footer-links a {
+  color: rgba(247, 251, 248, 0.8);
+}
+
+.footer-links a:hover {
+  color: var(--saffron);
+}
+</style>