Update src/app/page.tsx
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avis", id: "testimonials"},
|
||||
{
|
||||
name: "Résultats",
|
||||
id: "results",
|
||||
},
|
||||
name: "Résultats", id: "results"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Biomed Nejma"
|
||||
/>
|
||||
@@ -60,65 +50,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Votre santé mérite l’excellence."
|
||||
description="Analyses médicales rapides, fiables et réalisées avec un accompagnement humain exceptionnel à Tanger."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre rendez-vous",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prendre rendez-vous", href: "#contact"},
|
||||
{
|
||||
text: "Recevoir mes résultats",
|
||||
href: "#results",
|
||||
},
|
||||
text: "Recevoir mes résultats", href: "#results"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unfocused-corrido_1203-1343.jpg",
|
||||
alt: "Medical staff member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/unfocused-corrido_1203-1343.jpg", alt: "Medical staff member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg",
|
||||
alt: "Medical staff member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg", alt: "Medical staff member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1562.jpg",
|
||||
alt: "Medical staff member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1562.jpg", alt: "Medical staff member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg",
|
||||
alt: "Medical staff member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg", alt: "Medical staff member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-student-practicing-medicine_23-2149040300.jpg",
|
||||
alt: "Medical staff member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-student-practicing-medicine_23-2149040300.jpg", alt: "Medical staff member 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualité certifiée",
|
||||
},
|
||||
type: "text", text: "Qualité certifiée"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Service rapide",
|
||||
},
|
||||
type: "text", text: "Service rapide"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Équipement moderne",
|
||||
},
|
||||
type: "text", text: "Équipement moderne"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Accueil premium",
|
||||
},
|
||||
type: "text", text: "Accueil premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Résultats sécurisés",
|
||||
},
|
||||
type: "text", text: "Résultats sécurisés"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,19 +96,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapidité & précision",
|
||||
description: "Résultats fiables transmis rapidement avec des protocoles de qualité rigoureux.",
|
||||
},
|
||||
title: "Rapidité & précision", description: "Résultats fiables transmis rapidement avec des protocoles de qualité rigoureux."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Accueil humain",
|
||||
description: "Une équipe attentive, rassurante et toujours à l’écoute des besoins de chaque patient.",
|
||||
},
|
||||
title: "Accueil humain", description: "Une équipe attentive, rassurante et toujours à l’écoute des besoins de chaque patient."},
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Technologie moderne",
|
||||
description: "Laboratoire moderne équipé pour des analyses médicales de haute précision.",
|
||||
},
|
||||
title: "Technologie moderne", description: "Laboratoire moderne équipé pour des analyses médicales de haute précision."},
|
||||
]}
|
||||
title="Une expérience médicale différente."
|
||||
description="Nous allions rigueur scientifique et bienveillance pour vous offrir un service de santé premium."
|
||||
@@ -158,47 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Analyses sanguines",
|
||||
price: "Standard",
|
||||
variant: "Biologie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-blood-samples-assortment-lab_23-2149107234.jpg",
|
||||
},
|
||||
id: "1", name: "Analyses sanguines", price: "Standard", variant: "Biologie", imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-blood-samples-assortment-lab_23-2149107234.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bilans hormonaux",
|
||||
price: "Spécialisé",
|
||||
variant: "Endocrinologie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-wearing-doctor-uniform-having-blood-analysis-clinic_839833-12092.jpg",
|
||||
},
|
||||
id: "2", name: "Bilans hormonaux", price: "Spécialisé", variant: "Endocrinologie", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-wearing-doctor-uniform-having-blood-analysis-clinic_839833-12092.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Biochimie",
|
||||
price: "Routine",
|
||||
variant: "Biologie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lab-glassware-with-colored-substances_23-2149510741.jpg",
|
||||
},
|
||||
id: "3", name: "Biochimie", price: "Routine", variant: "Biologie", imageSrc: "http://img.b2bpic.net/free-photo/lab-glassware-with-colored-substances_23-2149510741.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Microbiologie",
|
||||
price: "Recherche",
|
||||
variant: "Bactériologie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-chemistry-arrangement_23-2149132703.jpg",
|
||||
},
|
||||
id: "4", name: "Microbiologie", price: "Recherche", variant: "Bactériologie", imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-chemistry-arrangement_23-2149132703.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sérologie",
|
||||
price: "Diagnostic",
|
||||
variant: "Immunologie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-medical-technician-holding-test-tube-cotton-swab-while-examining-coronavirus-laboratory_637285-4762.jpg",
|
||||
},
|
||||
id: "5", name: "Sérologie", price: "Diagnostic", variant: "Immunologie", imageSrc: "http://img.b2bpic.net/free-photo/closeup-medical-technician-holding-test-tube-cotton-swab-while-examining-coronavirus-laboratory_637285-4762.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bilans complets",
|
||||
price: "Premium",
|
||||
variant: "Check-up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-patient-information_1232-4441.jpg",
|
||||
},
|
||||
id: "6", name: "Bilans complets", price: "Premium", variant: "Check-up", imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-patient-information_1232-4441.jpg"},
|
||||
]}
|
||||
title="Analyses proposées"
|
||||
description="Un large éventail d'examens biologiques réalisés dans le respect des normes internationales."
|
||||
@@ -212,59 +141,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Patiente",
|
||||
company: "Tanger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-medical-gown-wearing-stethoscope-bite-tongue-green-wall_141793-26995.jpg",
|
||||
},
|
||||
id: "1", name: "Patient", role: "Labo", company: "Tanger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-medical-gown-wearing-stethoscope-bite-tongue-green-wall_141793-26995.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Patient",
|
||||
company: "Tanger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-clinic_107420-74053.jpg",
|
||||
},
|
||||
id: "2", name: "Client", role: "Labo", company: "Tanger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-clinic_107420-74053.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Patiente",
|
||||
company: "Tanger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-doctor-young-girl-wearing-stethoscope-medical-gown-bite-tongue-blue-background_141793-21063.jpg",
|
||||
},
|
||||
id: "3", name: "Patient", role: "Labo", company: "Tanger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-doctor-young-girl-wearing-stethoscope-medical-gown-bite-tongue-blue-background_141793-21063.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Patient",
|
||||
company: "Tanger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg",
|
||||
},
|
||||
id: "4", name: "Patient", role: "Labo", company: "Tanger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amira L.",
|
||||
role: "Patiente",
|
||||
company: "Tanger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg",
|
||||
},
|
||||
id: "5", name: "Client", role: "Labo", company: "Tanger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg"},
|
||||
{
|
||||
id: "6", name: "Client", role: "Labo", company: "Tanger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-medical-gown-wearing-stethoscope-bite-tongue-green-wall_141793-26995.jpg"},
|
||||
{
|
||||
id: "7", name: "Client", role: "Labo", company: "Tanger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-medical-gown-wearing-stethoscope-bite-tongue-green-wall_141793-26995.jpg"}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "143+",
|
||||
label: "Avis 5 étoiles",
|
||||
},
|
||||
value: "143+", label: "Avis 5 étoiles"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction patient",
|
||||
},
|
||||
value: "98%", label: "Satisfaction patient"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Délai moyen",
|
||||
},
|
||||
value: "24h", label: "Délai moyen"},
|
||||
]}
|
||||
title="Plus qu’un laboratoire. Une relation de confiance."
|
||||
description="La satisfaction de nos patients est la preuve de notre engagement envers l'excellence."
|
||||
@@ -278,11 +182,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "doc1",
|
||||
name: "Dr. Mohamed Othmani",
|
||||
role: "Directeur Médical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-specialist-with-medical-disposable-gloves-examining-patient-cabinet_482257-101358.jpg",
|
||||
},
|
||||
id: "doc1", name: "Dr. Mohamed Othmani", role: "Directeur Médical", imageSrc: "http://img.b2bpic.net/free-photo/portrait-specialist-with-medical-disposable-gloves-examining-patient-cabinet_482257-101358.jpg"},
|
||||
]}
|
||||
title="Engagement médical"
|
||||
description="Notre priorité est d’offrir une médecine de laboratoire alliant précision scientifique, écoute humaine et excellence du service."
|
||||
@@ -294,9 +194,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Un environnement moderne et serein"
|
||||
description={[
|
||||
"Nous avons conçu notre laboratoire comme un espace de soin accueillant, propre et apaisant.",
|
||||
"Chaque détail, de l'équipement de pointe à l'accueil, reflète nos standards de qualité internationaux.",
|
||||
]}
|
||||
"Nous avons conçu notre laboratoire comme un espace de soin accueillant, propre et apaisant.", "Chaque détail, de l'équipement de pointe à l'accueil, reflète nos standards de qualité internationaux."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -306,25 +204,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Comment recevoir mes résultats ?",
|
||||
content: "Vos résultats sont envoyés en toute sécurité via WhatsApp ou disponibles au laboratoire.",
|
||||
},
|
||||
id: "1", title: "Comment recevoir mes résultats ?", content: "Vos résultats sont envoyés en toute sécurité via WhatsApp ou disponibles au laboratoire."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quels sont les délais ?",
|
||||
content: "La plupart des analyses sont traitées dans la journée.",
|
||||
},
|
||||
id: "2", title: "Quels sont les délais ?", content: "La plupart des analyses sont traitées dans la journée."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Le laboratoire est-il ouvert le samedi ?",
|
||||
content: "Oui, nous sommes ouverts pour vous accueillir durant les week-ends.",
|
||||
},
|
||||
id: "3", title: "Le laboratoire est-il ouvert le samedi ?", content: "Oui, nous sommes ouverts pour vous accueillir durant les week-ends."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Quels moyens de paiement sont acceptés ?",
|
||||
content: "Nous acceptons les paiements en espèces et par carte bancaire.",
|
||||
},
|
||||
id: "4", title: "Quels moyens de paiement sont acceptés ?", content: "Nous acceptons les paiements en espèces et par carte bancaire."},
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Retrouvez ici les réponses à vos interrogations les plus fréquentes."
|
||||
@@ -339,15 +225,9 @@ export default function LandingPage() {
|
||||
description="Recevez vos analyses rapidement via WhatsApp avec un accompagnement professionnel et discret."
|
||||
inputs={[
|
||||
{
|
||||
name: "Nom",
|
||||
type: "text",
|
||||
placeholder: "Votre nom complet",
|
||||
},
|
||||
name: "Nom", type: "text", placeholder: "Votre nom complet"},
|
||||
{
|
||||
name: "WhatsApp",
|
||||
type: "tel",
|
||||
placeholder: "Numéro WhatsApp",
|
||||
},
|
||||
name: "WhatsApp", type: "tel", placeholder: "Numéro WhatsApp"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mobile-phone-stethoscope-chart-file-desktop-mobile-medical-handheld-doctor-concepts_1387-450.jpg"
|
||||
mediaPosition="left"
|
||||
@@ -362,20 +242,12 @@ export default function LandingPage() {
|
||||
description="Prenez rendez-vous ou posez vos questions à notre équipe de professionnels."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nom complet",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Nom complet"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Comment pouvons-nous vous aider ?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Comment pouvons-nous vous aider ?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bathroom-sign-door-inside_23-2149936878.jpg"
|
||||
@@ -386,33 +258,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Tanger, Maroc",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tanger, Maroc", href: "#"},
|
||||
{
|
||||
label: "+212 5XX-XXXXXX",
|
||||
href: "tel:+212500000000",
|
||||
},
|
||||
label: "+212 5XX-XXXXXX", href: "tel:+212500000000"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informations",
|
||||
items: [
|
||||
title: "Informations", items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "À propos", href: "#experience"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -422,4 +282,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user