diff --git a/apps/web-ui/src/routes/home.product.$id.tsx b/apps/web-ui/src/routes/home.product.$id.tsx
index d9516f2..46f4824 100644
--- a/apps/web-ui/src/routes/home.product.$id.tsx
+++ b/apps/web-ui/src/routes/home.product.$id.tsx
@@ -12,6 +12,7 @@ import dayjs from 'dayjs'
 import { ChevronLeft, Star, Zap, Truck, Store, Package, Plus, Clock, AlertCircle } from 'lucide-react'
 import { Dialog } from '../components/Dialog'
 import { FloatingCartBar } from '../components/FloatingCartBar'
+import AddToCartDialog from '../components/AddToCartDialog'
 import { AppLayout } from '../components/AppLayout'
 
 export const Route = createFileRoute('/home/product/$id')({
@@ -432,6 +433,8 @@ function ProductDetailPage() {
 
         {/* Floating Cart Bar */}
         <FloatingCartBar />
+
+        <AddToCartDialog />
       </div>
     </AppLayout>
   )
diff --git a/apps/web-ui/src/routes/home.search.tsx b/apps/web-ui/src/routes/home.search.tsx
index 87dd754..49ce210 100644
--- a/apps/web-ui/src/routes/home.search.tsx
+++ b/apps/web-ui/src/routes/home.search.tsx
@@ -6,6 +6,7 @@ import { p, SearchBar, div } from 'web-components'
 import { ProductCard } from '../components/ProductCard'
 import { SearchX, Loader2, ChevronLeft } from 'lucide-react'
 import { AppLayout } from '../components/AppLayout'
+import AddToCartDialog from '../components/AddToCartDialog'
 import { useCartStore } from '../lib/stores/cart-store'
 
 export const Route = createFileRoute('/home/search')({
@@ -175,6 +176,8 @@ function SearchPage() {
           )}
         </div>
       </div>
+
+      <AddToCartDialog />
     </AppLayout>
   )
 }
diff --git a/apps/web-ui/src/routes/stores.$storeId.tsx b/apps/web-ui/src/routes/stores.$storeId.tsx
index b0fb9a3..078b4ea 100644
--- a/apps/web-ui/src/routes/stores.$storeId.tsx
+++ b/apps/web-ui/src/routes/stores.$storeId.tsx
@@ -3,6 +3,7 @@ import { useStoreWithProducts, useAllProducts } from '../hooks/prominent-api-hoo
 import { useState, useMemo } from 'react'
 import { p } from 'web-components'
 import { AppLayout } from '../components/AppLayout'
+import AddToCartDialog from '../components/AddToCartDialog'
 import { ProductCard } from '../components/ProductCard'
 import { usePopulateCentralStores } from '../hooks/usePopulateCentralStores'
 import { ArrowLeft, Store, X, Grid3X3 } from 'lucide-react'
@@ -177,6 +178,8 @@ function StoreDetailPage() {
           )}
         </div>
       </div>
+
+      <AddToCartDialog />
     </AppLayout>
   )
 }