"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Separator } from "@/components/ui/separator" import { Input } from "@/components/ui/input" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { Trash2, Minus, Plus, ShoppingBag, ArrowLeft, Tag, Shield, ChevronRight, } from "lucide-react" const cartItems = [ { id: 1, name: "Classic Leather Jacket", price: 508000, qty: 1, image: "bg-linear-to-br from-zinc-600 to-zinc-800", size: "M", color: "Black" }, { id: 2, name: "Merino Wool Sweater", price: 321000, qty: 2, image: "bg-linear-to-br from-stone-600 to-stone-800", size: "L", color: "Charcoal" }, { id: 3, name: "Canvas Sneakers", price: 202300, qty: 1, image: "bg-linear-to-br from-gray-600 to-gray-800", size: "42", color: "White" }, ] export default function ShoppingCart() { const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.qty, 0) return (

Shopping Cart

{cartItems.length} items in your cart

{cartItems.map((item) => (

{item.name}

{item.color} / {item.size}

{formatPrice(item.price * item.qty)}

{item.qty}

{formatPrice(item.price)} each

))}

Order Summary

Subtotal {formatPrice(subtotal)}

Shipping Free

Tax {formatPrice(subtotal * 0.08)}

Total {formatPrice(subtotal + subtotal * 0.08)}

Secure checkout with SSL encryption

Continue Shopping

Privacy Terms Help

) }