Project 03 / 06 · website

CURATA

A prototype boutique of Amazon UK finds, curated by the character Cura. It is a prototype, not a live shop.

PrototypeNext.js, Tailwind CSS, Framer Motion

Overview

CURATA: screenshot of the home page, desktop (1440 px). — Desktop 1440 × 900 and mobile 375 × 812, captured 29 September 2026 from project running locally (not online).

CURATA: screenshot of the home page, mobile (375 px). — Desktop 1440 × 900 and mobile 375 × 812, captured 29 September 2026 from project running locally (not online).

See proof

Claim
CURATA: a prototype boutique of Amazon UK finds, curated by the character Cura. It is a prototype, not a live shop.
Stated by Danilo
Evidence
- Screenshots of the CURATA prototype (desktop and mobile) · manual · checked 29 September 2026Taken on 29/09/2026 from the project running locally, because it is not online.
- Screen recording of the CURATA prototype running (13 s, no sound) · manual · checked 29 September 2026Recorded on 29/09/2026 with Playwright from the project running locally: the home page, then the room cards playing their own videos on hover.
- CURATA source: the six rooms (src/app/page.tsx, lines 76–84) · manual · checked 29 September 2026Copied verbatim from the real source file on 29/09/2026 (line endings normalised).
- CURATA source: a room card that plays its video on hover (src/app/page.tsx, lines 522–545) · manual · checked 29 September 2026Copied verbatim from the real source file on 29/09/2026 (line endings normalised).
Result
Real screenshots of the page, taken from the running project on 29/09/2026. That Danilo built it is his statement.

Not on this page

A 3D view: the prototype’s current source renders no 3D scene, so there is nothing real to record.
Measured: this prototype runs only on a local development server, and scores taken there would not be representative.

In action

The home page, then the six “rooms”: each card plays its own short video while the pointer is over it.

Screen recording

Evidence tier: Existing evidence

Screen recording of the CURATA prototype running (13 s, no sound). Recorded on 29/09/2026 with Playwright from the project running locally: the home page, then the room cards playing their own videos on hover.

Code

The six rooms are data; the page maps each one to a card whose video plays while the pointer is over it, and rewinds when it leaves.

src/app/page.tsx lines 76–84

Raw

76/* ─── Data ────────────────────────────────────────────────────── */
77const CATEGORIES: Category[] = [
78  { id:'tech',     title:'Tech Room',         subtitle:"Boring tech that quietly works.",         href:'/tech-room',     poster:'/images/rooms/tech.jpg',     video:'/videos/rooms/tech.mp4',     count:'6 finds', status:'open' },
79  { id:'beauty',   title:'Beauty Edit',       subtitle:"Skincare without the alchemy marketing.", href:'/beauty-room',   poster:'/images/rooms/beauty.jpg',   video:'/videos/rooms/beauty.mp4',   count:'6 finds', status:'open' },
80  { id:'kitchen',  title:'Kitchen Lab',       subtitle:"Tools that actually cook, not collect dust.", href:'/kitchen-room', poster:'/images/rooms/kitchen.jpg', video:'/videos/rooms/kitchen.mp4', count:'6 finds', status:'open' },
81  { id:'home',     title:'Home Upgrade',      subtitle:"Small flat. Big quietly-clever fixes.",   href:'/home-room',     poster:'/images/rooms/home.jpg',     video:'/videos/rooms/home.mp4',     count:'6 finds', status:'open' },
82  { id:'wellness', title:'Wellness Room',     subtitle:"Sleep, recover, breathe. No miracle cures.", href:'/wellness-room', poster:'/images/rooms/wellness.jpg', video:'/videos/rooms/wellness.mp4', count:'6 finds', status:'open' },
83  { id:'pet',      title:'Pet Room',          subtitle:"For the small ones who run the house.",   href:'/pet-room',      poster:'/images/rooms/pet.jpg',      video:'/videos/rooms/pet.mp4',      count:'6 finds', status:'open' },
84]

Evidence tier: Existing evidence

CURATA source: the six rooms · copied 29 September 2026 · sha256 9a72df962cff…

src/app/page.tsx lines 522–545

Raw

522            const isOpen = cat.status === 'open'
523            const inner = (
524              <motion.div variants={reduce?undefined:FV.fadeUp} className="st-cat-card"
525                onMouseEnter={(e) => {
526                  const v = e.currentTarget.querySelector('video') as HTMLVideoElement | null
527                  v?.play().catch(() => {})
528                }}
529                onMouseLeave={(e) => {
530                  const v = e.currentTarget.querySelector('video') as HTMLVideoElement | null
531                  if (v) { v.pause(); v.currentTime = 0 }
532                }}
533                style={{position:'relative',padding:0,background:P.bg,border:`1px solid ${P.border}`,borderRadius:'14px',display:'flex',flexDirection:'column',cursor:isOpen?'pointer':'default',opacity:isOpen?1:0.7,overflow:'hidden'}}>
534                {/* Cinematic visual — poster image + hover video */}
535                <div style={{position:'relative',aspectRatio:'16/9',width:'100%',background:P.surf2,overflow:'hidden'}}>
536                  {/* eslint-disable-next-line @next/next/no-img-element */}
537                  <img src={cat.poster} alt="" loading="lazy" style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',zIndex:1}}/>
538                  <video
539                    src={cat.video}
540                    muted
541                    loop
542                    playsInline
543                    preload="none"
544                    aria-hidden
545                    style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',zIndex:2}}

Evidence tier: Existing evidence

CURATA source: a room card that plays its video on hover · copied 29 September 2026 · sha256 2a8d72f752dc…

On this page

Not on this page