"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 { Input } from "@/components/ui/input" import { Badge } from "@/components/ui/badge" import { Checkbox } from "@/components/ui/checkbox" import { Label } from "@/components/ui/label" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { Search, SlidersHorizontal, Star, X, ChevronDown, Heart, ShoppingCart, Grid3X3, List, } from "lucide-react" const results = [ { id: 1, name: "Classic Leather Jacket", price: 508000, rating: 4.5, image: "bg-linear-to-br from-zinc-600 to-zinc-800", badge: "Popular" }, { id: 2, name: "Leather Crossbody Bag", price: 270300, rating: 4.3, image: "bg-linear-to-br from-amber-700 to-amber-900", badge: "" }, { id: 3, name: "Leather Oxford Shoes", price: 423300, rating: 4.7, image: "bg-linear-to-br from-neutral-700 to-neutral-900", badge: "Best Seller" }, { id: 4, name: "Leather Belt", price: 134000, rating: 4.2, image: "bg-linear-to-br from-amber-800 to-amber-950", badge: "" }, { id: 5, name: "Leather Gloves", price: 117300, rating: 4.1, image: "bg-linear-to-br from-stone-700 to-stone-900", badge: "" }, { id: 6, name: "Leather Wallet", price: 151300, rating: 4.6, image: "bg-linear-to-br from-brown-700 to-brown-900", badge: "Sale" }, ] export default function ProductSearch() { return (

6 results for "leather"

{["All", "Jackets", "Bags", "Shoes", "Accessories"].map((f) => ( ))}

Price Range

Rating

{[4, 3, 2, 1].map((r) => (

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

& up ))}

Color

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

6 products found

{results.map((product) => (

{product.badge && {product.badge}}

{product.name}

{product.rating}

{formatPrice(product.price)}

))}

Privacy Terms

) }

Product Search

Classic Leather Jacket

Leather Crossbody Bag

Leather Oxford Shoes

Leather Belt