Spaces:
Running
Running
File size: 2,857 Bytes
06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 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 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 |
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=""
onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}
color="transparent"
shadow={false}
className="lg:flex-row mb-10 lg:items-end"
>
<CardHeader
placeholder=""
onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}
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={""}
onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}>
<Typography variant="h6" color="blue-gray" className="mb-4" placeholder={""}onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}>
{panel}
</Typography>
<Typography variant="h2" color="blue-gray" className="mb-4 font-medium" placeholder={""} onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}>
{title}
</Typography>
<Typography className="mb-12 md:w-8/12 font-medium !text-gray-500" placeholder={""}onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}>
{des}
</Typography>
<div className="flex items-center gap-4">
<Avatar
placeholder={""}
variant="circular"
src="/logos/spotify-logo.png"
alt="spotify"
size="lg"
onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}
/>
<div>
<Typography
variant="h6"
color="blue-gray"
className="mb-0.5"
placeholder={""}
onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}
>
{name}
</Typography>
<Typography
variant="small"
className="font-normal !text-gray-500"
placeholder={""}
onPointerEnterCapture={() => {}}
onPointerLeaveCapture={() => {}}
>
{position}
</Typography>
</div>
</div>
</CardBody>
</Card>
);
}
export default EventContentCard;
|