Clover Wellness Features
An organic, nature-inspired features grid designed for healthcare and wellness platforms.
Features
- 6 feature cards: Mental Wellness, Nutrition Tracking, Sleep Analytics, Heart Health, Movement Goals, Mindful Breathing
- Organic leaf-like SVG decorative elements
- Forest green (#1B4332) dark mode with soft mint (#A7F3D0) accents
- Soft cream-green (#F0FFF4) light mode background
- Hover effects with subtle shadows and top-accent gradients
- Rounded 2xl card shapes for calming aesthetics
- Responsive grid: 1 column on mobile, 2 on tablet, 3 on desktop
- WCAG AA compliant color contrast
Usage
import RegistryItem from './registry-item';
export default function Page() {
return <RegistryItem />;
}
Customization
- Edit the
features array to add/remove feature cards
- Replace icons with domain-specific lucide-react icons
- Adjust green palette values to match your wellness brand
- Modify card descriptions and titles
- Add click handlers or links to individual feature cards
