chore: setup project for production

components/shopping-cart/emptyCart.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import {  ShoppingBag } from 'lucide-react';
+import Link from 'next/link';
+
+const EmptyCart = () => {
+  return (
+    <div className="w-full bg-white">
+      <div className="w-full px-4 md:px-8 max-w-[1600px] mx-auto font-['Inter']">
+        <h1 className="text-center text-2xl font-medium mb-12 tracking-wide">
+          SHOPPING CART
+        </h1>
+        
+        <div className="flex flex-col items-center justify-center py-16 space-y-6">
+          <div className="relative">
+            <div className="w-24 h-24 rounded-full bg-gray-50 flex items-center justify-center">
+              <ShoppingBag size={48} className="text-[#c19a5b]" />
+            </div>
+          </div>
+          
+          <div className="text-center space-y-2">
+            <h2 className="text-xl font-medium text-gray-900">Your cart is empty</h2>
+            <p className="text-gray-500">Looks like you haven&apos;t added any items to your cart yet</p>
+          </div>
+          
+          <Link
+           href='/pages/buy-rudraksha'
+            className="bg-[#c19a5b] hover:bg-[#ab885b] text-white px-8 py-3 font-medium transition-colors"
+          >
+            Continue Shopping
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default EmptyCart;