Home
About
Products
Learn
Contact Us
Saved
Cart
My Account
Create Account
Log In
Home
Products
Learning Center
About
Contact Us
Create an Account
Log In
Cancel
Confirm
Your cart is empty
Looks like you haven't added anything to your cart yet.
Start Shopping
View Wishlist
Updating cart...
Home
Shop
Learn
Profile
show = false, 3000); " @product-removed.window=" type = 'info'; icon = 'fa-shopping-cart'; message = $event.detail.productName + ' removed from cart!'; show = true; setTimeout(() => show = false, 3000); " @wishlist-added.window=" type = 'success'; icon = 'fa-heart'; message = $event.detail.productName + ' added to wishlist!'; show = true; setTimeout(() => show = false, 3000); " @wishlist-removed.window=" type = 'info'; icon = 'fa-heart-crack'; message = $event.detail.productName + ' removed from wishlist!'; show = true; setTimeout(() => show = false, 3000); " @product-error.window=" type = 'error'; icon = 'fa-exclamation-circle'; message = $event.detail.message; show = true; setTimeout(() => show = false, 3000); " @notify.window=" type = $event.detail.type; icon = $event.detail.icon; message = $event.detail.message; show = true; setTimeout(() => show = false, 3000); " x-show="show" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" :class="{ 'bg-green-500': type === 'success', 'bg-red-500': type === 'error', 'bg-blue-500': type === 'info', 'bg-amber-500': type === 'warning' }" class="fixed top-20 right-4 z-50 px-6 py-4 text-white rounded-lg shadow-lg max-w-sm" style="display: none;">