About
Warm-earth hero with noise-texture overlay, forest-green palette and organic rounded corners. Ideal for eco-friendly or suburban family residential projects.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hero — Natural & Eco to your project and fits it to your theme.
Code
How Hero — Natural & Eco is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import HeroNatural from "@/components/ui/hero-natural"
export default function HeroNaturalDemo() {
return (
<HeroNatural
badge="Ekologiškas projektas"
headline="Gyvenkite miško prieglobstyje"
subheadline="48 šeimų namai tarp senų ąžuolų. Energijos klasė A+. 5 minutės iki miesto centro."
primaryCta={{ label: "Sužinoti kainą", href: "#" }}
secondaryCta={{ label: "Projekto aprašymas", href: "#" }}
/>
)
}
More in Heroes
View all
SaaS Template
2.4K
Responsive Hero Banner
2K
Hero
1.2K
Centered Hero with Image Fan
932
Editorial Collage Hero
431
Glass Fold
213
HeroSectionWithGradient
336
Minimalist Hero Fashion
285
