uodate

.env

@@ -0,0 +1 @@
+OPENAI_API_KEY=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

app.py

@@ -114,24 +114,46 @@ with gr.Blocks() as app:
 
     # Define the layout using the Tabs
     with gr.Tab("Damage Assessment"):
-        gr.Markdown('## Evaluate vehicle damage and estimate repair costs by inputting vehicle details and uploading an image of the damage. Receive a comprehensive repair estimate.')
-        make_input = gr.Textbox(label="Make")
-        model_input = gr.Textbox(label="Model")
-        year_input = gr.Textbox(label="Year")
-        image_input = gr.Image(label="Upload Image")
+        gr.Markdown("""## 
+After Saleh's car was rear-ended. He had flashbacks to previous times this has happened,
+ remembering the hassle of calls, and the struggle to find a good repair shop. But now all
+   that is in the past, with Misbah Garage app, he easily knew how much repairs would cost, and got linked to a 
+   trustworthy repair shop. """
+)
+        examples = [
+    ["Toyota", "fortuner", "2019", "/Users/atheer/Desktop/Misbah/mycarsapp/1.jpg"]
+]
+
+        make_input = gr.Textbox(label="Make",  interactive = False)
+        model_input = gr.Textbox(label="Model", interactive = False)
+        year_input = gr.Textbox(label="Year", interactive = False)
+        image_input = gr.Image(label="Click on the example below", type="numpy", interactive = False, width=400, height=400)
         vehicle_output = gr.Textbox(label="Estimation Report")
-        vehicle_button = gr.Button("Assess")
+        gr.Examples(examples=examples, inputs=[make_input, model_input, year_input, image_input], outputs=vehicle_output)   
+        vehicle_button = gr.Button("Inspect")
+        # Define the examples component
     
+    with gr.Tab("Find a repair shop"):
+        gr.Markdown('## Sarah experienced her car shaking when braking. She used Misbah Garage app, described the issue, and immediately got a diagnosis with a cost estimate. The app then directed her to a nearby shop specializing in her car\'s issue, streamlining the repair process.')
+        gr.Markdown(
+        '<div style="display: inline-block;width: 100%;">'
+        '<img class="img-fluid AnimatedLogo" alt="misbah logo icons" title="misbah logo icons" src="/Users/atheer/Desktop/Misbah/mycarsapp/1.jpg">'
+        '</div>'
+    )
+        gr.Image(type="pil", value='/Users/atheer/Desktop/Misbah/mycarsapp/screen-1.png', width=300, height=600)
+
 
     with gr.Tab("Repair Pal Chat"):
-        gr.Markdown('## chat with our Repair Pal about your car problem')
+        gr.Markdown(""" 
+Khalid bought a new car and wanted to learn the best maintenance practices.Through Misbah Garage app, he was able to find comprehensive answers to all his car maintenance questions, significantly expanding his knowledge about caring for his vehicle
+""")
 
         system_message = {"role": "system", "content": "You are a helpful assistant."}
         chatbot = gr.Chatbot()
         msg = gr.Textbox(label='write your problem')
         clear = gr.Button("Clear")
 
-        state = gr.State([])
+        state = gr.State([])g
 
         def user(user_message, history):
             return "", history + [[user_message, None]]
@@ -191,8 +213,7 @@ with gr.Blocks() as app:
 
 
     # Link the button click to the vehicle assessment function
-    vehicle_button.click(vehicle_assessment, inputs=[make_input, model_input, year_input, image_input], outputs=vehicle_output)
+    # vehicle_button.click(vehicle_assessment, inputs=[make_input, model_input, year_input, image_input], outputs=vehicle_output)
     # chat_button.click(chat_with_bot, inputs=[chat_input], outputs=chat_output)
-
-    
+    vehicle_button.click(vehicle_assessment, inputs=[make_input, model_input, year_input, image_input], outputs=vehicle_output)
 app.launch()