Update static/presentation-agent.html

static/presentation-agent.html

@@ -40,6 +40,22 @@
             color: var(--text-color);
             transition: background-color 0.3s, color 0.3s;
         }
+        .title {
+            font-weight: 700;
+            font-size: 60px !important;
+            background: var(--primary-color);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+            text-align: center;
+            margin: 0;
+            padding: 2rem 0 0.5rem;
+        }
+        .subtitle {
+            font-size: 24px;
+            color: var(--subtitle-color);
+            text-align: center;
+        }
 
         html, body, #app {
             height: 100%;
@@ -171,7 +187,9 @@
         </button>
         <div class="chat-outer-container">
             <div class="chat-container">
-                <h1 class="text-center mb-4">Presentation Chatbot</h1>
+                <h1 class="title">PitchPerfect</h1>
+                <h2 class="subtitle">by Elevatics.ai</h2>
+                <!-- <h1 class="text-center mb-4">Presentation Chatbot</h1> -->
                 <div v-for="(message, index) in chatHistory" :key="index" class="message" :class="message.type === 'user' ? 'user-message' : 'bot-message'">
                     <div v-if="message.type === 'bot'" v-html="message.content"></div>
                     <div v-else>{{ message.content }}</div>