Update app.py

app.py

@@ -1,4 +1,12 @@
 import streamlit as st
+# Set page config - must be the first Streamlit command
+st.set_page_config(
+    page_title="SlideGator.AI",
+    page_icon="🐊",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
 import uuid
 import os
 from components import (
@@ -14,14 +22,6 @@ api_key = os.getenv("ANTHROPIC_API_KEY")
 if not api_key:
     st.error("⚠️ ANTHROPIC_API_KEY environment variable not found. The app will use fallback content generation.")
 
-# Set page config - must be the first Streamlit command
-st.set_page_config(
-    page_title="AI PowerPoint Creator",
-    page_icon="📊",
-    layout="wide",
-    initial_sidebar_state="expanded"
-)
-
 # Add custom CSS
 st.markdown("""
 <style>
@@ -57,6 +57,33 @@ st.markdown("""
         transform: translateY(-5px) !important;
         box-shadow: 0 6px 12px rgba(0,0,0,0.15) !important;
     }
+    
+    /* SlideGator branding */
+    .logo-text {
+        color: #4CAF50;
+        font-weight: bold;
+        font-family: 'Arial', sans-serif;
+    }
+    
+    /* Stage icons */
+    .stage-icon {
+        font-size: 1.5rem;
+        margin-right: 0.5rem;
+    }
+    
+    /* Custom button styles */
+    .gator-button {
+        background-color: #4CAF50;
+        color: white;
+        border-radius: 5px;
+        padding: 8px 16px;
+        font-weight: bold;
+        transition: all 0.3s;
+    }
+    .gator-button:hover {
+        background-color: #45a049;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+    }
 </style>
 """, unsafe_allow_html=True)
 
@@ -80,31 +107,50 @@ if "slides_content" not in st.session_state:
 
 # Sidebar
 with st.sidebar:
-    st.image("https://via.placeholder.com/150x80.png?text=PowerPoint+AI", width=150)
-    st.title("AI PowerPoint Creator")
+    # Custom SlideGator logo and title
+    st.markdown("""
+    <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+        <div style="font-size: 2.5rem; margin-right: 0.5rem;">🐊</div>
+        <div>
+            <div style="font-size: 1.5rem; font-weight: bold; color: #4CAF50;">SlideGator.AI</div>
+            <div style="font-size: 0.8rem; color: #666;">Snapping up presentation perfection</div>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)
     
     # Display API information
     if api_key:
-        st.success("Claude API connected")
+        st.success("🟢 Claude AI engine connected")
     else:
-        st.error("Claude API not connected")
+        st.error("🔴 Claude AI engine not connected")
     
     # Display current progress
-    st.write("## Progress")
-    stages = ["Ideation", "Storyboard", "Template", "Slides", "Export"]
-    current_stage_idx = stages.index(st.session_state.current_stage.title()) if st.session_state.current_stage.title() in stages else 0
+    st.write("## Your Journey")
+    stages = [
+        {"name": "Ideation", "icon": "💡"},
+        {"name": "Storyboard", "icon": "📋"},
+        {"name": "Template", "icon": "🎨"},
+        {"name": "Slides", "icon": "🖼️"},
+        {"name": "Export", "icon": "📤"}
+    ]
+    current_stage_idx = stages.index(next((s for s in stages if s["name"].lower() == st.session_state.current_stage), stages[0]))
     progress_value = (current_stage_idx) / (len(stages) - 1)
     st.progress(progress_value)
     
     # Display all stages and highlight current
     for i, stage in enumerate(stages):
         if i == current_stage_idx:
-            st.markdown(f"### ▶️ {stage}")
+            st.markdown(f"### {stage['icon']} {stage['name']} ◀")
         else:
-            st.markdown(f"### ○ {stage}")
+            st.markdown(f"### {stage['icon']} {stage['name']}")
     
     st.write("---")
-    st.write("Made with ❤️ and Claude AI")
+    st.markdown("""
+    <div style="text-align: center;">
+        <div>Made with 💚 by SlideGator.AI</div>
+        <div style="font-size: 0.8rem; color: #666;">Powered by Claude AI</div>
+    </div>
+    """, unsafe_allow_html=True)
     
     # Jump to stage buttons (for development/testing)
     if st.checkbox("Development Mode", value=False):
@@ -112,13 +158,20 @@ with st.sidebar:
         col1, col2 = st.columns(2)
         for i, stage in enumerate(stages):
             with col1 if i % 2 == 0 else col2:
-                if st.button(stage, key=f"jump_{stage}"):
-                    st.session_state.current_stage = stage.lower()
+                if st.button(f"{stage['icon']} {stage['name']}", key=f"jump_{stage['name']}"):
+                    st.session_state.current_stage = stage['name'].lower()
                     st.rerun()
 
 # Main content
-st.title("AI PowerPoint Creator")
-st.write("Create professional presentations with AI-powered storyboarding and content generation")
+st.markdown("""
+<div style="display: flex; align-items: center; margin-bottom: 1rem;">
+    <div style="font-size: 3rem; margin-right: 1rem;">🐊</div>
+    <div>
+        <h1 style="margin: 0; color: #4CAF50;">SlideGator.AI</h1>
+        <div style="font-size: 1.2rem;">Create professional presentations with AI-powered storyboarding and content generation</div>
+    </div>
+</div>
+""", unsafe_allow_html=True)
 
 # Display different UI based on current stage
 if st.session_state.current_stage == "ideation":