Hero — Luxury Editorial

Heroes

About

Sparse editorial hero for premium properties. Near-black bg, serif typography at large scale, outlined CTAs, wide letter-spacing. Designed for high-end real estate landing pages.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hero — Luxury Editorial to your project and fits it to your theme.

Code

How Hero — Luxury Editorial is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import HeroLuxury from "@/components/ui/hero-luxury"

export default function HeroLuxuryDemo() {
  return (
    <HeroLuxury
      badge="Vilnius · Naujamiestis"
      headline="Architektūra kaip menas, gyvenimas kaip poilsis"
      subheadline="Tik 12 išskirtinių butų viename iš eleganciausiomis fasadų Vilniaus senamiesčio pakraštyje."
      primaryCta={{ label: "Peržiūrėti butus", href: "#" }}
      secondaryCta={{ label: "Sužinoti daugiau", href: "#" }}
    />
  )
}