Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-28 00:21:48 +00:00

View File

@@ -31,26 +31,16 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Pourquoi HOST",
id: "#problem",
},
name: "Pourquoi HOST", id: "#problem"},
{
name: "Fonctionnalités",
id: "#features",
},
name: "Fonctionnalités", id: "#features"},
{
name: "Secteurs",
id: "#sectors",
},
name: "Secteurs", id: "#sectors"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
button={{
text: "Démarrer →",
href: "#final-cta",
}}
text: "Démarrer →", href: "#final-cta"}}
brandName="HOST."
/>
</div>
@@ -58,126 +48,72 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Votre garage ne perd\nplus un seul client."
description="HOST installe une réceptionniste IA conversationnelle dans votre garage en 48h. Elle répond, qualifie, et prend les rendez-vous — 24h/24, même le dimanche."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-with-social-media_23-2151459593.jpg",
imageAlt: "AI chat conversation example 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-with-social-media_23-2151459593.jpg", imageAlt: "AI chat conversation example 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036884.jpg",
imageAlt: "AI chat conversation example 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036884.jpg", imageAlt: "AI chat conversation example 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg",
imageAlt: "AI chat conversation example 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg", imageAlt: "AI chat conversation example 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-her-electric-car-station_23-2149458101.jpg",
imageAlt: "AI chat conversation example 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-her-electric-car-station_23-2149458101.jpg", imageAlt: "AI chat conversation example 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-service-icon-sign-symbol_53876-120296.jpg",
imageAlt: "AI urgent transfer to human chat",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-service-icon-sign-symbol_53876-120296.jpg", imageAlt: "AI urgent transfer to human chat"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-student-library-highlighting-important-ideas-exams-focusing-her-studies_482257-132961.jpg",
imageAlt: "AI chat summary dashboard dark mode",
},
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-student-library-highlighting-important-ideas-exams-focusing-her-studies_482257-132961.jpg", imageAlt: "AI chat summary dashboard dark mode"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg",
imageAlt: "AI chat conversation example 7",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg", imageAlt: "AI chat conversation example 7"},
{
imageSrc: "http://img.b2bpic.net/free-photo/adult-suffering-from-social-media-addiction_23-2149401594.jpg",
imageAlt: "AI chat conversation example 8",
},
imageSrc: "http://img.b2bpic.net/free-photo/adult-suffering-from-social-media-addiction_23-2149401594.jpg", imageAlt: "AI chat conversation example 8"},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg",
imageAlt: "AI chat conversation example 9",
},
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg", imageAlt: "AI chat conversation example 9"},
{
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-with-headphones-listening-music-having-fun_482257-79544.jpg",
imageAlt: "AI qualifying car service request",
},
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-with-headphones-listening-music-having-fun_482257-79544.jpg", imageAlt: "AI qualifying car service request"},
{
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174316.jpg",
imageAlt: "AI urgent transfer to human chat",
},
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174316.jpg", imageAlt: "AI urgent transfer to human chat"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg",
imageAlt: "AI chat summary dashboard dark mode",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg", imageAlt: "AI chat summary dashboard dark mode"},
]}
tag="● Réceptionniste IA · Marché Français"
tagIcon={Circle}
tagAnimation="opacity"
buttons={[
{
text: "Réserver une démo gratuite →",
href: "#final-cta",
},
text: "Réserver une démo gratuite →", href: "#final-cta"},
{
text: "Voir comment ça marche",
href: "#how-it-works",
},
text: "Voir comment ça marche", href: "#how-it-works"},
]}
buttonAnimation="slide-up"
carouselPosition="right"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-works-with-laptop-room-with-loft-interior_613910-13550.jpg",
alt: "Entrepreneur with determination",
},
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-works-with-laptop-room-with-loft-interior_613910-13550.jpg", alt: "Entrepreneur with determination"},
{
src: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408704.jpg",
alt: "Woman leader in tech",
},
src: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408704.jpg", alt: "Woman leader in tech"},
{
src: "http://img.b2bpic.net/free-photo/senior-lawyer-thinking-challenging-legal-case-his-office-biting-eyewear-temple_1098-19196.jpg",
alt: "Thoughtful business professional",
},
src: "http://img.b2bpic.net/free-photo/senior-lawyer-thinking-challenging-legal-case-his-office-biting-eyewear-temple_1098-19196.jpg", alt: "Thoughtful business professional"},
{
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
alt: "Smiling female executive",
},
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Smiling female executive"},
{
src: "http://img.b2bpic.net/free-photo/showing-smile_1098-16413.jpg",
alt: "Client expressing satisfaction",
},
src: "http://img.b2bpic.net/free-photo/showing-smile_1098-16413.jpg", alt: "Client expressing satisfaction"},
]}
avatarText="Plus de 200 garages utilisent déjà HOST."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/flat-code-logo-collection_23-2148855323.jpg",
alt: "AI robot icon",
},
type: "image", src: "http://img.b2bpic.net/free-vector/flat-code-logo-collection_23-2148855323.jpg", alt: "AI robot icon"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/ai-technology-education-icon-vector-blue-digital-graphic_53876-114076.jpg",
alt: "Cybernetics brain icon",
},
type: "image", src: "http://img.b2bpic.net/free-vector/ai-technology-education-icon-vector-blue-digital-graphic_53876-114076.jpg", alt: "Cybernetics brain icon"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/infographic-timeline-neon-style_23-2147514379.jpg",
alt: "Future work automation",
},
type: "image", src: "http://img.b2bpic.net/free-vector/infographic-timeline-neon-style_23-2147514379.jpg", alt: "Future work automation"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/25-data-analysis-solid-glyph-icon-pack-vector-icons-illustration_1142-18636.jpg",
alt: "AI computing analysis",
},
type: "image", src: "http://img.b2bpic.net/free-vector/25-data-analysis-solid-glyph-icon-pack-vector-icons-illustration_1142-18636.jpg", alt: "AI computing analysis"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/20-android-app-solid-glyph-icon-presentation_1142-24022.jpg",
alt: "Smartphone AI integration",
},
type: "image", src: "http://img.b2bpic.net/free-vector/20-android-app-solid-glyph-icon-presentation_1142-24022.jpg", alt: "Smartphone AI integration"},
]}
/>
</div>
@@ -187,24 +123,16 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Vos problèmes, résolus.",
},
type: "text", content: "Vos problèmes, résolus."},
{
type: "text",
content: "→ Le téléphone sonne pendant que le mécanicien est sous une voiture.",
},
type: "text", content: "→ Le téléphone sonne pendant que le mécanicien est sous une voiture."},
{
type: "text",
content: "→ Zéro disponibilité soirs et week-ends.",
},
type: "text", content: "→ Zéro disponibilité soirs et week-ends."},
{
type: "text",
content: "→ La prise de rendez-vous manuelle fait perdre du temps.",
},
type: "text", content: "→ La prise de rendez-vous manuelle fait perdre du temps."},
{
type: "image", src: "http://img.b2bpic.net/free-photo/very-tired-workers-work-project_329181-15339.jpg", alt: "Comparison chart showing benefits of HOST AI"},
]}
imageSrc="http://img.b2bpic.net/free-photo/very-tired-workers-work-project_329181-15339.jpg"
imageAlt="Comparison chart showing benefits of HOST AI"
/>
</div>
@@ -216,34 +144,22 @@ export default function LandingPage() {
features={[
{
icon: Calendar,
title: "Prise de rendez-vous intelligente",
description: "L'IA gère votre agenda en temps réel, évitant les doublons et optimisant les créneaux.",
},
title: "Prise de rendez-vous intelligente", description: "L'IA gère votre agenda en temps réel, évitant les doublons et optimisant les créneaux."},
{
icon: Target,
title: "Qualification des demandes",
description: "Elle identifie précisément le besoin du client pour un service plus efficace et personnalisé.",
},
title: "Qualification des demandes", description: "Elle identifie précisément le besoin du client pour un service plus efficace et personnalisé."},
{
icon: MessageCircle,
title: "Réponses FAQ en temps réel",
description: "Vos clients obtiennent des réponses immédiates à leurs questions fréquentes, 24h/24.",
},
title: "Réponses FAQ en temps réel", description: "Vos clients obtiennent des réponses immédiates à leurs questions fréquentes, 24h/24."},
{
icon: Bell,
title: "Relances automatiques",
description: "L'IA envoie des rappels de rendez-vous et des relances de suivi pour fidéliser vos clients.",
},
title: "Relances automatiques", description: "L'IA envoie des rappels de rendez-vous et des relances de suivi pour fidéliser vos clients."},
{
icon: Shield,
title: "Transfert urgent vers humain",
description: "Pour les demandes complexes ou urgentes, l'IA transfère l'appel à votre équipe.",
},
title: "Transfert urgent vers humain", description: "Pour les demandes complexes ou urgentes, l'IA transfère l'appel à votre équipe."},
{
icon: BarChart2,
title: "Dashboard & reporting",
description: "Accédez à un tableau de bord intuitif pour suivre la performance de votre réceptionniste IA.",
},
title: "Dashboard & reporting", description: "Accédez à un tableau de bord intuitif pour suivre la performance de votre réceptionniste IA."},
]}
title="Une réceptionniste qui connaît votre métier par cœur."
description="HOST offre une suite complète de fonctionnalités pour transformer la gestion des appels de votre garage, garantissant que chaque client est pris en charge."
@@ -259,24 +175,16 @@ export default function LandingPage() {
features={[
{
icon: Zap,
title: "01. Onboarding (30min call)",
description: "Un appel rapide pour comprendre vos besoins et configurer les bases de votre service HOST.",
},
title: "01. Onboarding (30min call)", description: "Un appel rapide pour comprendre vos besoins et configurer les bases de votre service HOST."},
{
icon: Settings,
title: "02. Configuration (AI trained on your garage)",
description: "Nous entraînons l'IA avec les spécificités de votre garage et vos protocoles de rendez-vous.",
},
title: "02. Configuration (AI trained on your garage)", description: "Nous entraînons l'IA avec les spécificités de votre garage et vos protocoles de rendez-vous."},
{
icon: Globe,
title: "03. Intégration (connected to your number)",
description: "Votre réceptionniste IA est connectée à votre numéro de téléphone existant, sans interruption.",
},
title: "03. Intégration (connected to your number)", description: "Votre réceptionniste IA est connectée à votre numéro de téléphone existant, sans interruption."},
{
icon: CheckCircle,
title: "04. Vous êtes live (summaries every morning)",
description: "L'IA prend le relais. Vous recevez un résumé des appels et rendez-vous chaque matin.",
},
title: "04. Vous êtes live (summaries every morning)", description: "L'IA prend le relais. Vous recevez un résumé des appels et rendez-vous chaque matin."},
]}
title="Comment ça marche, en 4 étapes."
description="Mettre en place votre réceptionniste IA HOST est un processus simple et rapide, conçu pour minimiser les perturbations de votre activité."
@@ -291,24 +199,16 @@ export default function LandingPage() {
features={[
{
icon: Wrench,
title: "Garage & mécanique",
description: "Gestion des rendez-vous, qualification des pannes et informations techniques.",
},
title: "Garage & mécanique", description: "Gestion des rendez-vous, qualification des pannes et informations techniques."},
{
icon: Edit,
title: "Carrosserie & peinture",
description: "Planification des devis, suivi des réparations et coordination avec les assurances.",
},
title: "Carrosserie & peinture", description: "Planification des devis, suivi des réparations et coordination avec les assurances."},
{
icon: Car,
title: "Préparateurs auto",
description: "Organisation des plannings, suivi des projets et communication avec les clients exigeants.",
},
title: "Préparateurs auto", description: "Organisation des plannings, suivi des projets et communication avec les clients exigeants."},
{
icon: Sparkles,
title: "Detailing & esthétique",
description: "Prise de rendez-vous pour les prestations, informations sur les services et les produits.",
},
title: "Detailing & esthétique", description: "Prise de rendez-vous pour les prestations, informations sur les services et les produits."},
]}
title="Nous aidons les professionnels de l'automobile à exceller."
description="HOST est conçu spécifiquement pour les exigences uniques des entreprises automobiles françaises."
@@ -320,12 +220,10 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Combien vous coûtent vos appels manqués ?",
},
type: "text", content: "Combien vous coûtent vos appels manqués ?"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895859.jpg", alt: "Interactive loss calculator interface"},
]}
imageSrc="http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895859.jpg"
imageAlt="Interactive loss calculator interface"
/>
</div>
@@ -334,35 +232,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
name: "Laurent Moreau",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
imageAlt: "Laurent Moreau avatar",
},
id: "testimonial-1", name: "Laurent Moreau", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "Laurent Moreau avatar"},
{
id: "testimonial-2",
name: "Sophie Dubois",
imageSrc: "http://img.b2bpic.net/free-photo/equal-opportunities-workplace_23-2148419653.jpg",
imageAlt: "Sophie Dubois avatar",
},
id: "testimonial-2", name: "Sophie Dubois", imageSrc: "http://img.b2bpic.net/free-photo/equal-opportunities-workplace_23-2148419653.jpg", imageAlt: "Sophie Dubois avatar"},
{
id: "testimonial-3",
name: "Marc Lefevre",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-335.jpg",
imageAlt: "Marc Lefevre avatar",
},
id: "testimonial-3", name: "Marc Lefevre", imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-335.jpg", imageAlt: "Marc Lefevre avatar"},
{
id: "testimonial-4",
name: "Claire Bernard",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-woman-wearing-white-shirt-with-blonde-hair-smiling-pleasantly-while-receiving-some-positive-news-pretty-girl-looking-with-joyful-smile_176420-13579.jpg",
imageAlt: "Claire Bernard avatar",
},
id: "testimonial-4", name: "Claire Bernard", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-woman-wearing-white-shirt-with-blonde-hair-smiling-pleasantly-while-receiving-some-positive-news-pretty-girl-looking-with-joyful-smile_176420-13579.jpg", imageAlt: "Claire Bernard avatar"},
{
id: "testimonial-5",
name: "Thomas Girard",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=abphvy",
imageAlt: "Thomas Girard avatar",
},
id: "testimonial-5", name: "Thomas Girard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=abphvy", imageAlt: "Thomas Girard avatar"},
]}
cardTitle="« Avant HOST, je perdais facilement 4 ou 5 appels par jour. Maintenant tout est géré. Mes clients ont l'impression d'avoir une vraie secrétaire. »"
cardTag="Laurent Moreau — Gérant, Carrosserie Moreau, Lyon (69)"
@@ -376,35 +254,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "Est-ce que l'IA sonne vraiment humaine ?",
content: "Oui, notre IA est entraînée avec des voix naturelles et des intonations réalistes pour une expérience d'appel fluide et humaine.",
},
id: "faq-1", title: "Est-ce que l'IA sonne vraiment humaine ?", content: "Oui, notre IA est entraînée avec des voix naturelles et des intonations réalistes pour une expérience d'appel fluide et humaine."},
{
id: "faq-2",
title: "Dois-je changer mon numéro de téléphone ?",
content: "Non, HOST s'intègre à votre numéro existant. Vos clients n'y voient que du feu.",
},
id: "faq-2", title: "Dois-je changer mon numéro de téléphone ?", content: "Non, HOST s'intègre à votre numéro existant. Vos clients n'y voient que du feu."},
{
id: "faq-3",
title: "Que se passe-t-il si le client demande à parler à un humain ?",
content: "L'IA est programmée pour transférer l'appel à votre équipe si le client en fait la demande, ou si la situation l'exige.",
},
id: "faq-3", title: "Que se passe-t-il si le client demande à parler à un humain ?", content: "L'IA est programmée pour transférer l'appel à votre équipe si le client en fait la demande, ou si la situation l'exige."},
{
id: "faq-4",
title: "Quelle est l'intégration avec mon agenda ?",
content: "HOST s'intègre avec les principaux agendas du marché pour synchroniser vos rendez-vous en temps réel.",
},
id: "faq-4", title: "Quelle est l'intégration avec mon agenda ?", content: "HOST s'intègre avec les principaux agendas du marché pour synchroniser vos rendez-vous en temps réel."},
{
id: "faq-5",
title: "Combien de temps pour être opérationnel ?",
content: "Votre réceptionniste IA peut être opérationnelle en moins de 48 heures après l'onboarding initial.",
},
id: "faq-5", title: "Combien de temps pour être opérationnel ?", content: "Votre réceptionniste IA peut être opérationnelle en moins de 48 heures après l'onboarding initial."},
{
id: "faq-6",
title: "Y a-t-il un engagement de durée ?",
content: "Nous proposons des offres flexibles sans engagement de durée pour s'adapter à vos besoins.",
},
id: "faq-6", title: "Y a-t-il un engagement de durée ?", content: "Nous proposons des offres flexibles sans engagement de durée pour s'adapter à vos besoins."},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160486.jpg"
imageAlt="Abstract illustration of questions and answers"
@@ -419,16 +279,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Prêt à transformer votre réception ?"
title="Arrêtez de perdre vos clients."
description="Réservez votre démo en 2 minutes. Réponse sous 24h · Sans engagement · Démo personnalisée à votre activité."
buttons={[
{
text: "Réserver ma démo gratuite →",
href: "#",
},
text: "Réserver ma démo gratuite →", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -439,25 +296,17 @@ export default function LandingPage() {
logoText="HOST."
columns={[
{
title: "Ressources",
items: [
title: "Ressources", items: [
{
label: "Mentions légales",
href: "#",
},
label: "Mentions légales", href: "#"},
{
label: "Confidentialité",
href: "#",
},
label: "Confidentialité", href: "#"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "contact@hostai.fr",
href: "mailto:contact@hostai.fr",
},
label: "contact@hostai.fr", href: "mailto:contact@hostai.fr"},
],
},
]}