# CITA — workable kiosk solution

## What changed

The hero has only CITA, the staged headline “Move. Drive. Be driven.” and a discreet link to continue to the kiosk. No rental/transfer navigation, hero booking buttons, descriptor repetition or “Where to next?”. The kiosk contains the first service choice.

The physical kiosk is drawn in CSS and its display is semantic HTML. Selecting a service replaces the tall two-button view with a wider close-up workspace sharing its dark screen and bezel. This is an editorial transition, not a simulated camera move or a claim that the physical terminal changes shape. It avoids the hard parts of interactive perspective projection, image hit areas and tiny scaled forms.

The personal-welcome image appears within the Transfer branch, above transfer options. Rent goes directly to rental details. The form and options sit side by side on desktop and stack below 720px. No intermediate mandatory welcome scene.

## Working scope

- Brand-first timed headline entrances; ordinary scroll/link to kiosk; brief workspace entrance.
- Separate Rent and Transfer fields, with native required-field validation and future pickup / chronological return checks.
- Rental example categories → selected vehicle-category review.
- Transfer destination, date/time, passengers and bags → review.
- Edit keeps entered values; change service retains separate in-memory drafts; Start again clears them.
- Text is inserted with textContent, not untrusted HTML.
- Keyboard buttons/fields and focus movement; reduced motion disables entrances and smooth scroll.
- Alternate warm hero at `index.html?hero=welcome`.

## Deliberate limits

This isolated prototype does not submit bookings, take payment or promise availability. All three rental rows use one illustrative car image: these are category interaction samples, not the real fleet. No customer information is sent anywhere. Existing kiosk-app and booking API files remain unchanged.

The repository already has a documented booking API adapter. Production work should reuse that contract for rental availability, actual vehicles, quotes and requests rather than deriving business truth from this prototype. Transfer requests and rental requests require different data, and the contact/request stage still needs integration. This pass proves that the kiosk UI approach is feasible.

The two new generated boards are visual targets. Their photographs are not yet separate production assets. The working proof uses the existing clean airport/transfer photographs and real CSS/HTML, so it does not exactly match the boards' lighting or framing. No video generated or used; any later video remains one locked-camera shot.

## Verification performed

JavaScript syntax check passed. Browser rental path: future pickup and return → Compact → review preserved dates. Transfer path: destination and future pickup → transfer option → review preserved destination/passengers/bags. Edit preserved the destination, transfer hid rental return fields, and the inspected desktop viewport had no horizontal overflow. Additional checks are recorded after the final browser pass.

Final browser pass: a return date before pickup was rejected with a clear error. Correcting the date displayed all three example categories. The rendered two-column workspace was visually inspected. Mobile CSS is implemented but has not yet had a full device interaction pass.


_Auto-linked by Marco: parent [[2_CONNECTIONS/projects/CITA-Website-Component1/README|CITA-Website-Component1]]_

## Continuity revision
The active page now uses two clean, regenerated reference-derived photographs: hero-continuity.png and terminal-continuity.png. They are photographic reconstructions of the supplied board, not exact pixel crops. The latter is the identical background behind choice, rental details, transfer details and review. No separate taxi/welcome photograph appears in the active workspace. Live HTML sits inside the graphite bezel. The close-up is an interface transition, not a literal perspective-correct camera walk. The earlier alternate warm-hero query is no longer active in this revision; the old boards are historical visual proposals.
Browser checks after revision: inspected kiosk against terminal, rental options and Compact selection, back to choice, transfer destination/date/options/review. Transfer photo computed display is none; the terminal background URL remains unchanged. No horizontal overflow in the inspected viewport. New image-generation prompts are in CONTINUITY-PROMPTS.json. Previous HTML/JS are archived as *-before-continuity files.