Files
nanocode/RetroUI/preview/components/card-style-commerce.tsx
T
Ubuntu 32b43f85bd a
2026-07-03 16:58:28 +08:00

24 lines
714 B
TypeScript

import { Button } from "@/components/retroui/Button";
import { Card } from "@/components/retroui/Card";
export default function CommerceCard() {
return (
<Card className="w-[350px] shadow-none hover:shadow-none">
<Card.Content className="pb-0">
<img
src="/images/gameboy.jpg"
className="w-full h-full"
alt="Gameboy"
/>
</Card.Content>
<Card.Header className="pb-0">
<Card.Title>Classic 8-bit Gameboy</Card.Title>
</Card.Header>
<Card.Content className="flex justify-between items-center">
<p className="text-lg font-semibold">$29.90</p>
<Button>Add to cart</Button>
</Card.Content>
</Card>
);
}