"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, scaleIn, stagger, staggerItem, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { X, Star, Heart, ShoppingCart, Minus, Plus, Eye, Check, } from "lucide-react" const product = { name: "Classic Leather Jacket", price: 508000, rating: 4.5, reviews: 128, image: "bg-linear-to-br from-zinc-600 to-zinc-800", description: "Premium genuine leather with a tailored fit. Features include lined interior pockets, YKK zippers, and quilted lining.", } export default function QuickView() { return (

New Arrival

{product.name}

{[...Array(5)].map((_, i) => ( ))}

({product.reviews} reviews)

{formatPrice(product.price)}

{product.description}

Size

{["XS", "S", "M", "L", "XL"].map((s) => ( ))}

Color

{["Black", "Brown", "Tan"].map((c) => ( ))}

In stock — Free shipping

) }

Quick View

Classic Leather Jacket

Classic Leather Jacket