Pipeline
- Docsusage, props, keywords
- Demosrc/demo.tsx
- Buildshadcn add → vite
- Capturelight, dark, motion
- IndexBM25 + vectors
Public log. Prompts, raw model errors and costs stay on the admin side.
Log
Demo source
src/demo.tsx · from an earlier run
import { PropertyCard } from "@/components/property-cards/components/property-card"const propertyImage = "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 800 600%22%3E%3Cdefs%3E%3ClinearGradient id=%22sky%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop stop-color=%22%23b8d9e8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f4d6a0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22800%22 height=%22600%22 fill=%22url(%23sky)%22/%3E%3Cpath fill=%22%236d9a67%22 d=%22M0 410c150-80 270-55 390-8 150 58 260 18 410-35v233H0z%22/%3E%3Cpath fill=%22%23f5f1e8%22 d=%22M185 390l215-175 215 175v145H185z%22/%3E%3Cpath fill=%22%237b4d3b%22 d=%22M145 390l255-210 255 210-30 35-225-180-225 180z%22/%3E%3Crect x=%22355%22 y=%22405%22 width=%2290%22 height=%22130%22 fill=%22%237b4d3b%22/%3E%3Crect x=%22235%22 y=%22410%22 width=%2270%22 height=%2270%22 fill=%22%2387b6c6%22/%3E%3Crect x=%22495%22 y=%22410%22 width=%2270%22 height=%2270%22 fill=%22%2387b6c6%22/%3E%3C/svg%3E"export default function PropertyCardsDemo() { return ( <div className="w-full max-w-sm"> <PropertyCard property={{ id: "1", image: propertyImage, name: "Emerald Bay Residences", location: "Gunungkidul, Yogyakarta", price: 250000, bedrooms: 4, bathrooms: 2.5, area: 240, }} /> </div> )}