Update app.py

app.py

@@ -1,7 +1,36 @@
 import streamlit as st
 import influencer_ui 
 import influencer_onboarding
+import base64
 
+def get_base64_of_bin_file(bin_file):
+    """
+    Converts a binary file to base64 encoding.
+    """
+    with open(bin_file, 'rb') as file:
+        data = file.read()
+    return base64.b64encode(data).decode()
+
+def set_bg_from_local_image(local_img_path):
+    """
+    Sets a local image as the background of the Streamlit app.
+    """
+    bin_str = get_base64_of_bin_file(local_img_path)
+    page_bg_img = f"""
+    <style>
+    .stApp {{
+        background-image: url("data:image/jpg;base64,{bin_str}");
+        background-size: cover;
+        background-attachment: fixed;
+        background-repeat: no-repeat;
+        background-position: center center;
+        opacity: 0.8;
+    }}
+    </style>
+    """
+
+set_bg_from_local_image('images/Influencers.png') 
+    
 # Page Configuration
 st.set_page_config(page_title="InstaImpact", layout="wide")
 
@@ -15,20 +44,28 @@ selection = st.sidebar.radio("Go to", nav_options)
 
 # Homepage
 if selection == "Homepage":
-    st.title("Welcome to InstaImpact")
+    st.markdown("<h1 style='text-align: center; color: white;'>Welcome to InstaImpact</h1>", unsafe_allow_html=True)
     st.markdown("""
-        **InstaImpact is your comprehensive tool for influencer marketing. 
-        - Discover and analyze influencers
-        - Plan and manage your campaigns
-        - Get insights on the latest market trends
-        """)
+        <div style="font-size: 20px; color: white;">
+            <p><strong>InstaImpact is your comprehensive tool for influencer marketing.</strong></p>
+            <ul>
+                <li>Discover and analyze influencers</li>
+                <li>Plan and manage your campaigns</li>
+                <li>Get insights on the latest market trends</li>
+            </ul>
+        </div>
+        """, unsafe_allow_html=True)
 
-    st.markdown("## Platform Capabilities")
+    st.markdown("<h2 style='color: white;'>Platform Capabilities</h2>", unsafe_allow_html=True)
     st.markdown("""
-    - **Influencer Search**: Find the perfect influencer match for your brand.
-    - **Campaign Analytics**: Measure the success of your campaigns.
-    - **Market Trends**: Stay ahead with the latest in influencer marketing.
-    """)
+        <div style="font-size: 18px; color: white;">
+            <ul>
+                <li><strong>Influencer Search</strong>: Find the perfect influencer match for your brand.</li>
+                <li><strong>Campaign Analytics</strong>: Measure the success of your campaigns.</li>
+                <li><strong>Market Trends</strong>: Stay ahead with the latest in influencer marketing.</li>
+            </ul>
+        </div>
+        """, unsafe_allow_html=True)
 # Influencer Search
 elif selection == "Influencer Search":
     influencer_ui.show_influencer_search_page()