"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 { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { Star, Check, X, ShoppingCart, Trash2, ArrowLeft, } from "lucide-react" const products = [ { id: 1, name: "Classic Leather Jacket", price: 508000, rating: 4.5, image: "bg-linear-to-br from-zinc-600 to-zinc-800", material: "Genuine Leather", lining: "Quilted Polyester", pockets: "4", fit: "Regular", care: "Dry Clean Only", }, { id: 2, name: "Vegan Leather Jacket", price: 372300, rating: 4.2, image: "bg-linear-to-br from-slate-600 to-slate-800", material: "PU Leather", lining: "Polyester", pockets: "3", fit: "Slim", care: "Wipe Clean", }, { id: 3, name: "Wool Blend Coat", price: 763300, rating: 4.7, image: "bg-linear-to-br from-neutral-700 to-neutral-900", material: "Wool Blend", lining: "Viscose", pockets: "4", fit: "Relaxed", care: "Dry Clean Only", }, ] const specs = ["Material", "Lining", "Pockets", "Fit", "Care"] export default function ProductComparison() { return (

Back to Browse

Compare Products

Feature {products.map((p) => (

{p.name}

{p.rating}

{formatPrice(p.price)}

))} {specs.map((spec) => ( {spec} {products.map((p) => ( {p[spec.toLowerCase() as keyof typeof p]} ))} ))} In Stock {products.map((p) => ( ))} Free Shipping {products.map((p, i) => ( {i === 1 ? : } ))} 30-Day Returns {products.map((p) => ( ))}

Clear Comparison

) }

Feature	Classic Leather Jacket 4.5 MK 508,000	Vegan Leather Jacket 4.2 MK 372,300	Wool Blend Coat 4.7 MK 763,300
Material	Genuine Leather	PU Leather	Wool Blend
Lining	Quilted Polyester	Polyester	Viscose
Pockets	4	3	4
Fit	Regular	Slim	Relaxed
Care	Dry Clean Only	Wipe Clean	Dry Clean Only
In Stock
Free Shipping
30-Day Returns

Product Comparison

Compare Products

Classic Leather Jacket

Vegan Leather Jacket

Wool Blend Coat

Compare Products

Classic Leather Jacket

Vegan Leather Jacket

Wool Blend Coat