"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 { Separator } from "@/components/ui/separator" import { Input } from "@/components/ui/input" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { ChevronDown, Star, Heart, ShoppingCart, Grid3X3, List, Filter, ArrowRight, } from "lucide-react" const products = [ { id: 1, name: "Padded Down Jacket", price: 593000, rating: 4.6, image: "bg-linear-to-br from-blue-700 to-blue-900" }, { id: 2, name: "Wool Peacoat", price: 848000, rating: 4.8, image: "bg-linear-to-br from-neutral-700 to-neutral-900" }, { id: 3, name: "Bomber Jacket", price: 474300, rating: 4.4, image: "bg-linear-to-br from-green-700 to-green-900" }, { id: 4, name: "Denim Jacket", price: 338000, rating: 4.3, image: "bg-linear-to-br from-blue-600 to-blue-800" }, { id: 5, name: "Rain Shell", price: 389300, rating: 4.5, image: "bg-linear-to-br from-gray-600 to-gray-800" }, { id: 6, name: "Varsity Jacket", price: 440300, rating: 4.2, image: "bg-linear-to-br from-red-700 to-red-900" }, { id: 7, name: "Puffer Vest", price: 304000, rating: 4.7, image: "bg-linear-to-br from-teal-700 to-teal-900" }, { id: 8, name: "Trench Coat", price: 1018300, rating: 4.9, image: "bg-linear-to-br from-stone-600 to-stone-800" }, ] export default function CategoryPage() { return (

Outerwear 24 items — Stay warm in style

Sort by

{products.map((p) => (

{p.name}

{p.rating}

{formatPrice(p.price)}

))}

{[1, 2, 3, "...", 8].map((page, i) => ( ))}

Help Size Guide

) }

Category Page

Outerwear

Padded Down Jacket

Wool Peacoat

Bomber Jacket

Denim Jacket

Rain Shell

Varsity Jacket

Puffer Vest

Trench Coat