Update app.py

app.py

@@ -25,6 +25,7 @@ try:
         if isinstance(data, dict):
             stored_embeddings = np.array(data['embeddings'])
         elif isinstance(data, pd.DataFrame):
+            # Fallback for dataframe format
             target_col = next((c for c in ['embedding', 'embeddings', 'vectors'] if c in data.columns), None)
             stored_embeddings = np.vstack(data[target_col].values) if target_col else data
         else:
@@ -36,7 +37,7 @@ except Exception as e:
     stored_embeddings = None
 
 # ==========================================
-# 2. HELPER: IMAGE TO BASE64 (The Fix)
+# 2. HELPER: IMAGE TO BASE64
 # ==========================================
 def image_to_base64(image_path):
     if not os.path.exists(image_path):
@@ -99,9 +100,7 @@ body {background-color: #f0f2f5 !important; font-family: Helvetica, Arial, sans-
 .fb-header {
     background-color: #ffffff; 
     color: #1877f2; 
-    padding: 10px 20px;
-    font-size: 28px; 
-    font-weight: 900;
+    padding: 12px 20px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
     border-bottom: 1px solid #ddd;
     margin-bottom: 20px;
@@ -111,10 +110,30 @@ body {background-color: #f0f2f5 !important; font-family: Helvetica, Arial, sans-
 
 .logo-img {
     height: 40px;
+    width: 40px; 
+    object-fit: cover;
     margin-right: 15px;
     border-radius: 5px;
 }
 
+.header-text-col {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.app-title {
+    font-size: 24px; 
+    font-weight: 900; 
+    line-height: 1.1;
+}
+
+.app-slogan {
+    font-size: 14px; 
+    font-weight: normal; 
+    color: #606770;
+}
+
 .sidebar-btn {
     background-color: transparent !important;
     color: #050505 !important;
@@ -152,12 +171,14 @@ body {background-color: #f0f2f5 !important; font-family: Helvetica, Arial, sans-
 # ==========================================
 with gr.Blocks(css=fb_css, title="Legacy Kitchen") as demo:
     
-    # --- HEADER WITH EMBEDDED LOGO ---
-    # We inject the Base64 string directly into the HTML
+    # --- HEADER ---
     gr.HTML(f"""
         <div class="fb-header">
             <img src="data:image/jpeg;base64,{logo_b64}" class="logo-img" alt="Logo">
-            Legacy Kitchen
+            <div class="header-text-col">
+                <span class="app-title">Legacy Kitchen</span>
+                <span class="app-slogan">Your Family Cookbook</span>
+            </div>
         </div>
     """)
 
@@ -169,7 +190,9 @@ with gr.Blocks(css=fb_css, title="Legacy Kitchen") as demo:
             
             nav_feed = gr.Button("📰   Feed", elem_classes=["sidebar-btn"])
             nav_digital = gr.Button("📸   Digitizer", elem_classes=["sidebar-btn"])
-            nav_saved = gr.Button("🔖   Saved", elem_classes=["sidebar-btn"])
+            
+            # --- UPDATED BUTTON ---
+            nav_about = gr.Button("ℹ️   About Us", elem_classes=["sidebar-btn"])
             
             gr.Markdown("---")
             gr.Markdown("Privacy · Terms · Cookies")
@@ -225,15 +248,25 @@ with gr.Blocks(css=fb_css, title="Legacy Kitchen") as demo:
                     
                     magic_btn.click(magic_pipeline, input_img, [out_text, out_sim])
             
-            # VIEW 3: SAVED
-            with gr.Group(visible=False) as saved_view:
-                gr.Markdown("### 🔖 Saved Recipes", elem_classes=["fb-card"])
-                gr.Markdown("No saved recipes yet.")
-
-    # Nav Logic
-    nav_feed.click(lambda: (gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)), None, [feed_view, digitalizer_view, saved_view])
-    nav_digital.click(lambda: (gr.update(visible=False), gr.update(visible=True), gr.update(visible=False)), None, [feed_view, digitalizer_view, saved_view])
-    nav_saved.click(lambda: (gr.update(visible=False), gr.update(visible=False), gr.update(visible=True)), None, [feed_view, digitalizer_view, saved_view])
+            # VIEW 3: ABOUT US (Updated View)
+            with gr.Group(visible=False) as about_view:
+                gr.Markdown("### ℹ️ About Us", elem_classes=["fb-card"])
+                with gr.Group(elem_classes=["fb-card"]):
+                    gr.Markdown("""
+                    **Legacy Kitchen** is a project dedicated to preserving culinary history. 
+                    
+                    We believe that every handwritten recipe tells a story. Our AI-powered platform helps you:
+                    1. **Digitize** old handwritten notes into clear text.
+                    2. **Discover** similar dishes from a database of 10,000+ recipes.
+                    3. **Connect** with a community of food lovers.
+                    
+                    *Preserving the Past, Cooking for the Future.*
+                    """)
+
+    # Nav Logic (Updated for About Us)
+    nav_feed.click(lambda: (gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)), None, [feed_view, digitalizer_view, about_view])
+    nav_digital.click(lambda: (gr.update(visible=False), gr.update(visible=True), gr.update(visible=False)), None, [feed_view, digitalizer_view, about_view])
+    nav_about.click(lambda: (gr.update(visible=False), gr.update(visible=False), gr.update(visible=True)), None, [feed_view, digitalizer_view, about_view])
 
 if __name__ == "__main__":
     demo.launch()