Charmbless Rental
Next.js App Router + TypeScript + Tailwind CSS + Radix UI.
Development
Requires Node.js 20.9 or newer.
npm ci
npm run dev
Open http://localhost:3000. Edit src/app/page.tsx for the homepage and Radix Dialog example. Global Tailwind styles are in src/app/catalog.css.
Checks
npm run lint
npx tsc --noEmit
The storefront uses original AI-generated images in public/images/, created with the built-in imagegen tool. The catalog layout follows public/exam/home3.png, with search, category filters, sorting, requested rental dates, and a local interest cart. Products are illustrative demo data; the cart lasts for the current page session. Dates do not check inventory or confirm bookings. LINE contact is configured in src/lib/contact.ts. Booking forms do not automatically transmit information to LINE; the user opens the chat and communicates with the shop directly. Images preserve their aspect ratio through Next.js Image. No production build has been run.
Image prompt set: sharp premium fashion rental photography, warm ivory studio, soft natural daylight, realistic fabric details, no text or logos. Hero: an adult Thai woman in a rose satin evening gown with winter outerwear on a clothing rack, clean left space for copy. Individual portrait catalog images: rose satin gown, blue ruffle dress, white puffer, brown leather jacket, taupe winter boots, and ivory wool coat.
Radix Primitives documentation: https://www.radix-ui.com/primitives/docs/overview/introduction
