feat(frontend): add logo and favicon

Author: tranhoangpich

apps/frontend/public/logo/verifyOS_web_128x.png

@@ -98,6 +98,13 @@ body {
   box-shadow: var(--ios-glow);
 }
 
+.logo-mark img {
+  width: 70%;
+  height: 70%;
+  object-fit: contain;
+  filter: drop-shadow(0 6px 10px rgba(20, 30, 60, 0.25));
+}
+
 .logo-title {
   font-size: 18px;
   font-weight: 700;
@@ -554,11 +561,31 @@ body {
 }
 
 .footer-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
   font-weight: 700;
   color: rgba(11, 11, 22, 0.75);
   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);

apps/frontend/src/app/globals.css

@@ -13,8 +13,14 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "verifyOS",
+  description:
+    "Scan iOS bundles for App Store review risks with agent-ready reports.",
+  icons: {
+    icon: "/logo/verifyOS_web_128x.png",
+    shortcut: "/logo/verifyOS_web_128x.png",
+    apple: "/logo/verifyOS_web_128x.png",
+  },
 };
 
 export default function RootLayout({

apps/frontend/src/app/layout.tsx

@@ -223,7 +223,7 @@ export default function Home() {
       <header className="nav">
         <div className="logo">
           <span className="logo-mark" aria-hidden="true">
-            ✓
+            <img src="/logo/verifyOS_web_128x.png" alt="" />
           </span>
           <div>
             <div className="logo-title">verifyOS</div>
@@ -466,7 +466,12 @@ export default function Home() {
 
         <footer className="app-footer">
           <div>
-            <div className="footer-label">verifyOS</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>
           </div>
           <nav className="footer-links" aria-label="verifyOS links">