Terra Hospitality Hero
A luxurious resort hero section with an organic, earthy design aesthetic built around warm terracotta, sand, and olive tones.
Features
- Botanical SVG elements — Gently swaying leaf decorations on both sides
- Warm gradient background — Layered radial gradients create depth and warmth
- Star rating — Forbes Travel Guide five-star rating display
- Seasonal pricing — Highlighted pricing teaser with calendar icon
- Dual CTAs — Book Your Stay primary button with gold gradient, Explore Wellness ghost button
- Trust stats — Luxury suites count, acreage, and guest return rate
- Staggered reveal — Elements animate in sequentially with blur transitions
- Shimmer headline — Gradient text with animated shimmer effect
Dependencies
@/components/ui/badge — Shadcn Badge@/components/ui/button — Shadcn Button@remixicon/react — RiStarFill, RiMapPinLine, RiCalendarLine, RiArrowRightLine, RiLeafLine
Customization
- Colors: Adjust the terracotta/sand palette via hex values
- Content: Replace resort name, location, pricing, and stats
- Botanicals: Modify the SVG leaf shapes and colors
- Typography: Uses Fraunces for headings, Outfit for body text
