Hero — Business & Commercial

Heroes

About

Split-panel hero: dark navy left with specs table, right image or grid pattern. Tabular typography and no rounded corners for a professional B2B commercial property feel.

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

Code

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

Usage.tsx

import HeroBusiness from "@/components/ui/hero-business"

export default function HeroBusinessDemo() {
  return (
    <HeroBusiness
      badge="Verslo centras · Vilnius"
      headline="Biurų erdvės verslui, kuris auga"
      subheadline="Klasa A+ verslo centras Vilniaus šiaurės vakarų pramoniniame kvartale. Nuo 200 iki 2 400 m²."
      specs={[
        { label: "Plotas nuo", value: "200 m²" },
        { label: "Aukštai", value: "4–12" },
        { label: "Vietų stovėjimui", value: "320" },
        { label: "Energijos klasė", value: "A+" },
      ]}
      primaryCta={{ label: "Gauti pasiūlymą", href: "#" }}
      secondaryCta={{ label: "Atsisiųsti brošiūrą", href: "#" }}
    />
  )
}