27080_logo_removal

@@ -250,6 +250,19 @@
     font-size: 14px;
     font-size: 14px;
 }
 }
 
 
+.suggested-header-title {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+.suggested-header-title p:first-child {
+  font-size: 1.57em;
+}
+
+.suggested-header-title p {
+  margin: 0;
+}
+
 ul.suggested-options {
 ul.suggested-options {
     cursor: pointer;
     cursor: pointer;
     overflow-x: hidden;
     overflow-x: hidden;

 const SideMenu = ({ clearChat, currentModel, setCurrentModel, models, setTemperature, temperature }) =>
 const SideMenu = ({ clearChat, currentModel, setCurrentModel, models, setTemperature, temperature }) =>
 <aside className="sidemenu">
 <aside className="sidemenu">
   <div className="ai-logo-container">
   <div className="ai-logo-container">
-    <img className="ai-logo" alt="Ai-pro logo" src="../assets/images/AIPRO-WHITE.png" height="50px"/>
+    <img className="ai-logo" alt="Ai-pro logo" src="../assets/images/chatgpt-aipro.png" height="50px"/>
   </div>
   </div>
       <div className="side-menu-button" onClick={clearChat}>
       <div className="side-menu-button" onClick={clearChat}>
         <span>+</span>
         <span>+</span>

@@ -21,7 +21,10 @@ const SuggestedOptions = ({ setChatInput }) => {
   return (
   return (
     <div className="suggested">
     <div className="suggested">
       <div className="suggestedrow title">
       <div className="suggestedrow title">
-        <h1>Welcome to AI-PRO</h1>
+        <div className="suggested-header-title">
+          <p>ChatGPT</p>
+          <p>by AI-PRO</p>
+        </div>
         <p>This chatbot is capable of answering questions and generating text based on the input you provide.</p>
         <p>This chatbot is capable of answering questions and generating text based on the input you provide.</p>
       </div>
       </div>
       <div className="suggestedcol rack1">
       <div className="suggestedcol rack1">