feat(frontend): adjust logo styling and footer icons

Author: tranhoangpich

apps/frontend/src/app/globals.css

@@ -91,7 +91,7 @@ body {
   height: 42px;
   display: grid;
   place-items: center;
-  border-radius: 14px;
+  border-radius: 999px;
   font-weight: 700;
   color: var(--ios-ink);
   background: linear-gradient(135deg, var(--ios-purple), var(--ios-teal));
@@ -569,23 +569,6 @@ body {
   font-size: 16px;
 }
 
-.footer-brand {
-  width: 28px;
-  height: 28px;
-  display: grid;
-  place-items: center;
-  border-radius: 9px;
-  background: linear-gradient(135deg, var(--ios-purple), var(--ios-teal));
-  box-shadow: var(--ios-glow);
-}
-
-.footer-brand img {
-  width: 70%;
-  height: 70%;
-  object-fit: contain;
-  filter: drop-shadow(0 4px 8px rgba(20, 30, 60, 0.2));
-}
-
 .footer-subtitle {
   font-size: 13px;
   color: rgba(11, 11, 22, 0.5);
@@ -610,6 +593,9 @@ body {
   background: rgba(255, 255, 255, 0.9);
   box-shadow: 0 8px 20px rgba(32, 36, 70, 0.12);
   transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
 }
 
 .footer-link:hover {
@@ -618,6 +604,27 @@ body {
   box-shadow: 0 14px 30px rgba(32, 36, 70, 0.18);
 }
 
+.footer-icon {
+  width: 26px;
+  height: 26px;
+  border-radius: 999px;
+  display: grid;
+  place-items: center;
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.4px;
+  color: white;
+  background: #111827;
+}
+
+.footer-link:nth-of-type(2) .footer-icon {
+  background: #0078d4;
+}
+
+.footer-link:nth-of-type(3) .footer-icon {
+  background: #f04d2f;
+}
+
 .step {
   display: flex;
   gap: 12px;

apps/frontend/src/app/page.tsx

@@ -467,9 +467,6 @@ export default function Home() {
         <footer className="app-footer">
           <div>
             <div className="footer-label">
-              <span className="footer-brand" aria-hidden="true">
-                <img src="/logo/verifyOS_web_128x.png" alt="" />
-              </span>
               verifyOS
             </div>
             <div className="footer-subtitle">Resources &amp; downloads</div>
@@ -481,6 +478,9 @@ export default function Home() {
               rel="noreferrer"
               className="footer-link"
             >
+              <span className="footer-icon" aria-hidden="true">
+                GH
+              </span>
               GitHub Repo
             </a>
             <a
@@ -489,6 +489,9 @@ export default function Home() {
               rel="noreferrer"
               className="footer-link"
             >
+              <span className="footer-icon" aria-hidden="true">
+                VS
+              </span>
               VS Code Extension
             </a>
             <a
@@ -497,6 +500,9 @@ export default function Home() {
               rel="noreferrer"
               className="footer-link"
             >
+              <span className="footer-icon" aria-hidden="true">
+                CR
+              </span>
               crates.io
             </a>
           </nav>