"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, cardHover, cardHoverTarget, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { Heart, ShoppingCart, SlidersHorizontal, Grid3X3, List, ChevronDown, Star, X, } from "lucide-react" const products = [ { id: 1, name: "Classic Leather Jacket", price: 508000, rating: 4.5, image: "bg-linear-to-br from-zinc-700 to-zinc-900", badge: "Popular", category: "Outerwear" }, { id: 2, name: "Merino Wool Sweater", price: 321000, rating: 4.8, image: "bg-linear-to-br from-stone-600 to-stone-800", badge: "New", category: "Knitwear" }, { id: 3, name: "Slim Fit Chinos", price: 219000, rating: 4.3, image: "bg-linear-to-br from-slate-600 to-slate-800", badge: "", category: "Pants" }, { id: 4, name: "Oxford Button Down", price: 270300, rating: 4.6, image: "bg-linear-to-br from-blue-700 to-blue-900", badge: "Sale", category: "Shirts" }, { id: 5, name: "Wool Blazer", price: 763300, rating: 4.7, image: "bg-linear-to-br from-neutral-700 to-neutral-900", badge: "Premium", category: "Outerwear" }, { id: 6, name: "Cashmere Scarf", price: 151300, rating: 4.9, image: "bg-linear-to-br from-rose-600 to-rose-800", badge: "", category: "Accessories" }, { id: 7, name: "Leather Belt", price: 134000, rating: 4.2, image: "bg-linear-to-br from-amber-800 to-amber-950", badge: "", category: "Accessories" }, { id: 8, name: "Canvas Sneakers", price: 202300, rating: 4.4, image: "bg-linear-to-br from-gray-600 to-gray-800", badge: "Trending", category: "Shoes" }, ] const categories = ["All", "Outerwear", "Knitwear", "Shirts", "Pants", "Accessories", "Shoes"] export default function ProductGrid() { return (

Men's Collection

Showing {products.length} products

{categories.map((cat) => ( ))}

{products.map((product) => (

{product.badge && ( {product.badge} )}

{product.category}

{product.name}

{product.rating}

{formatPrice(product.price)}

))}

Privacy Terms Shipping

) }

Product Grid

Men's Collection

Classic Leather Jacket

Merino Wool Sweater

Slim Fit Chinos

Oxford Button Down

Wool Blazer

Cashmere Scarf

Leather Belt

Canvas Sneakers

Men's Collection

Classic Leather Jacket

Merino Wool Sweater

Slim Fit Chinos

Oxford Button Down

Wool Blazer

Cashmere Scarf

Leather Belt

Canvas Sneakers