Update app.py

app.py

@@ -124,4 +124,83 @@ def search_products(
         "data": results,
         "totalpages": total_pages,
         "currentpage": page
-    }
+    }
+
+import gradio as gr
+
+# Introduction and About Section
+about_md = """
+# Semantic Search API
+
+Welcome to my Semantic Search project! This app showcases an API for searching fashion products using **semantic embeddings**.
+
+## API Details
+- **Base URL**: [https://MohamedAshraf701-Semantic-Search.hf.space](https://MohamedAshraf701-Semantic-Search.hf.space)
+- **Search Endpoint**: `/products`
+  - Example Query:
+    ```bash
+    curl --location --request GET 'https://MohamedAshraf701-Semantic-Search.hf.space/products?query=black&page=1&items_per_page=1'
+    ```
+  - Response Format:
+    ```json
+    {
+        "status": 200,
+        "data": [
+            {
+                "productDisplayName": "Black T-Shirt",
+                "baseColour": "Black",
+                "masterCategory": "Apparel",
+                "gender": "Men",
+                "image": "BASE64_STRING"
+            }
+        ],
+        "totalpages": 10,
+        "currentpage": 1
+    }
+    ```
+
+## Technologies Used
+- **Model**: [sentence-transformers/multi-qa-mpnet-base-cos-v1](https://huggingface.co/sentence-transformers/multi-qa-mpnet-base-cos-v1)
+- **Dataset**: [Fashion Product Images](https://huggingface.co/datasets/ashraq/fashion-product-images-small)
+- **Framework**: FastAPI for backend
+- **Semantic Search**: Implemented using embeddings for efficient and accurate results.
+
+## About Me
+I am a **Python** and **Node.js** developer passionate about AI and machine learning. Check out my other projects:
+- [Hugging Face Profile](https://huggingface.co/MohamedAshraf701)
+- [GitHub](https://github.com/MohamedAshraf701)
+"""
+
+# Gradio Interface
+def show_about():
+    return about_md
+
+with gr.Blocks(theme=gr.themes.Default()) as demo:
+    gr.Markdown("# Semantic Search")
+    gr.Markdown("This application showcases the Semantic Search API built using advanced embeddings.")
+    
+    with gr.Tab("API Details"):
+        gr.Markdown(about_md)
+    
+    with gr.Tab("My Work"):
+        gr.Markdown("""
+        ## Highlights
+        - **Semantic Search API**: Powered by Sentence Transformers for accurate product recommendations.
+        - **Technologies**: FastAPI, Hugging Face datasets, and sentence-transformers.
+
+        ## Other Work
+        - [Sentence Correction](https://huggingface.co/spaces/MohamedAshraf701/sentence-corrector)
+        - [Query Response AI](https://huggingface.co/spaces/MohamedAshraf701/query-response-ai)
+        - [Portfolio](https://ashraf.digital)
+        """)
+    
+    with gr.Tab("Contact"):
+        gr.Markdown("## Let's Connect!")
+        gr.Markdown("""
+        - **Email**: [email protected]
+        - **Twitter**: [@mohamedashraf](https://twitter.com/mohamedashraf)
+        - **LinkedIn**: [Profile](https://linkedin.com/in/mohamedashraf)
+        """)
+
+# Launch the Gradio App
+demo.launch()