Replace stock "MycoFi Coffee" images with on-brand mycoeconomics branding

Removed the generic mushroom coffee stock images (og-image.jpg, mycofi-logo.jpg)
and replaced with custom-generated PNG assets matching the site's green mycelial theme.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/layout.tsx

@@ -28,7 +28,7 @@ export const metadata: Metadata = {
     siteName: "MycoFi",
     images: [
       {
-        url: "/og-image.jpg",
+        url: "/og-image.png",
         width: 1200,
         height: 630,
         alt: "MycoFi - Regenerative Economics",
@@ -41,7 +41,7 @@ export const metadata: Metadata = {
     card: "summary_large_image",
     title: "MycoFi - Mycoeconomics & Permaculture Currencies",
     description: "Exploring regenerative economic systems inspired by mycelial networks and nature's resource allocation algorithms",
-    images: ["/og-image.jpg"],
+    images: ["/og-image.png"],
   },
 }
 

components/header.tsx

@@ -8,7 +8,7 @@ export function Header() {
       <div className="container flex h-16 items-center justify-between px-4">
         <Link href="/" className="flex items-center gap-3">
           <Image
-            src="/mycofi-logo.jpg"
+            src="/mycofi-logo.png"
             alt="MycoFi Logo"
             width={40}
             height={40}

docker-compose.yml

@@ -6,6 +6,13 @@ services:
     image: mycofi-earth-website:latest
     container_name: mycofi-earth-website
     restart: unless-stopped
+    read_only: true
+    tmpfs:
+      - /tmp
+    cap_drop:
+      - ALL
+    security_opt:
+      - no-new-privileges:true
     environment:
       - NODE_ENV=production
       - HOSTNAME=0.0.0.0