css

app.py

@@ -39,13 +39,21 @@ def load_chatbot():
 # Streamlit App Configuration
 st.set_page_config(page_title="Zega AI Sales Agent", page_icon="🤖", layout="centered")
 
+st.markdown("""
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+""", unsafe_allow_html=True)
 load_css("style.css")
 
 # Sidebar with branding
 # Use a placeholder if the logo doesn't exist
-logo_path = "zega_logo.PNG"
+logo_path = "zega_logo.svg"
 if os.path.exists(logo_path):
-    st.sidebar.image(logo_path, width=300)
+    with open(logo_path, "r", encoding="utf-8") as f:
+        svg_content = f.read()
+        
+    st.sidebar.markdown(svg_content,unsafe_allow_html=True)
 else:
     st.sidebar.warning("Logo zega_logo.PNG not found.")
 st.sidebar.markdown("### Welcome to Zega AI Sales Agent!")

style.css

@@ -0,0 +1,32 @@
+h1, h2, h3, h4, h5, h6 {
+	font-family: "Space Grotesk", sans-serif !important;
+  font-optical-sizing: auto !important;
+	font-weight: 700 !important;
+  font-style: normal !important;
+}
+
+h1, h2 {
+	letter-spacing: -1px !important;
+}
+
+h1 {
+	font-size: 36px !important;
+}
+
+h2 {
+	font-size: 27px !important;
+}
+
+.st-emotion-cache-1dp5vir {
+	background-image: linear-gradient(90deg, rgb(65, 105, 225), rgb(0, 255, 255)) !important;
+}
+
+body {
+	font-family: 'Inter Tight', Arial, Helvetica, sans-serif !important;
+	font-size: 14px !important;
+	text-align: left !important;
+}
+
+p , textarea {
+	font-family: 'Inter Tight', Arial, Helvetica, sans-serif !important;
+}