Update app.py

app.py

@@ -1,9 +1,7 @@
-
 import os
 import streamlit as st
 from groq import Groq
-from transformers
-import AutoTokenizer
+from transformers import AutoTokenizer
 import faiss
 import numpy as np
 
@@ -104,6 +102,10 @@ def main():
     # Custom styling for the app using markdown
     st.markdown("""
         <style>
+            body {
+                background: linear-gradient(to right, #ff7e5f, #feb47b, #6a11cb, #2575fc);
+                font-family: Arial, sans-serif;
+            }
             .title {
                 font-size: 40px;
                 font-weight: bold;
@@ -134,12 +136,35 @@ def main():
     st.title("Microcontroller Code Generator", anchor="title")
 
     # Step 1: Display Custom Image
-    # Use the image URL from Hugging Face Files Section
+    # Use the image URL from Imgur
     image_url = "https://imgur.com/CBm5exE.png"
     st.image(image_url, caption="Custom Image", use_container_width=True)
 
     st.write("Select a microcontroller and provide your code requirements to generate code.")
 
+    # Custom styling for the app with logo in top bar
+    st.markdown("""
+        <style>
+            .top-bar-logo {
+                position: absolute;
+                top: 0;
+                left: 0;
+                padding: 10px;
+                z-index: 100;
+            }
+            .stApp {
+                padding-top: 50px; /* Adjust this based on your logo size */
+            }
+        </style>
+    """, unsafe_allow_html=True)
+
+    # Add logo to the top bar using the new Imgur image URL
+    st.markdown("""
+        <div class="top-bar-logo">
+            <img src="https://i.imgur.com/CBm5exE.png" alt="Logo" width="150">
+        </div>
+    """, unsafe_allow_html=True)
+
     # Sidebar with different selection options for users
     with st.sidebar:
         st.header("Microcontroller Selection")