most of the theme is done, need two intro bits on homepage, considering images and fonts

src/components/navbar.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import Link from "next/link"
+import Image from "next/image"
 import { useEffect, useState } from "react"
 
 interface Post {
@@ -20,18 +21,16 @@ export default function Navbar() {
       .catch((err) => console.error("Error fetching posts:", err))
   }, [])
 
-  console.log(posts)
-
   return (
     <nav className="fixed top-0 left-0 right-0 z-50 bg-black/90 backdrop-blur-sm border-b border-red-600/20 font-mono">
       <div className="container max-w-screen px-8">
         <div className="flex items-center justify-between h-16">
           {/* Left side - Logo and title */}
           <Link href="/" className="flex items-center space-x-3 hover:opacity-80 transition-opacity">
-            <div className="w-8 h-8 bg-red-600 rounded-sm flex items-center justify-center">
-              <span className="text-white font-bold text-sm">D</span>
+            <div className="w-8 h-8 rounded-sm flex items-center justify-center">
+              <Image className="rounded-sm" src="/cover.jpg" height={100} width={100} alt="DAMN. album cover"/>
             </div>
-            <span className="text-white font-bold text-xl tracking-wider">DAMN.</span>
+            <span className="text-red-600 font-bold text-xl tracking-wider">DAMN.</span>
           </Link>
 
           {/* Right side - Posts navigation */}