Update src/app/page.tsx
This commit is contained in:
198
src/app/page.tsx
198
src/app/page.tsx
@@ -31,107 +31,66 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Bénéfices",
|
||||
id: "#benefits",
|
||||
},
|
||||
name: "Bénéfices", id: "#benefits"},
|
||||
{
|
||||
name: "Fonctionnement",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
name: "Fonctionnement", id: "#how-it-works"},
|
||||
{
|
||||
name: "Démo",
|
||||
id: "#demo",
|
||||
},
|
||||
name: "Démo", id: "#demo"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="Osiris"
|
||||
button={{
|
||||
text: "Réserver un appel",
|
||||
href: "#scheduling",
|
||||
}}
|
||||
text: "Réserver un appel", href: "#scheduling"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ne perdez plus aucun appel. Votre agent vocal IA répond pour vous."
|
||||
description="Osiris automatise vos appels, qualifie vos leads et remplit votre calendrier 24/7. L'excellence opérationnelle, sans effort humain supplémentaire."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Appels répondus",
|
||||
},
|
||||
value: "100%", label: "Appels répondus"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Disponibilité",
|
||||
},
|
||||
value: "24/7", label: "Disponibilité"},
|
||||
{
|
||||
value: "+40%",
|
||||
label: "Lead conversion",
|
||||
},
|
||||
value: "+40%", label: "Lead conversion"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une démo",
|
||||
href: "#scheduling",
|
||||
},
|
||||
text: "Réserver une démo", href: "#scheduling"},
|
||||
{
|
||||
text: "Tester l'agent vocal",
|
||||
href: "#demo",
|
||||
},
|
||||
text: "Tester l'agent vocal", href: "#demo"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57864.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57864.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",
|
||||
alt: "AI client service representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", alt: "AI client service representative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-92084.jpg",
|
||||
alt: "Modern professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-92084.jpg", alt: "Modern professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-holding-using-tablet_23-2148793486.jpg",
|
||||
alt: "Satisfied business owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-holding-using-tablet_23-2148793486.jpg", alt: "Satisfied business owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-empty-frame-with-classic-blue-paint-containers_23-2148381445.jpg",
|
||||
alt: "Efficiency expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-empty-frame-with-classic-blue-paint-containers_23-2148381445.jpg", alt: "Efficiency expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
alt: "Customer success lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", alt: "Customer success lead"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Intégration CRM",
|
||||
},
|
||||
type: "text", text: "Intégration CRM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Support 24/7",
|
||||
},
|
||||
type: "text", text: "Support 24/7"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Appels qualifiés",
|
||||
},
|
||||
type: "text", text: "Appels qualifiés"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Synchro Calendrier",
|
||||
},
|
||||
type: "text", text: "Synchro Calendrier"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sécurité entreprise",
|
||||
},
|
||||
type: "text", text: "Sécurité entreprise"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,19 +102,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Phone,
|
||||
label: "Appels entrants",
|
||||
value: "Zéro manque",
|
||||
},
|
||||
label: "Appels entrants", value: "Zéro manque"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Service client",
|
||||
value: "24/7 instantané",
|
||||
},
|
||||
label: "Service client", value: "24/7 instantané"},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Prise de RDV",
|
||||
value: "Totalement automatisé",
|
||||
},
|
||||
label: "Prise de RDV", value: "Totalement automatisé"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -168,28 +121,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lead Qualification",
|
||||
description: "L'IA pose les bonnes questions et qualifie vos prospects instantanément.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
|
||||
title: "Lead Qualification", description: "L'IA pose les bonnes questions et qualifie vos prospects instantanément.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg", imageAlt: "abstract tech AI visualization"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Filtrage intelligent",
|
||||
},
|
||||
text: "Filtrage intelligent"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Données CRM intégrées",
|
||||
},
|
||||
text: "Données CRM intégrées"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Priorisation des appels",
|
||||
},
|
||||
text: "Priorisation des appels"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57864.jpg?_wi=2",
|
||||
imageAlt: "abstract tech AI visualization",
|
||||
},
|
||||
]}
|
||||
title="La solution à vos défis quotidiens"
|
||||
@@ -204,19 +150,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: PhoneCall,
|
||||
label: "Appel client",
|
||||
value: "Étape 1",
|
||||
},
|
||||
label: "Appel client", value: "Étape 1"},
|
||||
{
|
||||
icon: Database,
|
||||
label: "Traitement IA",
|
||||
value: "Étape 2",
|
||||
},
|
||||
label: "Traitement IA", value: "Étape 2"},
|
||||
{
|
||||
icon: CalendarCheck,
|
||||
label: "RDV validé",
|
||||
value: "Étape 3",
|
||||
},
|
||||
label: "RDV validé", value: "Étape 3"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -229,20 +169,11 @@ export default function LandingPage() {
|
||||
tag="Performances"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
description: "Réduction des appels perdus",
|
||||
},
|
||||
id: "m1", value: "85%", description: "Réduction des appels perdus"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "90%",
|
||||
description: "Taux de prise de RDV",
|
||||
},
|
||||
id: "m2", value: "90%", description: "Taux de prise de RDV"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15h",
|
||||
description: "Temps gagné par semaine",
|
||||
},
|
||||
id: "m3", value: "15h", description: "Temps gagné par semaine"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -253,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Est-ce compatible avec mon métier ?",
|
||||
content: "Nos agents sont formés pour s'adapter à une immense variété de secteurs PME.",
|
||||
},
|
||||
id: "f1", title: "Est-ce compatible avec mon métier ?", content: "Nos agents sont formés pour s'adapter à une immense variété de secteurs PME."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Est-ce facile à installer ?",
|
||||
content: "Le processus est fluide. Nous vous accompagnons pour une mise en ligne en quelques jours.",
|
||||
},
|
||||
id: "f2", title: "Est-ce facile à installer ?", content: "Le processus est fluide. Nous vous accompagnons pour une mise en ligne en quelques jours."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Est-ce que ça s'intègre à mes outils ?",
|
||||
content: "Oui, Osiris se connecte nativement via API à vos CRM et agendas habituels.",
|
||||
},
|
||||
id: "f3", title: "Est-ce que ça s'intègre à mes outils ?", content: "Oui, Osiris se connecte nativement via API à vos CRM et agendas habituels."},
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -280,15 +202,9 @@ export default function LandingPage() {
|
||||
description="Expérimentez la clarté de notre agent vocal directement depuis votre navigateur."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Votre nom"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre email professionnel",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Votre email professionnel"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg"
|
||||
buttonText="Tester l'agent vocal"
|
||||
@@ -302,15 +218,9 @@ export default function LandingPage() {
|
||||
description="Discutons de vos besoins spécifiques et voyons comment Osiris peut transformer votre réception d'appels."
|
||||
inputs={[
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Nom de votre société",
|
||||
},
|
||||
name: "company", type: "text", placeholder: "Nom de votre société"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Numéro de téléphone",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Numéro de téléphone"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-background-with-geometrical-shapes_23-2148811488.jpg"
|
||||
buttonText="Confirmer le rendez-vous"
|
||||
@@ -321,29 +231,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Produit",
|
||||
items: [
|
||||
title: "Produit", items: [
|
||||
{
|
||||
label: "Démo",
|
||||
href: "#demo",
|
||||
},
|
||||
label: "Démo", href: "#demo"},
|
||||
{
|
||||
label: "Bénéfices",
|
||||
href: "#benefits",
|
||||
},
|
||||
label: "Bénéfices", href: "#benefits"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user