Untitled
unknown
plain_text
21 days ago
1.1 kB
3
Indexable
import React from "react"; import { Card, CardContent } from "@/components/ui/card"; const HerbMoodPost = () => { const moods = [ { title: "Relaxation", herb: "Lavender", color: "bg-purple-300", icon: "๐ธ", }, { title: "Energy Boost", herb: "Ginseng", color: "bg-yellow-300", icon: "โก", }, { title: "Detox & Cleanse", herb: "Mint", color: "bg-green-300", icon: "๐", }, { title: "Immunity Boost", herb: "Turmeric", color: "bg-orange-300", icon: "๐งก", }, ]; return ( <div className="grid grid-cols-2 gap-4 p-4"> {moods.map((mood, index) => ( <Card key={index} className={`${mood.color} rounded-2xl shadow-lg p-4`}> <CardContent className="text-center"> <div className="text-4xl mb-2">{mood.icon}</div> <h2 className="text-xl font-bold mb-1">{mood.title}</h2> <p className="text-base">Powered by {mood.herb}</p> </CardContent> </Card> ))} </div> ); }; export default HerbMoodPost;
Editor is loading...
Leave a Comment