Hero — Heritage & Restoration

Heroes

About

Centred heritage hero with ornamental chapter-heading dividers, aged-paper background and sepia image treatment. For renovated or historic building landing pages.

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

Code

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

Usage.tsx

import HeroHeritage from "@/components/ui/hero-heritage"

export default function HeroHeritageDemo() {
  return (
    <HeroHeritage
      badge="Kultūros paveldo objektas"
      headline="Senoji Vilniaus dvasios buveinė"
      subheadline="Autentiškas tarpukario pastatas, atidžiai atnaujintas išsaugojant kiekvieną detalę. 14 butų."
      established="1928"
      primaryCta={{ label: "Peržiūrėti butus", href: "#" }}
      secondaryCta={{ label: "Paveldo istorija", href: "#" }}
    />
  )
}