Spaces:
Running
Running
File size: 2,291 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 |
"use client";
import {
Tab,
Tabs,
TabsHeader,
} from "@material-tailwind/react";
import EventContentCard from "@/components/event-content-card";
const EVENT_CONTENT = [
{
title: "AI's Role in Shaping the Future",
des: "Discover how AI is revolutionizing industries, creating new possibilities, and addressing global challenges. Gain a deep understanding of the pivotal role AI plays in driving innovation, sustainability, and progress in our rapidly evolving world.",
name: "Marcell Glock",
position: "Chief Executive, Spotify",
panel: "Panel Discussion",
img: "/image/avatar1.jpg",
},
{
title: "Introduction to Machine Learning",
des: "Explore the basic principles, algorithms, and applications of Machine Learning. Through hands-on exercises and practical examples, you'll develop a solid understanding of how Machine Learning powers AI-driven solutions.",
name: "Marcell Glock",
position: "Chief Executive, Spotify",
panel: "Workshop",
img: "/image/avatar2.jpg",
},
{
title: "AI in Healthcare: Revolutionizing Patient Care",
des: "This session is a must-attend for healthcare professionals, AI enthusiasts, and anyone interested in the intersection of technology and well-being. Join us as we discuss how AI is bringing about positive changes in healthcare.",
name: "Marcell Glock",
position: "Chief Executive, Spotify",
panel: "Workshop",
img: "/image/avatar3.jpg",
},
];
export function EventContent() {
return (
<section className="py-8 px-8 lg:py-20">
{/* <Tabs value="Day1" className="mb-8">
<div className="w-full flex mb-8 flex-col items-center">
<TabsHeader className="h-12 w-72 md:w-96">
<Tab value="Day1" className="font-medium">
Day 1
</Tab>
<Tab value="Day2" className="font-medium">
Day 2
</Tab>
<Tab value="Day3" className="font-medium">
Day 3
</Tab>
</TabsHeader>
</div>
</Tabs> */}
<div className="mx-auto container">
{EVENT_CONTENT.map((props, idx) => (
<EventContentCard key={idx} {...props} />
))}
</div>
</section>
);
}
export default EventContent;
|