import React from 'react';
import { Card, CardContent } from '@/components/ui/card';
const Presentation = () => {
const slides = [
{
title: "Virtual Venture Suite",
content: "Empowering First-Time Entrepreneurs and Innovators"
},
{
title: "Vision & Mission",
content: "Create a virtual ecosystem for diverse entrepreneurs. Provide tools and resources for business success evaluation."
},
{
title: "Objective & Goal",
content: "Guide stakeholders in business model selection. Increase profitable, socially responsible businesses."
},
{
title: "Key Methods",
content: "1. Immersive simulations\n2. Diverse business models\n3. Project-based learning\n4. Comprehensive curriculum"
},
{
title: "Virtual Environment",
content: "1. Shared online workspace\n2. Inclusive community\n3. Curated workshops and events"
},
{
title: "Resources & Support",
content: "1. On-demand learning materials\n2. Mentorship programs\n3. Funding opportunities\n4. Practical skill development"
},
{
title: "Technology Integration",
content: "1. AI-powered tools\n2. High-speed, secure internet\n3. Virtual office amenities"
},
{
title: "Continuous Growth",
content: "1. Flexible learning options\n2. Global access\n3. Ongoing alumni support"
}
];
return (
<div className="space-y-4">
{slides.map((slide, index) => (
<Card key={index} className="bg-white shadow-lg">
<CardContent className="p-6">
<h2 className="text-2xl font-bold mb-4">{slide.title}</h2>
<p className="text-gray-700 whitespace-pre-line">{slide.content}</p>
</CardContent>
</Card>
))}
</div>
);
};
export default Presentation;