feat(frontend): move project links into footer

Author: tranhoangpich

apps/frontend/src/app/globals.css

@@ -533,30 +533,45 @@ body {
   width: 100%;
 }
 
-.links-row {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+.app-footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
   gap: 12px;
+  margin-top: 36px;
+  padding: 18px 22px;
+  border-radius: 16px;
+  border: 1px solid var(--ios-outline);
+  background: rgba(255, 255, 255, 0.8);
+  box-shadow: var(--ios-shadow);
 }
 
-.link-card {
+.footer-label {
+  font-weight: 600;
+  color: rgba(11, 11, 22, 0.7);
+}
+
+.footer-links {
   display: inline-flex;
+  flex-wrap: wrap;
+  gap: 10px;
   align-items: center;
-  justify-content: center;
-  padding: 14px 16px;
-  border-radius: 14px;
-  border: 1px solid var(--ios-outline);
-  background: rgba(255, 255, 255, 0.7);
-  text-decoration: none;
+  font-size: 14px;
+}
+
+.footer-links a {
   color: var(--ios-ink);
+  text-decoration: none;
   font-weight: 600;
-  box-shadow: var(--ios-shadow);
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
 
-.link-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 18px 40px rgba(24, 28, 52, 0.18);
+.footer-links a:hover {
+  color: #5b6bff;
+}
+
+.footer-separator {
+  color: rgba(11, 11, 22, 0.4);
 }
 
 .step {

apps/frontend/src/app/page.tsx

@@ -290,33 +290,6 @@ export default function Home() {
           </div>
         </section>
 
-        <section className="links-row">
-          <a
-            href="https://github.com/0xBoji/verifyOS"
-            target="_blank"
-            rel="noreferrer"
-            className="link-card"
-          >
-            GitHub Repo
-          </a>
-          <a
-            href="https://marketplace.visualstudio.com/items?itemName=0xBoji.verifyos-vscode"
-            target="_blank"
-            rel="noreferrer"
-            className="link-card"
-          >
-            VS Code Extension
-          </a>
-          <a
-            href="https://crates.io/crates/verifyos-cli"
-            target="_blank"
-            rel="noreferrer"
-            className="link-card"
-          >
-            crates.io
-          </a>
-        </section>
-
         <section className="scan-panel" id="quick-scan">
           <div className="hero-card">
             <div className="card-header">
@@ -494,6 +467,38 @@ export default function Home() {
           </div>
         </section>
 
+        <footer className="app-footer">
+          <div className="footer-label">verifyOS</div>
+          <div className="footer-links">
+            <a
+              href="https://github.com/0xBoji/verifyOS"
+              target="_blank"
+              rel="noreferrer"
+            >
+              GitHub Repo
+            </a>
+            <span className="footer-separator" aria-hidden="true">
+              ·
+            </span>
+            <a
+              href="https://marketplace.visualstudio.com/items?itemName=0xBoji.verifyos-vscode"
+              target="_blank"
+              rel="noreferrer"
+            >
+              VS Code Extension
+            </a>
+            <span className="footer-separator" aria-hidden="true">
+              ·
+            </span>
+            <a
+              href="https://crates.io/crates/verifyos-cli"
+              target="_blank"
+              rel="noreferrer"
+            >
+              crates.io
+            </a>
+          </div>
+        </footer>
       </main>
     </div>
   );