# Luxury Property Register (Bordered Pagination)

> A narrow bordered pagination presenting fifteen fictional luxury-property listings as a photo-hero bento: one featured tile plus two compact tiles sharing the same full-bleed photograph, scrim and on-image editorial anatomy.

- Category: Pagination
- Frameworks: Vanilla, React + CSS, React + Tailwind
- Design system: Sienna
- Dark mode: no
- Access: premium (Atheros AI Pass)
- Tags: bento, navigation
- Page: https://builder.atheros.ai/components/bordered
- Preview: https://d17nmjscumqk5d.cloudfront.net/builder/templates/tpl_builder_bordered/preview-13c7874cf546.webp

## Features

- Fifteen distinct luxury properties across five pages, each with a verified real photograph stored locally
- One shared photo-hero card anatomy across the featured and compact bento tiles
- Fixed bento grid height per breakpoint so paging never moves the nav
- Design-system color, shape, typography, spacing and elevation propagation; pagination retoned per DS
- Saved-property state with aria-pressed
- Arrow, Home and End keyboard navigation
- Reduced-motion-safe entrance stagger and photo hover zoom

## Common questions

**Which frameworks is Luxury Property Register (Bordered Pagination) available in?**

Luxury Property Register (Bordered Pagination) ships as Vanilla, React + CSS and React + Tailwind — HTML, CSS, JS and React source you can copy, download or clone into Atheros AI Builder.

**Is Luxury Property Register (Bordered Pagination) free?**

Luxury Property Register (Bordered Pagination) is a premium component. Anyone can preview it; the source, downloads and AI customisation are included with Atheros AI Pass.

**Does Luxury Property Register (Bordered Pagination) support dark mode?**

Luxury Property Register (Bordered Pagination) ships a single light theme, drawn from the Sienna design system's tokens.

## Get the code

Preview Luxury Property Register (Bordered Pagination) live, then sign in to copy or download the source, apply another design system, or ask the AI assistant to change it: https://builder.atheros.ai/components/bordered

Every component on https://builder.atheros.ai is also reachable from Claude Code, Cursor and Codex through the Atheros MCP server (paid plans). Component index: https://builder.atheros.ai/llms-components.txt