diff --git a/frontend/public/android-chrome-192x192.png b/frontend/public/android-chrome-192x192.png
new file mode 100644
index 0000000..31801ef
Binary files /dev/null and b/frontend/public/android-chrome-192x192.png differ
diff --git a/frontend/public/android-chrome-512x512.png b/frontend/public/android-chrome-512x512.png
new file mode 100644
index 0000000..03971c7
Binary files /dev/null and b/frontend/public/android-chrome-512x512.png differ
diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
new file mode 100644
index 0000000..081834c
Binary files /dev/null and b/frontend/public/apple-touch-icon.png differ
diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png
new file mode 100644
index 0000000..fa23375
Binary files /dev/null and b/frontend/public/favicon-16x16.png differ
diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png
new file mode 100644
index 0000000..ff461d2
Binary files /dev/null and b/frontend/public/favicon-32x32.png differ
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 0000000..ff461d2
Binary files /dev/null and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/site.webmanifest b/frontend/public/site.webmanifest
index 97dc286..225dbd5 100644
--- a/frontend/public/site.webmanifest
+++ b/frontend/public/site.webmanifest
@@ -9,13 +9,13 @@
   "orientation": "portrait-primary",
   "icons": [
     {
-      "src": "/pounce-logo.png",
+      "src": "/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any maskable"
     },
     {
-      "src": "/pounce-logo.png",
+      "src": "/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any maskable"
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 6a3052d..f81b3cb 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -83,9 +83,13 @@ export const metadata: Metadata = {
     },
   },
   icons: {
-    icon: '/pounce-logo.png',
-    shortcut: '/pounce-logo.png',
-    apple: '/pounce-logo.png',
+    icon: [
+      { url: '/favicon.ico', sizes: '32x32' },
+      { url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
+      { url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
+    ],
+    shortcut: '/favicon.ico',
+    apple: '/apple-touch-icon.png',
   },
   manifest: '/site.webmanifest',
   alternates: {
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 56d8d04..1427faa 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -151,14 +151,14 @@ export default function HomePage() {
       {/* Hero Section */}
       <section className="relative pt-28 sm:pt-32 md:pt-36 lg:pt-40 pb-16 sm:pb-20 px-4 sm:px-6">
         <div className="max-w-7xl mx-auto text-center">
-          {/* Puma Logo - Large & Prominent */}
-          <div className="flex justify-center mb-6 sm:mb-8 md:mb-10 animate-fade-in">
+          {/* Puma Logo - Compact & Elegant */}
+          <div className="flex justify-center mb-6 sm:mb-8 animate-fade-in">
             <Image
               src="/pounce-puma.png"
               alt="pounce"
-              width={400}
-              height={280}
-              className="w-48 h-auto sm:w-64 md:w-80 lg:w-96 object-contain drop-shadow-[0_0_60px_rgba(16,185,129,0.3)]"
+              width={300}
+              height={210}
+              className="w-32 h-auto sm:w-40 md:w-48 object-contain drop-shadow-[0_0_40px_rgba(16,185,129,0.25)]"
               priority
             />
           </div>