feat: Replace gradient logo with actual logo.png

- Add actual logo.png (1.4MB) to public directory
- Update Navbar to use logo image with Next.js Image component
- Update Footer to use logo image with proper sizing
- Maintain gradient glow effect and hover animations
- Keep dotAIslash/VERSA 1.0 text alongside logo
- Use priority loading for navbar logo

Author: alpha912

app/components/Footer.tsx

@@ -1,3 +1,5 @@
+import Image from "next/image";
+
 export default function Footer() {
   return (
     <footer className="relative bg-gray-950 text-gray-200 mt-24">
@@ -19,8 +21,14 @@ export default function Footer() {
             <div className="flex items-center gap-3 mb-6">
               <div className="relative">
                 <div className="absolute inset-0 bg-gradient-to-br from-violet-500 to-cyan-500 rounded-2xl blur-lg opacity-50" />
-                <div className="relative w-14 h-14 rounded-2xl bg-gradient-to-br from-violet-500 to-cyan-500 flex items-center justify-center shadow-glow-violet">
-                  <span className="text-white font-bold text-2xl">.ai/</span>
+                <div className="relative w-14 h-14 rounded-2xl overflow-hidden shadow-glow-violet">
+                  <Image
+                    src="/logo.png"
+                    alt="dotAIslash logo"
+                    width={56}
+                    height={56}
+                    className="object-cover"
+                  />
                 </div>
               </div>
               <div className="flex flex-col">

app/components/Navbar.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import Link from "next/link";
+import Image from "next/image";
 import { useState, useEffect } from "react";
 
 export default function Navbar() {
@@ -28,8 +29,15 @@ export default function Navbar() {
           <Link href="/" className="flex items-center gap-3 group">
             <div className="relative">
               <div className="absolute inset-0 bg-gradient-to-br from-violet-600 to-cyan-600 rounded-2xl blur-lg opacity-50 group-hover:opacity-75 transition-opacity" />
-              <div className="relative w-12 h-12 rounded-2xl bg-gradient-to-br from-violet-600 to-cyan-600 flex items-center justify-center shadow-lg">
-                <span className="text-white font-bold text-xl">.ai/</span>
+              <div className="relative w-12 h-12 rounded-2xl overflow-hidden shadow-lg">
+                <Image
+                  src="/logo.png"
+                  alt="dotAIslash logo"
+                  width={48}
+                  height={48}
+                  className="object-cover"
+                  priority
+                />
               </div>
             </div>
             <div className="flex flex-col">