From 2288c8563d1cca0665320832b5cc5667eb60a040 Mon Sep 17 00:00:00 2001
From: muken <jmendoza14@pm.me>
Date: Tue, 30 Jun 2026 00:34:01 -0500
Subject: [PATCH] feat: show food photos in coffee menu

---
 src/app/coffee/page.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/app/coffee/page.tsx b/src/app/coffee/page.tsx
index 5d82d1c..88e5fdd 100644
--- a/src/app/coffee/page.tsx
+++ b/src/app/coffee/page.tsx
@@ -9,6 +9,8 @@ interface MenuItem {
   description: string;
   price: string;
   is_daily_special: boolean;
+  photos?: string[];
+  featured_photo?: string | null;
 }
 
 const gold = '#E8A849';
@@ -107,6 +109,15 @@ export default function CoffeePage() {
                     boxShadow: '0 1px 3px rgba(1,13,30,0.08)',
                   }}
                 >
+                  {(item.photos && item.photos.length > 0) && (
+                    <div style={{ marginBottom: '0.75rem' }}>
+                      <img
+                        src={item.featured_photo || item.photos[0]}
+                        alt={item.name}
+                        style={{ width: '100%', height: 120, objectFit: 'cover', borderRadius: '12px' }}
+                      />
+                    </div>
+                  )}
                   <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline', marginBottom: '0.5rem' }}>
                     <strong style={{ color: navy }}>{item.name}</strong>
                     <span style={{ color: warm, fontWeight: 700 }}>${item.price}</span>