50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1aa2,import Image from 'next/image'; import { Heart, Search, Star } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Card, CardContent } from '@/components/ui/card'; export default function Productcard() { const products = [ { id: 1, name: 'HydraGlow Vitamin C Serum', description: 'Brightens skin tone and reduces dark spots with potent vitamin C and hyaluronic acid.', price: 32, rating: 5, reviews: 184, image: '/product/product1.jpg', featured: true, }, { id: 2, name: 'AquaBoost Hydrating Gel', description: 'Lightweight gel moisturizer for all-day hydration and a dewy finish.', price: 28, rating: 4, reviews: 97, image: '/product/product2.jpg', featured: false, }, { id: 3, name: 'PureShield SPF 50+ Sunscreen', description: 'Broad-spectrum sun protection with a non-greasy, invisible finish.', price: 22, rating: 5, reviews: 210, image: '/product/product3.jpg', featured: false, }, { id: 4, name: 'Renewal Night Repair Cream', description: 'Deeply nourishing night cream that repairs and revitalizes skin while you sleep.', price: 36, rating: 4, reviews: 75, image: '/product/product4.jpg', featured: true, }, { id: 5, name: 'Radiance Boosting Face Mist', description: 'Refreshing face mist with rose water and aloe vera for instant hydration and glow.', price: 18, rating: 4, reviews: 120, image: '/product/product5.jpg', featured: false, }, { id: 6, name: 'Soothing Lemon Gel', description: 'Natural aloe vera gel to soothe and hydrate irritated skin.', price: 15, rating: 5, reviews: 85, image: '/product/product6.jpg', featured: false, }, ]; return (

Skin Care Collection

Our Skin Care Products

{products.map((product) => (

{product.featured && ( Featured )} {product.name}

{product.name}

{product.description}

{/* Rating */}

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

({product.reviews} reviews)

${product.price}

))}

); } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","next-themes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next-themes","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"next-themes"}]]}]}]]}],["$","$L50",null,{"namespace":"@spectrumui","registryDependencies":["button","select","card"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"app/registry/product-card/product-card.tsx","content":"$52","type":"registry:component","target":"components/spectrumui/product-card.tsx"}],"className":"h-[70svh] min-h-80"}]]}]