Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,8 +11,11 @@ import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import { Check, HelpCircle, Mail, Sparkles, Star, TrendingUp, Zap } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [showChatWindow, setShowChatWindow] = useState(false);
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -53,7 +56,7 @@ export default function LandingPage() {
           showBlur={true}
           showDimOverlay={false}
           buttons={[
-            { text: "Start Chatting", href: "https://app.chatai.com" },
+            { text: "Start Chatting", onClick: () => setShowChatWindow(true) },
             { text: "Learn More", href: "#features" }
           ]}
         />
@@ -244,6 +247,35 @@ export default function LandingPage() {
           ]}
         />
       </div>
+
+      {showChatWindow && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
+          <div className="w-full max-w-2xl rounded-lg bg-white p-6 shadow-lg">
+            <div className="mb-4 flex items-center justify-between">
+              <h2 className="text-2xl font-bold">ChatAI Assistant</h2>
+              <button
+                onClick={() => setShowChatWindow(false)}
+                className="text-2xl font-bold text-gray-500 hover:text-gray-700"
+              >
+                ×
+              </button>
+            </div>
+            <div className="mb-4 h-96 overflow-y-auto rounded-lg border border-gray-200 bg-gray-50 p-4">
+              <p className="text-gray-600">Chat window is ready. Start your conversation with our AI assistant!</p>
+            </div>
+            <div className="flex gap-2">
+              <input
+                type="text"
+                placeholder="Type your message here..."
+                className="flex-1 rounded-lg border border-gray-300 px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+              <button className="rounded-lg bg-blue-500 px-6 py-2 text-white hover:bg-blue-600">
+                Send
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
     </ThemeProvider>
   );
 }