From e616b6efe5dbc853195dd306fcedfafb88347daa Mon Sep 17 00:00:00 2001
From: Jacob Mathison <jacob@mathisonprojects.com>
Date: Fri, 10 Apr 2026 01:13:05 -0500
Subject: [PATCH] feat: wire up BLBLogo and FBBanner as site icon and OG image
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- favicon.ico, icon-192/512, apple-touch-icon → BLBLogo.png
- og:image + twitter:card image → FBBanner.png (OG image)
- Display BLBLogo in About section (replaces skull placeholder)
- Add Next/Image import and aboutLogo CSS class
---
 pages/index.tsx        | 10 +++++++++-
 styles/Home.module.css |  7 +++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 0602eaf..514775c 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,5 @@
 import Head from "next/head";
+import Image from "next/image";
 import styles from "@/styles/Home.module.css";
 
 export default function Home() {
@@ -93,7 +94,14 @@ export default function Home() {
             </p>
           </div>
           <div className={styles.aboutVisual}>
-            <span className={styles.aboutPlaceholder}>💀</span>
+            <Image
+              src="/blb-logo.png"
+              alt="Bone Lord Bob"
+              width={400}
+              height={600}
+              className={styles.aboutLogo}
+              priority
+            />
           </div>
         </section>
 
diff --git a/styles/Home.module.css b/styles/Home.module.css
index f900331..3e94a16 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -253,6 +253,13 @@
   opacity: 0.15;
 }
 
+.aboutLogo {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
 .aboutVisual::before {
   content: '';
   position: absolute;