bauhaus update

frontend/src/App.jsx

@@ -14,6 +14,7 @@ function App() {
   const [activeSubject, setActiveSubject] = useState("science");
   const [activeChat, setActiveChat] = useState(null);
   const [activeTab, setActiveTab] = useState("chat");
+  const [greetingDismissed, setGreetingDismissed] = useState(false);
 
   const handleSend = (text) => {
     if (!text.trim()) return;
@@ -55,6 +56,20 @@ function App() {
 
         {/* Chat Area */}
         <div className="main-content">
+          {!greetingDismissed && messages.length === 0 && (
+            <div className="greeting-banner">
+              <h2 className="greeting-banner__title">Welcome to padhLe 📚</h2>
+              <p className="greeting-banner__tagline">Let's make today a great day for learning.</p>
+              <button
+                className="greeting-banner__dismiss"
+                onClick={() => setGreetingDismissed(true)}
+              >
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
+                  <path d="M18 6L6 18M6 6l12 12" />
+                </svg>
+              </button>
+            </div>
+          )}
           <ChatHistory
             messages={messages}
             onPromptClick={handlePromptClick}