Merge version_1 into main #1

Merged
bender merged 3 commits from version_1 into main 2026-06-11 18:43:53 +00:00
3 changed files with 74 additions and 254 deletions

View File

@@ -30,31 +30,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "/",
},
name: "Accueil", id: "/"},
{
name: "Salons",
id: "/salons",
},
name: "Salons", id: "/salons"},
{
name: "Réservation",
id: "/reservation",
},
name: "Réservation", id: "/reservation"},
{
name: "Coiffeurs",
id: "/dashboard/barber",
},
name: "Coiffeurs", id: "/dashboard/barber"},
{
name: "Avis",
id: "/avis",
},
name: "Avis", id: "/avis"},
]}
brandName="BarberConnect"
button={{
text: "Se connecter",
href: "/dashboard/barber",
}}
text: "Se connecter", href: "/dashboard/barber"}}
/>
</div>
@@ -64,35 +52,21 @@ export default function LandingPage() {
description="Votre rendez-vous coiffeur homme en Tunisie, simple, rapide et élégant. Réservez en 3 étapes, sans compte, et gérez vos styles."
buttons={[
{
text: "Trouver un salon",
href: "/salons",
},
text: "Trouver un salon", href: "/salons"},
{
text: "Devenir partenaire",
href: "/dashboard/barber",
},
text: "Devenir partenaire", href: "/dashboard/barber"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg",
imageAlt: "Intérieur de luxe d'un salon de coiffure pour hommes",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg", imageAlt: "Intérieur de luxe d'un salon de coiffure pour hommes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg",
imageAlt: "Coiffeur professionnel coupant les cheveux d'un client",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg", imageAlt: "Coiffeur professionnel coupant les cheveux d'un client"},
{
imageSrc: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg",
imageAlt: "Interface d'application mobile de réservation de coiffeur",
},
imageSrc: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg", imageAlt: "Interface d'application mobile de réservation de coiffeur"},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121995.jpg",
imageAlt: "Flat lay composition of shaving objects",
},
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121995.jpg", imageAlt: "Flat lay composition of shaving objects"},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg",
imageAlt: "Composition for fathers day",
},
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg", imageAlt: "Composition for fathers day"},
]}
autoplayDelay={4000}
/>
@@ -106,11 +80,8 @@ export default function LandingPage() {
title="La Révolution des Rendez-vous Coiffeur Homme en Tunisie"
buttons={[
{
text: "Découvrir la plateforme",
href: "/salons",
},
text: "Découvrir la plateforme", href: "/salons"},
]}
description="BarberConnect est la plateforme ultime pour connecter les hommes à leurs barbiers préférés en Tunisie. Nous simplifions le processus de réservation pour les clients et offrons aux professionnels des outils de gestion puissants."
/>
</div>
@@ -121,41 +92,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Carte Interactive des Salons",
author: "Trouvez le meilleur coiffeur près de chez vous.",
description: "Explorez les salons sur une carte intuitive, filtrez par géolocalisation et découvrez les professionnels disponibles en un clin d'œil.",
tags: [
"Géolocalisation",
"Filtres",
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
imageAlt: "Carte interactive montrant des salons de coiffeure",
},
id: "f1", title: "Carte Interactive des Salons", author: "Trouvez le meilleur coiffeur près de chez vous.", description: "Explorez les salons sur une carte intuitive, filtrez par géolocalisation et découvrez les professionnels disponibles en un clin d'œil.", tags: [
"Géolocalisation", "Filtres"],
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", imageAlt: "Carte interactive montrant des salons de coiffeure"},
{
id: "f2",
title: "Réservation Intelligente",
author: "Ne manquez jamais un créneau.",
description: "Notre calendrier vérifie les disponibilités en temps réel, évitant les doubles réservations et vous garantissant un rendez-vous à l'heure qui vous convient.",
tags: [
"Temps Réel",
"Anti-doublons",
],
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg",
imageAlt: "Système de réservation en ligne avec calendrier",
},
id: "f2", title: "Réservation Intelligente", author: "Ne manquez jamais un créneau.", description: "Notre calendrier vérifie les disponibilités en temps réel, évitant les doubles réservations et vous garantissant un rendez-vous à l'heure qui vous convient.", tags: [
"Temps Réel", "Anti-doublons"],
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg", imageAlt: "Système de réservation en ligne avec calendrier"},
{
id: "f3",
title: "Sans Compte, Sans Email",
author: "La simplicité avant tout.",
description: "Réservez votre coupe de cheveux en 3 étapes ultra-simples, en utilisant uniquement votre numéro de téléphone. Pas de tracas, juste des rendez-vous.",
tags: [
"Simple",
"Rapide",
],
imageSrc: "http://img.b2bpic.net/free-photo/financial-forex-business-chart-report_53876-120081.jpg",
imageAlt: "Téléphone affichant une interface de réservation sans compte",
},
id: "f3", title: "Sans Compte, Sans Email", author: "La simplicité avant tout.", description: "Réservez votre coupe de cheveux en 3 étapes ultra-simples, en utilisant uniquement votre numéro de téléphone. Pas de tracas, juste des rendez-vous.", tags: [
"Simple", "Rapide"],
imageSrc: "http://img.b2bpic.net/free-photo/financial-forex-business-chart-report_53876-120081.jpg", imageAlt: "Téléphone affichant une interface de réservation sans compte"},
]}
title="Des Fonctionnalités Conçues pour Vous"
description="Profitez d'une expérience de réservation fluide et de gestion intuitive, que vous soyez client ou coiffeur."
@@ -169,64 +116,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Omar B.",
role: "Client Fidèle",
company: "Tunis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
imageAlt: "Client heureux après sa coupe",
},
id: "1", name: "Omar B.", role: "Client Fidèle", company: "Tunis", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", imageAlt: "Client heureux après sa coupe"},
{
id: "2",
name: "Mohamed A.",
role: "Propriétaire de Salon",
company: "Sousse",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg",
imageAlt: "Intérieur de salon de coiffure moderne",
},
id: "2", name: "Mohamed A.", role: "Propriétaire de Salon", company: "Sousse", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "Intérieur de salon de coiffure moderne"},
{
id: "3",
name: "Ahmed K.",
role: "Client Occasionnel",
company: "Sfax",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-barber-wearing-uniform-glasses-holding-teaser-comb-hair-trimmer-looking-camera-showing-thumb-down-isolated-blue-background_141793-138706.jpg",
imageAlt: "Client utilisant l'application de paiement",
},
id: "3", name: "Ahmed K.", role: "Client Occasionnel", company: "Sfax", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-barber-wearing-uniform-glasses-holding-teaser-comb-hair-trimmer-looking-camera-showing-thumb-down-isolated-blue-background_141793-138706.jpg", imageAlt: "Client utilisant l'application de paiement"},
{
id: "4",
name: "Youssef Z.",
role: "Gérant de Salon",
company: "Nabeul",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
imageAlt: "Téléphone affichant des avis clients",
},
id: "4", name: "Youssef Z.", role: "Gérant de Salon", company: "Nabeul", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg", imageAlt: "Téléphone affichant des avis clients"},
{
id: "5",
name: "Fares G.",
role: "Coiffeur Star",
company: "Tunis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
imageAlt: "Portrait d'un coiffeur souriant",
},
id: "5", name: "Fares G.", role: "Coiffeur Star", company: "Tunis", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg", imageAlt: "Portrait d'un coiffeur souriant"},
]}
kpiItems={[
{
value: "4.9/5",
label: "Note Moyenne",
},
value: "4.9/5", label: "Note Moyenne"},
{
value: "10K+",
label: "Rendez-vous Réalisés",
},
value: "10K+", label: "Rendez-vous Réalisés"},
{
value: "98%",
label: "Satisfaction Client",
},
value: "98%", label: "Satisfaction Client"},
]}
title="Ce Que Nos Utilisateurs Disent"
description="Des retours clients qui parlent d'eux-mêmes : une expérience de réservation inégalée."
@@ -243,32 +154,16 @@ export default function LandingPage() {
description="Découvrez l'impact de notre plateforme sur la communauté des barbiers et des clients en Tunisie."
metrics={[
{
id: "metric-1",
value: "24/7",
title: "Disponibilité",
description: "Réservez à tout moment, de partout.",
icon: Clock,
id: "metric-1", value: "24/7", title: "Disponibilité", description: "Réservez à tout moment, de partout.", icon: Clock,
},
{
id: "metric-2",
value: "+500",
title: "Salons Partenaires",
description: "Le plus grand réseau en Tunisie.",
icon: Building2,
id: "metric-2", value: "+500", title: "Salons Partenaires", description: "Le plus grand réseau en Tunisie.", icon: Building2,
},
{
id: "metric-3",
value: "3 Min",
title: "Temps de Réservation",
description: "Une expérience ultra-rapide et intuitive.",
icon: FastForward,
id: "metric-3", value: "3 Min", title: "Temps de Réservation", description: "Une expérience ultra-rapide et intuitive.", icon: FastForward,
},
{
id: "metric-4",
value: "4.9/5",
title: "Satisfaction",
description: "Nos clients adorent notre service.",
icon: Star,
id: "metric-4", value: "4.9/5", title: "Satisfaction", description: "Nos clients adorent notre service.", icon: Star,
},
]}
/>
@@ -281,19 +176,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>

View File

@@ -27,31 +27,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "/",
},
name: "Accueil", id: "/"},
{
name: "Salons",
id: "/salons",
},
name: "Salons", id: "/salons"},
{
name: "Réservation",
id: "/reservation",
},
name: "Réservation", id: "/reservation"},
{
name: "Coiffeurs",
id: "/dashboard/barber",
},
name: "Coiffeurs", id: "/dashboard/barber"},
{
name: "Avis",
id: "/avis",
},
name: "Avis", id: "/avis"},
]}
brandName="BarberConnect"
button={{
text: "Se connecter",
href: "/dashboard/barber",
}}
text: "Se connecter", href: "/dashboard/barber"}}
/>
</div>
@@ -63,11 +51,8 @@ export default function LandingPage() {
title="Réservez Votre Coupe en 3 Étapes Faciles"
buttons={[
{
text: "Commencer la réservation",
href: "/salons",
},
text: "Commencer la réservation", href: "/salons"},
]}
description="Nous avons conçu notre processus de réservation pour être le plus intuitif possible. Suivez ces étapes pour garantir votre rendez-vous."
/>
</div>
@@ -75,14 +60,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Prêt à transformer votre look ? Réservez votre rendez-vous dès maintenant et découvrez l'excellence de BarberConnect."
buttons={[
{
text: "Je réserve ma coupe !",
href: "/salons",
},
text: "Je réserve ma coupe !", href: "/salons"},
]}
/>
</div>
@@ -94,19 +76,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>

View File

@@ -27,31 +27,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "/",
},
name: "Accueil", id: "/"},
{
name: "Salons",
id: "/salons",
},
name: "Salons", id: "/salons"},
{
name: "Réservation",
id: "/reservation",
},
name: "Réservation", id: "/reservation"},
{
name: "Coiffeurs",
id: "/dashboard/barber",
},
name: "Coiffeurs", id: "/dashboard/barber"},
{
name: "Avis",
id: "/avis",
},
name: "Avis", id: "/avis"},
]}
brandName="BarberConnect"
button={{
text: "Se connecter",
href: "/dashboard/barber",
}}
text: "Se connecter", href: "/dashboard/barber"}}
/>
</div>
@@ -62,41 +50,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "sf1",
title: "Géolocalisation Précise",
author: "Localisez les salons les plus proches instantanément.",
description: "Activez votre géolocalisation pour voir les barbiers autour de vous et calculer les temps de trajet.",
tags: [
"GPS",
"Proximité",
],
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-composition-with-variety-elements_23-2147631278.jpg",
imageAlt: "Interface de carte avec géolocalisation",
},
id: "sf1", title: "Géolocalisation Précise", author: "Localisez les salons les plus proches instantanément.", description: "Activez votre géolocalisation pour voir les barbiers autour de vous et calculer les temps de trajet.", tags: [
"GPS", "Proximité"],
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-composition-with-variety-elements_23-2147631278.jpg", imageAlt: "Interface de carte avec géolocalisation"},
{
id: "sf2",
title: "Filtres Détaillés",
author: "Affinez votre recherche selon vos préférences.",
description: "Filtrez par prix, services offerts, note moyenne, et même par coiffeur spécifique pour une sélection personnalisée.",
tags: [
"Services",
"Note",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458977.jpg",
imageAlt: "Options de filtrage sur une carte",
},
id: "sf2", title: "Filtres Détaillés", author: "Affinez votre recherche selon vos préférences.", description: "Filtrez par prix, services offerts, note moyenne, et même par coiffeur spécifique pour une sélection personnalisée.", tags: [
"Services", "Note"],
imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458977.jpg", imageAlt: "Options de filtrage sur une carte"},
{
id: "sf3",
title: "Profils Détaillés",
author: "Chaque salon à portée de main.",
description: "Accédez aux informations complètes de chaque salon : horaires, coiffeurs disponibles, galerie photos et avis clients.",
tags: [
"Informations",
"Photos",
],
imageSrc: "http://img.b2bpic.net/free-photo/bizarre-scene-giant-people-urban-landscape_23-2149891036.jpg",
imageAlt: "Vue extérieure d'un salon de coiffeure",
},
id: "sf3", title: "Profils Détaillés", author: "Chaque salon à portée de main.", description: "Accédez aux informations complètes de chaque salon : horaires, coiffeurs disponibles, galerie photos et avis clients.", tags: [
"Informations", "Photos"],
imageSrc: "http://img.b2bpic.net/free-photo/bizarre-scene-giant-people-urban-landscape_23-2149891036.jpg", imageAlt: "Vue extérieure d'un salon de coiffeure"},
]}
title="Trouvez Votre Salon Idéal"
description="Notre carte interactive et nos filtres avancés vous aident à dénicher le coiffeur parfait, juste à côté de vous."
@@ -111,11 +75,8 @@ export default function LandingPage() {
title="Votre Prochain Coiffeur Vous Attend"
buttons={[
{
text: "Voir tous les salons",
href: "/salons",
},
text: "Voir tous les salons", href: "/salons"},
]}
description="Nous avons sélectionné les meilleurs salons de coiffure pour hommes en Tunisie. Qualité, expertise et ambiance unique sont au rendez-vous."
/>
</div>
@@ -126,19 +87,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>