From afc0d12e86f48447575d71bce1f912965c54733c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 04:39:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3f674b..adc3a17 100644
--- a/src/app/page.tsx
+++ b/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>
   );
 }
-- 
2.49.1