37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
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't added any items to your cart yet</p>
|
|
</div>
|
|
|
|
<Link
|
|
href='/'
|
|
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; |