About
Energetic two-column hero with purple/coral palette, optional highlight word in accent colour, pill CTAs and a hover-rotate image panel. For starter homes or student housing.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hero — Young & Vibrant to your project and fits it to your theme.
Code
How Hero — Young & Vibrant is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import HeroVibrant from "@/components/ui/hero-vibrant"
export default function HeroVibrantDemo() {
return (
<HeroVibrant
badge="Studentiška zona · Kaunas"
headline="Pirmasis butas neturi būti kompromisas"
highlightWord="kompromisas"
subheadline="Modernūs 1–2 kambarių butai 5 min. nuo universiteto. Nuo 89 000 €. Greitai. Paprasta. Tavo."
primaryCta={{ label: "Žiūrėti laisvus butus", href: "#" }}
secondaryCta={{ label: "Kaip pirkti pirmą kartą?", href: "#" }}
/>
)
}
More in Heroes
View all
SaaS Template
2.4K
Centered Hero with Image Fan
927
Hero
1.2K
Responsive Hero Banner
2K
Hero Section 6
881
Minimalist Hero Fashion
285
Hero Golden Spiral
101
Home Section
65
