Update app.py

app.py

@@ -45,6 +45,8 @@ def image_to_base64(image_path):
 
 logo_b64 = image_to_base64("logo.jpg")
 profile_b64 = image_to_base64("232px-Tv_the_muppet_show_bein_green.jpg")
+# NEW: Load the process preview image
+process_b64 = image_to_base64("preview of process.jpg")
 
 # ==========================================
 # 3. BACKEND LOGIC
@@ -178,7 +180,6 @@ body, .gradio-container { background-color: #f0f2f5; }
     gap: 0px !important; 
 }
 
-/* UPDATED: Forced White Background */
 .content-card {
     background-color: #ffffff !important;
     background: #ffffff !important;
@@ -260,7 +261,7 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                     <span class="app-slogan">Turning Handwritten Notes into a Digital Cookbook.</span>
                 </div>
             </div>
-            <div style="color: #65676b; font-weight: 600;">v4.3</div>
+            <div style="color: #65676b; font-weight: 600;">v4.4</div>
         </div>
     """)
 
@@ -354,7 +355,7 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                 else:
                     gr.Markdown("⚠️ Database is empty.")
 
-            # === VIEW 3: ABOUT ===
+            # === VIEW 3: ABOUT (UPDATED) ===
             with gr.Group(visible=False) as about_view:
                 with gr.Group(elem_classes=["content-card"]):
                     gr.Markdown("""
@@ -365,6 +366,14 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                     ### About Us
                     This app was developed by **Shahar Firshtman** and **Lior Feinstein**, 2nd year students for Economics and data science.
                     """)
+                    
+                    # Process Image
+                    gr.HTML(f"""
+                    <div style="margin-top: 20px;">
+                        <h3 style="color: #444;">Process Overview</h3>
+                        <img src="data:image/jpeg;base64,{process_b64}" style="width: 100%; height: auto; border-radius: 8px; border: 1px solid #ddd;">
+                    </div>
+                    """)
 
         # --- RIGHT COLUMN ---
         with gr.Column(scale=1, min_width=200):