|
|
```html |
|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>À propos - TextileTech</title> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20"> |
|
|
<section class="mb-20"> |
|
|
<div class="text-center mb-16"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">Notre mission</h1> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto"> |
|
|
Transformer l'industrie textile marocaine grâce à l'intelligence artificielle. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-12 items-center"> |
|
|
<div> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-6">Qui sommes-nous ?</h2> |
|
|
<p class="text-gray-600 mb-6"> |
|
|
TextileTech est une startup marocaine fondée en 2023 avec pour objectif de moderniser |
|
|
l'industrie textile locale grâce aux technologies d'intelligence artificielle. |
|
|
</p> |
|
|
<p class="text-gray-600 mb-6"> |
|
|
Notre équipe est composée d'experts en IA, en développement logiciel et en industrie textile, |
|
|
unis par la volonté de rendre le secteur plus compétitif à l'échelle internationale. |
|
|
</p> |
|
|
<div class="bg-indigo-50 p-6 rounded-lg border-l-4 border-indigo-600"> |
|
|
<p class="text-indigo-800 font-medium"> |
|
|
"Notre vision est de positionner le Maroc comme leader africain de l'industrie textile 4.0." |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<img src="http://static.photos/office/1024x576/42" alt="Équipe TextileTech" class="rounded-lg shadow-xl w-full"> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="py-16 bg-white rounded-xl shadow-sm p-8 mb-20"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Nos valeurs</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto"> |
|
|
Les principes qui guident chacune de nos décisions |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-8 rounded-lg"> |
|
|
<div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-6"> |
|
|
<i data-feather="target" class="text-indigo-600" width="24" height="24"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3">Innovation</h3> |
|
|
<p class="text-gray-600"> |
|
|
Nous repoussons constamment les limites technologiques pour offrir des solutions avant-gardistes. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-gray-50 p-8 rounded-lg"> |
|
|
<div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-6"> |
|
|
<i data-feather="users" class="text-indigo-600" width="24" height="24"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3">Collaboration</h3> |
|
|
<p class="text-gray-600"> |
|
|
Nous travaillons main dans la main avec nos clients pour comprendre et résoudre leurs défis. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-gray-50 p-8 rounded-lg"> |
|
|
<div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-6"> |
|
|
<i data-feather="globe" class="text-indigo-600" width="24" height="24"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3">Impact local</h3> |
|
|
<p class="text-gray-600"> |
|
|
Nous croyons en un développement technologique qui profite d'abord à notre écosystème national. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Notre équipe</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto"> |
|
|
Rencontrez les esprits brillants derrière TextileTech |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-4 gap-8"> |
|
|
<div class="text-center"> |
|
|
<img src="http://static.photos/people/400x400/1" alt="CEO" class="w-32 h-32 rounded-full mx-auto mb-4"> |
|
|
<h3 class="text-xl font-semibold">Amine Kabbaj</h3> |
|
|
<p class="text-indigo-600 mb-2">CEO & Fondateur</p> |
|
|
<p class="text-gray-600 text-sm"> |
|
|
Expert en IA avec 10 ans d'expérience dans le secteur textile. |
|
|
</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<img src="http://static.photos/people/400x400/2" alt="CTO" class="w-32 h-32 rounded-full mx-auto mb-4"> |
|
|
<h3 class="text-xl font-semibold">Leila Benjelloun</h3> |
|
|
<p class="text-indigo-600 mb-2">CTO</p> |
|
|
<p class="text-gray-600 text-sm"> |
|
|
Spécialiste en machine learning et vision par ordinateur. |
|
|
</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<img src="http://static.photos/people/400x400/3" alt="COO" class="w-32 h-32 rounded-full mx-auto mb-4"> |
|
|
<h3 class="text-xl font-semibold">Youssef El Fassi</h3> |
|
|
<p class="text-indigo-600 mb-2">COO</p> |
|
|
<p class="text-gray-600 text-sm"> |
|
|
Ancien directeur d'usine textile reconverti dans la tech. |
|
|
</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<img src="http://static.photos/people/400x400/4" alt="Lead Developer" class="w-32 h-32 rounded-full mx-auto mb-4"> |
|
|
<h3 class="text-xl font-semibold">Nadia Zerouali</h3> |
|
|
<p class="text-indigo-600 mb-2 |
