style and description

app.py

@@ -4,6 +4,7 @@ from PIL import Image
 import numpy as np
 from gemini_correction import AiCorrection
 from pathlib import Path
+import os
 
 @st.cache_resource()
 def load_useful():
@@ -24,10 +25,23 @@ def load_css(file_name):
         
 
 def main():
+    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")
-    st.title("Zega OCR Demo")
-    st.sidebar.image('zega_logo.PNG', width=300)
-    st.write("Upload an image to extract text using OCR")
+    st.title("Zega Optical Character Recognition (OCR) Demo")
+    logo_path = "zega_logo.svg"
+    if os.path.exists(logo_path):
+        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.write('''This demo lets you upload an image (or use a sample contract) to extract text with OCR.
+Then, it sends that text to an AI to clean it up and make it sound better.''')
 
     # Initialize PaddleOCR and AI Corrector
     ocr, ai_corrector = load_useful()

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;
+}