Spaces:
Running
Running
File size: 1,958 Bytes
06a7653 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
import Image from "next/image";
import {
Typography,
Card,
CardHeader,
CardBody,
Avatar,
} from "@material-tailwind/react";
interface EventContentCardProps {
title: string;
des: string;
name: string;
position: string;
panel: string;
img: string;
}
export function EventContentCard({
title,
des,
name,
position,
panel,
img,
}: EventContentCardProps) {
return (
<Card placeholder={""}
color="transparent"
shadow={false}
className="lg:!flex-row mb-10 lg:items-end"
>
<CardHeader placeholder={""}
floated={false}
shadow={false}
className="h-[32rem] max-w-[28rem] shrink-0"
>
<Image
width={768}
height={768}
src={img}
alt="testimonial image"
className="h-full w-full object-cover"
/>
</CardHeader>
<CardBody className="col-span-full lg:col-span-3" placeholder={""}>
<Typography variant="h6" color="blue-gray" className="mb-4" placeholder={""}>
{panel}
</Typography>
<Typography variant="h2" color="blue-gray" className="mb-4 font-medium" placeholder={""}>
{title}
</Typography>
<Typography className="mb-12 md:w-8/12 font-medium !text-gray-500" placeholder={""}>
{des}
</Typography>
<div className="flex items-center gap-4">
<Avatar placeholder={""}
variant="circular"
src="/logos/spotify-logo.png"
alt="spotify"
size="lg"
/>
<div>
<Typography variant="h6" color="blue-gray" className="mb-0.5" placeholder={""}>
{name}
</Typography>
<Typography variant="small" className="font-normal !text-gray-500" placeholder={""}>
{position}
</Typography>
</div>
</div>
</CardBody>
</Card>
);
}
export default EventContentCard;
|