---
import PostLayout from "@/layouts/PostLayout.astro";
import PageHeader from "@/components/elements/PageHeader.astro";
import SeparatorLine from "@/components/elements/SeparatorLine.astro";
---
<PostLayout
	title="HEC IA"
	description="Leading technical AI workshops for business students at HEC Paris."
	keywords="HEC IA, AI, Workshops, Education, HEC Paris"
>
	<div class="work article">
		<main class="work-wrapper">
			<PageHeader
				title="HEC IA"
				tags={["Education", "AI", "Workshops"]}
				className="mb-6 md:mb-8"
			>
			</PageHeader>
			<div class="site-container m-auto">
				<SeparatorLine />
			</div>
			<section class="article-content">
				<div class="site-container mx-auto my-8 md:my-16 max-w-3xl">
					<div class="prose dark:prose-invert">
						<h2 class="text-2xl font-brand mb-4 text-neutral-800 dark:text-neutral-100">Mission</h2>
						<p class="text-neutral-700 dark:text-neutral-300 leading-relaxed mb-6">
							Making AI accessible to business students. Technical workshops designed for non-technical profiles.
						</p>
						
						<h2 class="text-2xl font-brand mb-4 mt-8 text-neutral-800 dark:text-neutral-100">What We Do</h2>
						<ul class="space-y-2 text-neutral-700 dark:text-neutral-300 mb-6">
							<li>Hands-on workshops on AI tools</li>
							<li>Introduction to agentic AI</li>
							<li>Practical ML workflows</li>
						</ul>

						<h2 class="text-2xl font-brand mb-4 mt-8 text-neutral-800 dark:text-neutral-100">Impact</h2>
						<p class="text-neutral-700 dark:text-neutral-300 leading-relaxed">
							Bridging the gap between business and tech. Helping future managers understand what's possible with AI.
						</p>
					</div>
				</div>
			</section>
		</main>
	</div>
</PostLayout>