UNOV/myinfomate-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: UNOV:9deb32fe8423ff0c3876816032f16f4b92031c95
Branches Tags
UNOV:master
...
compare: UNOV:586d4e8118a09ebe96b83fbc24b8de93638390b2
Branches Tags
UNOV:master

5 Commits
9deb32fe84 ... 586d4e8118

Author SHA1 Message Date
Thomas Fransolet
586d4e8118 Update branding from culturelle to visitor in general 2026-03-04 14:58:20 +01:00
Thomas Fransolet
e008ca05f4 Update to experience visiteur 2026-03-04 14:50:26 +01:00
Thomas Fransolet
27d37d01c8 Animation modules top 2026-03-04 14:44:57 +01:00
Thomas Fransolet
6da23dc0e5 update 2026-03-04 14:17:17 +01:00
Thomas Fransolet
f28f911f74 test module 2026-03-04 13:46:12 +01:00
2 changed files with 136 additions and 68 deletions
Show Stats Expand all files Collapse all files

4
src/app/layout.tsx
View File

@ -2,8 +2,8 @@ import type { Metadata } from "next";
import "./globals.css"; import "./globals.css";
export const metadata: Metadata = { export const metadata: Metadata = {
title: "MyInfoMate | Solution Interactive pour Musées et Sites Culturels", title: "MyInfoMate | La technologie au service de l'expérience visiteur",
description: "La solution SaaS leader pour la digitalisation des musées et sites culturels. Créativité et technologie au service du patrimoine.", description: "La solution SaaS pour digitaliser l'expérience de vos visiteurs. Créativité et technologie au service de l'expérience visiteur.",
icons: { icons: {
icon: "/myinfomate-logo.png", icon: "/myinfomate-logo.png",
}, },

162
src/app/page.tsx
View File

@ -39,23 +39,23 @@ export default function Home() {
title: 'Jeux & Quiz', title: 'Jeux & Quiz',
icon: 'sports_esports', icon: 'sports_esports',
theme: 'rose', theme: 'rose',
description: 'Transformez la visite en aventure ludique. Chasses au trésor, quiz de connaissances et parcours gamifiés pour capter l’attention des plus jeunes.', description: 'Transformez la visite en aventure ludique. Chasses au trésor, quiz de connaissances et parcours gamifiés pour capter l’attention de tous vos visiteurs.',
value: 'Augmentez l’engagement des familles et des scolaires.' value: 'Augmentez l’engagement et la fidélisation de vos visiteurs.'
}, },
{ {
id: 'video', id: 'video',
title: 'Audio & Vidéo', title: 'Audio & Vidéo',
icon: 'videocam', icon: 'videocam',
theme: 'rose', theme: 'rose',
description: 'Diffusez vos contenus multimédias HD sans latence. Audio-guides immersifs, vidéos documentaires et témoignages d’experts accessibles en un clic.', description: 'Diffusez vos contenus multimédias HD sans latence. Audio-guides immersifs, vidéos et témoignages accessibles en un clic.',
value: 'Enrichissez l\'expérience culturelle par le multimédia.' value: 'Enrichissez l’expérience visiteur par le multimédia.'
}, },
{ {
id: 'article', id: 'article',
title: 'Articles & PDF', title: 'Articles & PDF',
icon: 'article', icon: 'article',
theme: 'rose', theme: 'rose',
description: 'Offrez une lecture confortable de vos contenus de fond. Fiches descriptives, brochures PDF et catalogues d’exposition numérisés.', description: 'Offrez une lecture confortable de vos contenus. Fiches descriptives, brochures PDF et catalogues numérisés.',
value: 'Digitalisez vos supports papier sans perte de qualité.' value: 'Digitalisez vos supports papier sans perte de qualité.'
}, },
{ {
@ -63,15 +63,15 @@ export default function Home() {
title: 'Agenda & Événements', title: 'Agenda & Événements',
icon: 'calendar_month', icon: 'calendar_month',
theme: 'rose', theme: 'rose',
description: 'Gérez dynamiquement votre programmation. Expositions temporaires, conférences ou ateliers : vos visiteurs ne ratent plus rien.', description: 'Gérez dynamiquement votre programmation. Événements, conférences ou ateliers : vos visiteurs ne ratent plus rien.',
value: 'Optimisez la fréquentation de vos activités annexes.' value: 'Optimisez la fréquentation de vos activités.'
}, },
{ {
id: 'offline', id: 'offline',
title: 'Accès Hors Ligne', title: 'Accès Hors Ligne',
icon: 'download_for_offline', icon: 'download_for_offline',
theme: 'rose', theme: 'rose',
description: 'Éliminez les zones blanches. Permettez le téléchargement automatique des parcours pour une consultation fluide même sans connexion 4G/Wifi.', description: 'Éliminez les zones blanches. Permettez le téléchargement automatique des contenus pour une consultation fluide même sans connexion 4G/Wifi.',
value: 'Garantissez un service continu partout sur votre site.' value: 'Garantissez un service continu partout sur votre site.'
}, },
{ {
@ -79,7 +79,7 @@ export default function Home() {
title: 'Contenu Web & Social', title: 'Contenu Web & Social',
icon: 'public', icon: 'public',
theme: 'rose', theme: 'rose',
description: 'Intégrez le meilleur du web. Formulaires d’enquête, réseaux sociaux ou liens vers votre billetterie : ouvrez votre app sur le monde.', description: 'Intégrez le meilleur du web. Formulaires, réseaux sociaux ou liens externes : ouvrez votre app sur le monde.',
value: 'Connectez votre écosystème digital en un seul lieu.' value: 'Connectez votre écosystème digital en un seul lieu.'
}, },
{ {
@ -87,7 +87,7 @@ export default function Home() {
title: 'Statistiques & Data', title: 'Statistiques & Data',
icon: 'monitoring', icon: 'monitoring',
theme: 'rose', theme: 'rose',
description: 'Analysez le comportement de vos visiteurs. Points d’intérêt populaires, temps de lecture et engagement : pilotez par la donnée.', description: 'Analysez le comportement de vos visiteurs. Contenus populaires, temps de lecture et engagement : pilotez par la donnée.',
value: 'Prenez des décisions éclairées basées sur l’usage réel.' value: 'Prenez des décisions éclairées basées sur l’usage réel.'
} }
]; ];
@ -246,7 +246,7 @@ export default function Home() {
<div className="flex-1 text-center lg:text-left"> <div className="flex-1 text-center lg:text-left">
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 border border-primary/20 text-slate-700 text-xs font-bold uppercase tracking-wider mb-6"> <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 border border-primary/20 text-slate-700 text-xs font-bold uppercase tracking-wider mb-6">
<span className="w-2 h-2 rounded-full bg-primary animate-pulse"></span> <span className="w-2 h-2 rounded-full bg-primary animate-pulse"></span>
La technologie au service du patrimoine La technologie au service de l'expérience visiteur
</div> </div>
<h1 className="text-4xl lg:text-6xl font-extrabold text-slate-900 leading-[1.1] mb-8"> <h1 className="text-4xl lg:text-6xl font-extrabold text-slate-900 leading-[1.1] mb-8">
MyInfoMate - La solution facile pour créer, gérer et diffuser du <span className="gradient-text">contenu interactif</span> MyInfoMate - La solution facile pour créer, gérer et diffuser du <span className="gradient-text">contenu interactif</span>
@ -279,7 +279,7 @@ export default function Home() {
/> />
<div className="absolute top-4 left-6 bg-white/90 backdrop-blur px-4 py-2 rounded-xl shadow-lg border border-primary/20"> <div className="absolute top-4 left-6 bg-white/90 backdrop-blur px-4 py-2 rounded-xl shadow-lg border border-primary/20">
<p className="text-[10px] font-bold text-slate-400 uppercase">Carte Interactive</p> <p className="text-[10px] font-bold text-slate-400 uppercase">Carte Interactive</p>
<p className="text-xs font-extrabold text-slate-900">Parcours des Sculptures</p> <p className="text-xs font-extrabold text-slate-900">Parcours Découverte</p>
</div> </div>
</div> </div>
@ -330,7 +330,7 @@ export default function Home() {
<div className="max-w-7xl mx-auto px-6"> <div className="max-w-7xl mx-auto px-6">
<div className="text-center mb-20"> <div className="text-center mb-20">
<h2 className="text-accent-violet font-extrabold uppercase tracking-widest text-sm mb-4">Points Stratégiques</h2> <h2 className="text-accent-violet font-extrabold uppercase tracking-widest text-sm mb-4">Points Stratégiques</h2>
<h3 className="text-3xl lg:text-5xl font-extrabold text-slate-900 tracking-tight">La technologie au service du patrimoine</h3> <h3 className="text-3xl lg:text-5xl font-extrabold text-slate-900 tracking-tight">La technologie au service de l'expérience visiteur</h3>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
{/* Feature 1 */} {/* Feature 1 */}
@ -430,18 +430,17 @@ export default function Home() {
</p> </p>
</div> </div>
<div className="flex flex-col lg:flex-row gap-8 lg:gap-16 items-start"> <div className="flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch">
{/* Sidebar (Tabs) */} {/* Sidebar (Tabs) */}
<div className="w-full lg:w-1/3 relative"> <div className="w-full lg:w-1/3 relative">
{/* Mobile scroll hints */}
<div className="lg:hidden absolute left-0 top-0 bottom-4 w-12 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none"></div> <div className="lg:hidden absolute left-0 top-0 bottom-4 w-12 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none"></div>
<div className="lg:hidden absolute right-0 top-0 bottom-4 w-12 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none"></div> <div className="lg:hidden absolute right-0 top-0 bottom-4 w-12 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none"></div>
<div className="flex lg:flex-col gap-3 overflow-x-auto pb-4 lg:pb-0 scrollbar-hide snap-x">
<div className="flex lg:flex-col gap-3 overflow-x-auto pb-4 lg:pb-0 scrollbar-hide snap-x relative group/tabs">
{modules.map((module, index) => ( {modules.map((module, index) => (
<button <button
key={module.id} key={module.id}
onClick={() => setActiveModule(index)} onClick={() => setActiveModule(index)}
onMouseEnter={() => setActiveModule(index)}
className={`flex items-center gap-3 lg:gap-4 px-5 py-4 lg:px-6 lg:py-5 rounded-2xl border-2 transition-all text-left whitespace-nowrap lg:whitespace-normal snap-center flex-shrink-0 lg:flex-shrink-1 w-auto lg:w-full ${activeModule === index className={`flex items-center gap-3 lg:gap-4 px-5 py-4 lg:px-6 lg:py-5 rounded-2xl border-2 transition-all text-left whitespace-nowrap lg:whitespace-normal snap-center flex-shrink-0 lg:flex-shrink-1 w-auto lg:w-full ${activeModule === index
? 'bg-rose-50 border-rose-200 text-rose-600 shadow-sm' ? 'bg-rose-50 border-rose-200 text-rose-600 shadow-sm'
: 'bg-white border-slate-100 text-slate-500 hover:bg-slate-50' : 'bg-white border-slate-100 text-slate-500 hover:bg-slate-50'
@ -456,22 +455,72 @@ export default function Home() {
</div> </div>
</div> </div>
{/* Main Display (Active Module) */} {/* Main Display */}
<div className="flex-1 w-full animate-fade-in"> <div className="flex-1 w-full lg:flex lg:flex-col">
<div className="bg-slate-50 rounded-[3rem] p-8 lg:p-12 border border-slate-100 relative overflow-hidden flex flex-col lg:flex-row gap-12 items-center min-h-[500px]">
{/* Content */} {/* Mobile: single centered card */}
<div className="flex-1 relative z-10 text-center lg:text-left"> <div className="lg:hidden bg-slate-50 rounded-[3rem] p-8 border border-slate-100 overflow-hidden">
<div className="inline-flex p-3 rounded-2xl bg-white shadow-sm text-rose-600 mb-6 font-bold gap-2 items-center"> <div className="text-center mb-6">
<div className="inline-flex p-3 rounded-2xl bg-white shadow-sm text-rose-600 mb-4 font-bold gap-2 items-center">
<span className="material-symbols-outlined">{modules[activeModule].icon}</span> <span className="material-symbols-outlined">{modules[activeModule].icon}</span>
<span className="text-xs uppercase tracking-wider">{modules[activeModule].title}</span> <span className="text-xs uppercase tracking-wider">{modules[activeModule].title}</span>
</div> </div>
<h3 className="text-2xl lg:text-4xl font-black text-slate-900 mb-6 leading-tight"> <h3 className="text-2xl font-black text-slate-900 mb-4 leading-tight">{modules[activeModule].title}</h3>
{modules[activeModule].title} <p className="text-slate-600 leading-relaxed mb-6">{modules[activeModule].description}</p>
</h3> <div className="p-4 bg-rose-600/5 border border-rose-100 rounded-2xl">
<p className="text-slate-600 text-lg leading-relaxed mb-8"> <p className="text-rose-600 font-bold text-sm flex items-center justify-center gap-2">
{modules[activeModule].description} <span className="material-symbols-outlined text-base">verified</span>
{modules[activeModule].value}
</p> </p>
<div className="p-6 bg-rose-600/5 border border-rose-100 rounded-2xl"> </div>
</div>
<div className="flex justify-center">
<div className="relative w-[200px] h-[420px] bg-slate-900 rounded-[3rem] border-[8px] border-slate-800 shadow-2xl overflow-hidden">
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-24 h-5 bg-slate-800 rounded-b-2xl z-20"></div>
<div className="absolute inset-[2px] bg-white rounded-[2.25rem] overflow-hidden">
<div className="h-full flex flex-col pt-7">
<header className="h-12 border-b border-slate-100 flex items-center px-3 bg-white/80 sticky top-0 z-10">
<div className="w-7 h-7 rounded-lg bg-rose-100 flex items-center justify-center text-rose-600">
<span className="material-symbols-outlined text-base">{modules[activeModule].icon}</span>
</div>
<span className="ml-2 font-bold text-xs text-slate-900 truncate">{modules[activeModule].title}</span>
</header>
<div className="p-3 flex-1 space-y-3">
<div className="h-32 rounded-xl bg-slate-100 flex items-center justify-center relative overflow-hidden">
<span className="material-symbols-outlined text-4xl text-slate-300">{modules[activeModule].icon}</span>
<div className="absolute inset-0 bg-gradient-to-tr from-rose-500/10 to-transparent"></div>
</div>
<div className="h-2 w-full bg-slate-100 rounded-full"></div>
<div className="h-2 w-2/3 bg-slate-100 rounded-full"></div>
<div className="h-14 w-full bg-slate-50 border border-slate-100 rounded-xl p-2 flex gap-2">
<div className="w-8 h-8 rounded-lg bg-rose-200 shrink-0"></div>
<div className="space-y-1 flex-1">
<div className="h-1.5 w-full bg-slate-200 rounded-full"></div>
<div className="h-1.5 w-1/2 bg-slate-200 rounded-full"></div>
</div>
</div>
<div className="grid grid-cols-2 gap-2">
<div className="h-8 bg-slate-100 rounded-lg"></div>
<div className="h-8 bg-rose-600 rounded-lg"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{/* Desktop: original layout + enobase-style 3D phone stack */}
<div className="hidden lg:flex flex-1 bg-slate-50 rounded-[3rem] p-10 border border-slate-100 gap-10 items-center">
{/* Description */}
<div className="flex-1 relative z-10 text-left">
<div className="inline-flex p-3 rounded-2xl bg-white shadow-sm text-rose-600 mb-5 font-bold gap-2 items-center">
<span className="material-symbols-outlined">{modules[activeModule].icon}</span>
<span className="text-xs uppercase tracking-wider">{modules[activeModule].title}</span>
</div>
<h3 className="text-3xl font-black text-slate-900 mb-5 leading-tight">{modules[activeModule].title}</h3>
<p className="text-slate-600 text-base leading-relaxed mb-6">{modules[activeModule].description}</p>
<div className="p-5 bg-rose-600/5 border border-rose-100 rounded-2xl">
<p className="text-rose-600 font-bold text-sm flex items-center gap-2"> <p className="text-rose-600 font-bold text-sm flex items-center gap-2">
<span className="material-symbols-outlined text-base">verified</span> <span className="material-symbols-outlined text-base">verified</span>
Valeur ajoutée : {modules[activeModule].value} Valeur ajoutée : {modules[activeModule].value}
@ -479,25 +528,39 @@ export default function Home() {
</div> </div>
</div> </div>
{/* Mockup Showcase */} {/* Enobase-style 3D horizontal perspective phone stack */}
<div className="w-full lg:w-[320px] flex-shrink-0 relative"> <div className="flex-shrink-0 relative" style={{ width: '280px', height: '480px' }}>
<div className="relative mx-auto w-[240px] h-[500px] bg-slate-900 rounded-[3rem] border-[8px] border-slate-800 shadow-2xl overflow-hidden"> <div style={{ position: 'absolute', inset: 0, transform: 'perspective(900px) rotateX(6deg) rotateY(-15deg)' }}>
{/* Notch */} {modules.map((module, index) => {
const deckPos = (index - activeModule + modules.length) % modules.length;
const isActive = deckPos === 0;
return (
<div
key={module.id}
style={{
position: 'absolute',
top: 0,
left: 0,
transformOrigin: 'top left',
transform: `translateX(${deckPos * 12}px) scale(${1 - deckPos * 0.06})`,
zIndex: modules.length - deckPos,
opacity: isActive ? 1 : Math.max(0.06, 0.55 - deckPos * 0.1),
transition: 'transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1)',
}}
>
<div className={`relative w-[240px] h-[480px] rounded-[3rem] border-[8px] overflow-hidden ${isActive ? 'bg-slate-900 border-slate-800 shadow-2xl shadow-rose-500/20' : 'bg-slate-800 border-slate-700 shadow-xl'}`}>
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-28 h-6 bg-slate-800 rounded-b-2xl z-20"></div> <div className="absolute top-0 left-1/2 -translate-x-1/2 w-28 h-6 bg-slate-800 rounded-b-2xl z-20"></div>
{/* Content Area (Simulated Screen) */}
<div className="absolute inset-[2px] bg-white rounded-[2.25rem] overflow-hidden"> <div className="absolute inset-[2px] bg-white rounded-[2.25rem] overflow-hidden">
{/* Simulation of App UI */}
<div className="h-full flex flex-col pt-8"> <div className="h-full flex flex-col pt-8">
<header className="h-14 border-b border-slate-100 flex items-center px-4 bg-white/80 backdrop-blur-sm sticky top-0 z-10"> <header className="h-14 border-b border-slate-100 flex items-center px-4 bg-white/80 backdrop-blur-sm sticky top-0 z-10">
<div className="w-8 h-8 rounded-lg bg-rose-100 flex items-center justify-center text-rose-600"> <div className="w-8 h-8 rounded-lg bg-rose-100 flex items-center justify-center text-rose-600">
<span className="material-symbols-outlined text-lg">{modules[activeModule].icon}</span> <span className="material-symbols-outlined text-lg">{module.icon}</span>
</div> </div>
<span className="ml-3 font-bold text-xs text-slate-900 truncate">{modules[activeModule].title}</span> <span className="ml-3 font-bold text-xs text-slate-900 truncate">{module.title}</span>
</header> </header>
<div className="p-4 flex-1 space-y-4"> <div className="p-4 flex-1 space-y-4">
<div className="h-40 rounded-2xl bg-slate-100 flex items-center justify-center relative overflow-hidden"> <div className="h-36 rounded-2xl bg-slate-100 flex items-center justify-center relative overflow-hidden">
<span className="material-symbols-outlined text-5xl text-slate-300">{modules[activeModule].icon}</span> <span className="material-symbols-outlined text-5xl text-slate-300">{module.icon}</span>
<div className="absolute inset-0 bg-gradient-to-tr from-rose-500/10 to-transparent"></div> <div className="absolute inset-0 bg-gradient-to-tr from-rose-500/10 to-transparent"></div>
</div> </div>
<div className="h-3 w-full bg-slate-100 rounded-full"></div> <div className="h-3 w-full bg-slate-100 rounded-full"></div>
@ -518,9 +581,14 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
);
})}
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
</section> </section>
@ -567,7 +635,7 @@ export default function Home() {
<h2 className="text-accent-orange font-extrabold uppercase tracking-widest text-sm mb-4">White label</h2> <h2 className="text-accent-orange font-extrabold uppercase tracking-widest text-sm mb-4">White label</h2>
<h3 className="text-3xl lg:text-5xl font-extrabold text-slate-900 leading-tight mb-8">Votre marque, votre application. Pas la nôtre.</h3> <h3 className="text-3xl lg:text-5xl font-extrabold text-slate-900 leading-tight mb-8">Votre marque, votre application. Pas la nôtre.</h3>
<p className="text-lg text-slate-600 leading-relaxed mb-8"> <p className="text-lg text-slate-600 leading-relaxed mb-8">
Bénéficiez d'une solution <strong>White Label</strong> complète. Personnalisez l'interface aux couleurs de votre institution, utilisez votre propre logo et typographie pour une immersion totale de vos visiteurs dans votre univers. Bénéficiez d'une solution <strong>White Label</strong> complète. Personnalisez l'interface aux couleurs de votre lieu, utilisez votre propre logo et typographie pour une immersion totale de vos visiteurs dans votre univers.
</p> </p>
<ul className="space-y-4 mb-10 text-slate-700 font-semibold"> <ul className="space-y-4 mb-10 text-slate-700 font-semibold">
<li className="flex items-center gap-3"> <li className="flex items-center gap-3">
@ -576,7 +644,7 @@ export default function Home() {
</li> </li>
<li className="flex items-center gap-3"> <li className="flex items-center gap-3">
<span className="material-symbols-outlined text-accent-orange">check_circle</span> <span className="material-symbols-outlined text-accent-orange">check_circle</span>
Logo institutionnel sur l'écran d'accueil Votre logo sur l'écran d'accueil
</li> </li>
<li className="flex items-center gap-3"> <li className="flex items-center gap-3">
<span className="material-symbols-outlined text-accent-orange">check_circle</span> <span className="material-symbols-outlined text-accent-orange">check_circle</span>
@ -616,10 +684,10 @@ export default function Home() {
</div> </div>
<div className="text-center p-6 flex flex-col items-center"> <div className="text-center p-6 flex flex-col items-center">
<div className="w-24 h-24 icon-circle mb-6 text-accent-orange"> <div className="w-24 h-24 icon-circle mb-6 text-accent-orange">
<span className="material-symbols-outlined text-5xl">castle</span> <span className="material-symbols-outlined text-5xl">hotel</span>
</div> </div>
<h4 className="text-2xl font-bold mb-3">Lieux de Patrimoine</h4> <h4 className="text-2xl font-bold mb-3">Hôtels & Loisirs</h4>
<p className="text-slate-600 text-sm">Redonnez vie à l'history avec des reconstitutions en réalité augmentée et des parcours scénographiés immersifs.</p> <p className="text-slate-600 text-sm">Offrez à vos clients une expérience premium : services, activités, carte interactive du lieu et recommandations personnalisées.</p>
</div> </div>
</div> </div>
</div> </div>
@ -637,7 +705,7 @@ export default function Home() {
Prêt à transformer votre <span className="text-primary">expérience visiteur</span> ? Prêt à transformer votre <span className="text-primary">expérience visiteur</span> ?
</h2> </h2>
<p className="text-slate-400 text-lg mb-12 max-w-2xl mx-auto relative z-10"> <p className="text-slate-400 text-lg mb-12 max-w-2xl mx-auto relative z-10">
Rejoignez des dizaines d'institutions culturelles qui font confiance à MyInfoMate pour leur stratégie numérique. Rejoignez des dizaines de lieux qui font confiance à MyInfoMate pour engager leurs visiteurs.
</p> </p>
<div className="flex flex-col sm:flex-row items-center justify-center gap-6 relative z-10"> <div className="flex flex-col sm:flex-row items-center justify-center gap-6 relative z-10">
<button <button
@ -776,7 +844,7 @@ export default function Home() {
<span className="text-lg font-extrabold tracking-tight text-slate-900">MyInfoMate</span> <span className="text-lg font-extrabold tracking-tight text-slate-900">MyInfoMate</span>
</div> </div>
<p className="text-slate-500 text-sm leading-relaxed mb-6"> <p className="text-slate-500 text-sm leading-relaxed mb-6">
La solution SaaS pour la digitalisation des musées et sites culturels. Créativité et technologie au service du patrimoine. La solution SaaS pour la digitalisation de vos lieux. Créativité et technologie au service de l'expérience visiteur.
</p> </p>
<div className="flex gap-4"> <div className="flex gap-4">
<a className="w-10 h-10 rounded-full bg-slate-200 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-slate-900 transition-all" href="#"> <a className="w-10 h-10 rounded-full bg-slate-200 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-slate-900 transition-all" href="#">