Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import { BotMessageSquare } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -67,6 +68,24 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="chat" data-section="chat" className="py-12 border-t border-accent">
+    <div className="max-w-4xl mx-auto px-6">
+      <div className="bg-card p-6 rounded-2xl border border-accent shadow-lg">
+        <div className="flex items-center gap-3 mb-6">
+           <BotMessageSquare className="w-8 h-8 text-primary-cta" />
+           <h3 className="text-2xl font-bold">AI Assistant</h3>
+        </div>
+        <div className="h-96 overflow-y-auto mb-4 p-4 bg-background rounded-lg text-foreground border border-accent/50">
+            <p className="text-sm text-foreground/70 italic">How can I help you today?</p>
+        </div>
+        <div className="flex gap-2">
+            <input type="text" placeholder="Ask me anything..." className="flex-1 bg-background p-3 rounded-lg border border-accent text-foreground" />
+            <button className="bg-primary-cta text-primary-cta-text px-6 py-2 rounded-lg font-semibold hover:opacity-90">Send</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={false}
@@ -223,4 +242,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}