diff --git a/src/app/page.tsx b/src/app/page.tsx
index 69c4739..2c27f1b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,8 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Sparkles, Zap, Lightbulb, Rocket, Users, Star, HelpCircle, Download, Moon, Sun } from 'lucide-react';
+import { Sparkles, Zap, Lightbulb, Rocket, Users, Star, HelpCircle, Download, MessageCircle, CheckCircle2, Loader } from 'lucide-react';
+import AnimatedChatDemo from '@/components/sections/demo/AnimatedChatDemo';
 
 export default function LandingPage() {
   const [isDarkMode, setIsDarkMode] = useState(false);
@@ -90,6 +91,10 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="chatDemo" data-section="chatDemo">
+        <AnimatedChatDemo />
+      </div>
+
       <div id="features" data-section="features">
         <FeatureCardNineteen
           title="Why Choose Native Line"