Lapis Real Estate Hero

Lapis Real Estate Hero

A luxury hero section for real estate platforms.

Features

• Property search — Visual search bar with location icon
• Market stats — Properties, cities, and days-on-market metrics
• Skyline backdrop — CSS geometric architecture shapes
• Lapis palette — Deep blue with gold accent highlights
• Trust indicators — Shield badges for credibility
• Staggered animations — Content reveals sequentially
• Dark/light mode — Deep navy dark variant

Dependencies

• @remixicon/react — Property and search icons
• @/components/ui/button — Shadcn Button
• @/components/ui/badge — Shadcn Badge
• @/components/ui/card — Shadcn Card
• @/components/ui/separator — Shadcn Separator

Customization

• Edit search placeholder and stats
• Adjust lapis blue and gold colors
• Modify skyline shapes