first commit

src/components/order/OrderSuccessCard.jsx

@@ -0,0 +1,18 @@
+import { CheckCircle } from "lucide-react";
+
+const OrderSuccessCard = ({ children }) => {
+  return (
+    <div className="bg-white max-w-lg w-full rounded-2xl shadow-xl p-8 text-center">
+      <CheckCircle className="mx-auto text-green-500 w-20 h-20 mb-4" />
+      <h1 className="text-2xl font-bold mb-2">
+        Order Placed Successfully 🎉
+      </h1>
+      <p className="text-gray-600 mb-6">
+        Thank you for your purchase. Your order has been confirmed.
+      </p>
+      {children}
+    </div>
+  );
+};
+
+export default OrderSuccessCard;