Updated App.tsx to adjust logo

src/App.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { Send, MapPin, User, Users, DollarSign, Briefcase, CheckCircle, Bot } from 'lucide-react';
+import InsuCompassLogo from './assets/InsuCompass_Logo.png';
 
 // Types
 interface UserProfile {
@@ -186,11 +187,9 @@ const InsuCompassApp: React.FC = () => {
     <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-indigo-50">
       {/* Header */}
       <div className="bg-white shadow-sm border-b">
-        <div className="max-w-4xl mx-auto px-6 py-4">
+        <div className="max-w-10xl mx-auto px-6 py-4">
           <div className="flex items-center space-x-3">
-            <div className="w-12 h-12 bg-gradient-to-r from-blue-500 to-indigo-600 rounded-xl flex items-center justify-center">
-              <span className="text-white font-bold text-xl">🧭</span>
-            </div>
+            <img src={InsuCompassLogo} alt="InsuCompass Logo" className="h-12 w-auto" />
             <div>
               <h1 className="text-2xl font-bold text-gray-900">InsuCompass</h1>
               <p className="text-sm text-gray-600">Your AI guide to U.S. Health Insurance</p>
@@ -392,11 +391,9 @@ const InsuCompassApp: React.FC = () => {
     <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-indigo-50 flex flex-col">
       {/* Header */}
       <div className="bg-white shadow-sm border-b">
-        <div className="max-w-4xl mx-auto px-6 py-4">
+        <div className="max-w-10xl mx-auto px-6 py-4">
           <div className="flex items-center space-x-3">
-            <div className="w-12 h-12 bg-gradient-to-r from-blue-500 to-indigo-600 rounded-xl flex items-center justify-center">
-              <span className="text-white font-bold text-xl">🧭</span>
-            </div>
+            <img src={InsuCompassLogo} alt="InsuCompass Logo" className="h-12 w-auto" />
             <div>
               <h1 className="text-2xl font-bold text-gray-900">InsuCompass</h1>
               <p className="text-sm text-gray-600">Chat with your AI insurance advisor</p>