From f188de9cd835550fa4938a02fd6d84ae131fd751 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 19:07:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b346ddd..7f11d5a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,14 +10,14 @@ import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Bot, Sparkles, Layers, Clock, Star, MessageSquare } from "lucide-react";
+import { Bot, Sparkles, Layers, Clock, Star, MessageSquare, Zap } from "lucide-react";
 
 export default function ShopAIAgentPage() {
     const navItems = [
         { name: "Capabilities", id: "features" },
         { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
-        { name: "Agent Chat", id: "agent-chat" }
+        { name: "Agent Demo", id: "agent-chat" }
     ];
 
     const testimonials = [
@@ -61,6 +61,21 @@ export default function ShopAIAgentPage() {
                     ]}
                 />
             </div>
+            <div id="agent-chat" data-section="agent-chat">
+                <FeatureCardMedia
+                    animationType="blur-reveal"
+                    tag="Integrated Experience"
+                    tagIcon={Zap}
+                    title="Experience the Agent UI"
+                    description="A seamless, low-latency chat widget that connects directly to your Shopify store catalog for real-time inventory and checkout support."
+                    textboxLayout="default"
+                    useInvertedBackground={true}
+                    features={[
+                        { id: "a1", title: "Direct Product Linking", description: "Agent displays actual product cards with direct 'Add to Cart' functionality.", tag: "Checkout" },
+                        { id: "a2", title: "Real-time Status", description: "Check shipping, order history, and stock availability instantly via natural language.", tag: "Support" }
+                    ]}
+                />
+            </div>
             <div id="about" data-section="about">
                 <AboutMetric
                     title="Performance Metrics"
-- 
2.49.1