src/app/page.tsx

@@ -51,6 +51,9 @@ export default function ShopAIAgentPage() {
                     listTitle: "Recent Store Interactions",                    listItems: [{ icon: MessageSquare, title: "Inquiry: Product availability", status: "Solved" }, { icon: CreditCard, title: "Payment help for order #882", status: "Resolved" }]
                 }}
             />
+            <div id="ai-agent-widget" className="fixed bottom-6 right-6 z-50 p-4 bg-white dark:bg-slate-900 rounded-full shadow-2xl border border-slate-200 dark:border-slate-800 cursor-pointer hover:scale-105 transition-transform">
+                <Bot className="w-8 h-8 text-indigo-600 dark:text-indigo-400" />
+            </div>
             <div id="features">
                 <FeatureHoverPattern
                     animationType="slide-up"
@@ -74,7 +77,7 @@ export default function ShopAIAgentPage() {
                 title="Scalable Retail Support"
                 description="Our AI agent integrates directly with your Shopify, WooCommerce, or custom storefront. Reduce support tickets by up to 70% while improving customer satisfaction."
                 metrics={[{ value: "70%", title: "Reduced Tickets" }, { value: "5x", title: "Faster Service" }]}
-                imageSrc="asset://shop-about"
+                imageSrc: "asset://shop-about"
                 mediaAnimation="slide-up"
             />
             <TestimonialCardSix
@@ -117,7 +120,8 @@ export default function ShopAIAgentPage() {
             </div>
             <FooterBaseCard
                 logoText="ShopMind"
-                columns={[{ title: "Product", items: [{ label: "Features", href: "#" }] }, { title: "Company", items: [{ label: "Contact", href: "#" }] }]}
+                columns={[{ title: "Product", items: [{ label: "Features", href: "#" }] }, { title: "Company", items: [{ label: "Contact", href: "#" }] }]
+                }
             />
         </ThemeProvider>
     );