Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-07 14:07:54 +00:00

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "À Propos",
id: "about",
},
name: "À Propos", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Produits",
id: "products",
},
name: "Produits", id: "products"},
{
name: "Tarifs",
id: "pricing",
},
name: "Tarifs", id: "pricing"},
{
name: "Équipe",
id: "team",
},
name: "Équipe", id: "team"},
{
name: "Témoignages",
id: "testimonials",
},
name: "Témoignages", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Faress Arabi"
/>
@@ -72,16 +56,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Bienvenue chez Faress Arabi"
description="Découvrez l'élégance et le soin personnalisé pour vos cheveux et votre style. Votre beauté, notre passion."
buttons={[
{
text: "Prendre Rendez-vous",
href: "#contact",
},
text: "Prendre Rendez-vous", href: "#contact"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg"
@@ -90,52 +71,32 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66088.jpg",
alt: "Expressive young girl posing in the studio",
},
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66088.jpg", alt: "Expressive young girl posing in the studio"},
{
src: "http://img.b2bpic.net/free-photo/waistup-shot-optimistic-supportive-goodlooking-caucasian-female-white-tshirt-cheering_1258-139706.jpg",
alt: "Waistup shot of optimistic and supportive goodlooking caucasian female in white tshirt cheering and",
},
src: "http://img.b2bpic.net/free-photo/waistup-shot-optimistic-supportive-goodlooking-caucasian-female-white-tshirt-cheering_1258-139706.jpg", alt: "Waistup shot of optimistic and supportive goodlooking caucasian female in white tshirt cheering and"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg",
alt: "Young woman showing double thumbs up in white shirt and looking happy",
},
src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg", alt: "Young woman showing double thumbs up in white shirt and looking happy"},
{
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-showing-thumbs-up-looking-pleased-approve-smth-standing-white-background-copy-space_1258-98983.jpg",
alt: "Smiling asian girl showing thumbs up looking pleased approve smth standing over white background Copy space",
},
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-showing-thumbs-up-looking-pleased-approve-smth-standing-white-background-copy-space_1258-98983.jpg", alt: "Smiling asian girl showing thumbs up looking pleased approve smth standing over white background Copy space"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-black-man-white_285396-367.jpg",
alt: "Portrait of young handsome black man on white",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-black-man-white_285396-367.jpg", alt: "Portrait of young handsome black man on white"},
]}
avatarText="+100 Clients Satisfaits"
marqueeItems={[
{
type: "text-icon",
text: "Style Élégant",
icon: Sparkles,
type: "text-icon", text: "Style Élégant", icon: Sparkles,
},
{
type: "text-icon",
text: "Expertise Unique",
icon: ShieldCheck,
type: "text-icon", text: "Expertise Unique", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Bien-être Garanti",
icon: Heart,
type: "text-icon", text: "Bien-être Garanti", icon: Heart,
},
{
type: "text-icon",
text: "Tendances Modernes",
icon: Star,
type: "text-icon", text: "Tendances Modernes", icon: Star,
},
{
type: "text-icon",
text: "Soins Personnalisés",
icon: Scissors,
type: "text-icon", text: "Soins Personnalisés", icon: Scissors,
},
]}
/>
@@ -150,12 +111,9 @@ export default function LandingPage() {
title="À Propos de Notre Salon"
buttons={[
{
text: "Découvrir l'Équipe",
href: "#team",
},
text: "Découvrir l'Équipe", href: "#team"},
]}
buttonAnimation="opacity"
description="Chez Faress Arabi, nous offrons une expérience de coiffure et de beauté unique. Notre équipe d'experts est dédiée à sublimer votre look avec les dernières tendances et des techniques personnalisées. Venez découvrir un cadre relaxant où votre bien-être est notre priorité."
/>
</div>
@@ -166,41 +124,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "haircut",
title: "Coupes Modernes",
author: "Faress Arabi",
description: "Styles personnalisés et coupes tendance pour hommes et femmes, adaptés à votre personnalité.",
tags: [
"Coiffure",
"Styling",
],
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-using-drier-hair-client_23-2147778794.jpg",
imageAlt: "Man getting a modern haircut in a salon",
},
id: "haircut", title: "Coupes Modernes", author: "Faress Arabi", description: "Styles personnalisés et coupes tendance pour hommes et femmes, adaptés à votre personnalité.", tags: [
"Coiffure", "Styling"],
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-using-drier-hair-client_23-2147778794.jpg", imageAlt: "Man getting a modern haircut in a salon"},
{
id: "shave",
title: "Rasage Traditionnel",
author: "Faress Arabi",
description: "Expérience de rasage classique avec serviettes chaudes et huiles essentielles pour une peau douce et rafraîchie.",
tags: [
"Barber",
"Soins",
],
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg",
imageAlt: "Barber performing a traditional hot towel shave",
},
id: "shave", title: "Rasage Traditionnel", author: "Faress Arabi", description: "Expérience de rasage classique avec serviettes chaudes et huiles essentielles pour une peau douce et rafraîchie.", tags: [
"Barber", "Soins"],
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", imageAlt: "Barber performing a traditional hot towel shave"},
{
id: "coloration",
title: "Coloration Experte",
author: "Faress Arabi",
description: "Des reflets subtils aux transformations audacieuses, nos coloristes subliment vos cheveux avec précision.",
tags: [
"Coloration",
"Tendances",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668432.jpg",
imageAlt: "Hair stylist applying color to client's hair",
},
id: "coloration", title: "Coloration Experte", author: "Faress Arabi", description: "Des reflets subtils aux transformations audacieuses, nos coloristes subliment vos cheveux avec précision.", tags: [
"Coloration", "Tendances"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668432.jpg", imageAlt: "Hair stylist applying color to client's hair"},
]}
title="Nos Services Exclusifs"
description="Des coupes tendance aux soins capillaires luxueux, nous offrons une gamme complète de services pour répondre à tous vos besoins."
@@ -219,65 +153,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Élixir",
name: "Shampoing Revitalisant",
price: "25€",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-cream-hair-brushes_23-2148645562.jpg",
imageAlt: "Luxury shampoo bottle",
},
id: "p1", brand: "Élixir", name: "Shampoing Revitalisant", price: "25€", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-cream-hair-brushes_23-2148645562.jpg", imageAlt: "Luxury shampoo bottle"},
{
id: "p2",
brand: "Sublime",
name: "Après-Shampoing Intense",
price: "28€",
rating: 4.5,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg",
imageAlt: "Hair conditioner bottle",
},
id: "p2", brand: "Sublime", name: "Après-Shampoing Intense", price: "28€", rating: 4.5,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg", imageAlt: "Hair conditioner bottle"},
{
id: "p3",
brand: "Force",
name: "Gel Coiffant Haute Tenue",
price: "20€",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/three-sweet-cookies-wooden-board_114579-36038.jpg",
imageAlt: "Hair styling gel",
},
id: "p3", brand: "Force", name: "Gel Coiffant Haute Tenue", price: "20€", rating: 4,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/three-sweet-cookies-wooden-board_114579-36038.jpg", imageAlt: "Hair styling gel"},
{
id: "p4",
brand: "Éclat",
name: "Huile à Barbe Luxueuse",
price: "30€",
rating: 5,
reviewCount: "75",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-holding-serum_23-2148783529.jpg",
imageAlt: "Beard oil bottle",
},
id: "p4", brand: "Éclat", name: "Huile à Barbe Luxueuse", price: "30€", rating: 5,
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-holding-serum_23-2148783529.jpg", imageAlt: "Beard oil bottle"},
{
id: "p5",
brand: "Rénovateur",
name: "Masque Capillaire Réparateur",
price: "35€",
rating: 4.5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-products-arrangement-wooden-background_23-2148491177.jpg",
imageAlt: "Hair mask container",
},
id: "p5", brand: "Rénovateur", name: "Masque Capillaire Réparateur", price: "35€", rating: 4.5,
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-products-arrangement-wooden-background_23-2148491177.jpg", imageAlt: "Hair mask container"},
{
id: "p6",
brand: "Jeunesse",
name: "Sérum Visage Homme",
price: "45€",
rating: 4.8,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-applying-shaving-foam-against-white-backdrop_23-2148213373.jpg",
imageAlt: "Men's face serum bottle",
},
id: "p6", brand: "Jeunesse", name: "Sérum Visage Homme", price: "45€", rating: 4.8,
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-applying-shaving-foam-against-white-backdrop_23-2148213373.jpg", imageAlt: "Men's face serum bottle"},
]}
title="Produits de Soin Premium"
description="Découvrez notre sélection exclusive de produits capillaires et de beauté pour entretenir votre style à la maison."
@@ -295,57 +187,29 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
name: "Coupe Classique",
price: "25€",
buttons: [
id: "basic", name: "Coupe Classique", price: "25€", buttons: [
{
text: "Réserver Maintenant",
href: "#contact",
},
text: "Réserver Maintenant", href: "#contact"},
],
features: [
"Consultation Personnalisée",
"Shampoing & Rinçage",
"Coupe & Coiffage Simple",
],
"Consultation Personnalisée", "Shampoing & Rinçage", "Coupe & Coiffage Simple"],
},
{
id: "premium",
name: "Style Premium",
price: "45€",
badge: "Populaire",
badgeIcon: Sparkles,
id: "premium", name: "Style Premium", price: "45€", badge: "Populaire", badgeIcon: Sparkles,
buttons: [
{
text: "Réserver Maintenant",
href: "#contact",
},
text: "Réserver Maintenant", href: "#contact"},
],
features: [
"Consultation Avancée",
"Shampoing & Massage",
"Coupe & Coiffage Tendance",
"Rasage ou Soin de Barbe",
],
"Consultation Avancée", "Shampoing & Massage", "Coupe & Coiffage Tendance", "Rasage ou Soin de Barbe"],
},
{
id: "luxury",
name: "Expérience Luxe",
price: "75€",
buttons: [
id: "luxury", name: "Expérience Luxe", price: "75€", buttons: [
{
text: "Réserver Maintenant",
href: "#contact",
},
text: "Réserver Maintenant", href: "#contact"},
],
features: [
"Consultation Complète",
"Soin Capillaire Profond",
"Coupe, Coloration & Styling",
"Rasage ou Soin de Barbe Deluxe",
"Traitement Visage Express",
],
"Consultation Complète", "Soin Capillaire Profond", "Coupe, Coloration & Styling", "Rasage ou Soin de Barbe Deluxe", "Traitement Visage Express"],
},
]}
title="Nos Tarifs"
@@ -364,26 +228,11 @@ export default function LandingPage() {
useInvertedBackground={true}
team={[
{
id: "t1",
name: "Faress Arabi",
role: "Directeur & Maître Coiffeur",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg",
imageAlt: "Portrait of Faress Arabi, master hairdresser",
},
id: "t1", name: "Faress Arabi", role: "Directeur & Maître Coiffeur", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg", imageAlt: "Portrait of Faress Arabi, master hairdresser"},
{
id: "t2",
name: "Amal Dupont",
role: "Coiffeuse Styliste",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sitting-inside-room-with-paints-easel-white-background_140725-103579.jpg",
imageAlt: "Portrait of Amal Dupont, hair stylist",
},
id: "t2", name: "Amal Dupont", role: "Coiffeuse Styliste", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sitting-inside-room-with-paints-easel-white-background_140725-103579.jpg", imageAlt: "Portrait of Amal Dupont, hair stylist"},
{
id: "t3",
name: "Karim Benali",
role: "Barbier Expert",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-grabbed-hair-isolated-green-wall_141793-105669.jpg",
imageAlt: "Portrait of Karim Benali, expert barber",
},
id: "t3", name: "Karim Benali", role: "Barbier Expert", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-grabbed-hair-isolated-green-wall_141793-105669.jpg", imageAlt: "Portrait of Karim Benali, expert barber"},
]}
title="Notre Équipe d'Experts"
description="Rencontrez nos stylistes passionnés et expérimentés, dédiés à vous offrir le meilleur service et des conseils personnalisés."
@@ -403,59 +252,23 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "ts1",
name: "Mehdi L.",
role: "Client Fidèle",
company: "Casablanca",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg",
imageAlt: "Happy male client",
},
id: "ts1", name: "Mehdi L.", role: "Client Fidèle", company: "Casablanca", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg", imageAlt: "Happy male client"},
{
id: "ts2",
name: "Nadia S.",
role: "Nouvelle Cliente",
company: "Rabat",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead_114579-22641.jpg",
imageAlt: "Happy female client",
},
id: "ts2", name: "Nadia S.", role: "Nouvelle Cliente", company: "Rabat", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead_114579-22641.jpg", imageAlt: "Happy female client"},
{
id: "ts3",
name: "Omar K.",
role: "Entrepreneur",
company: "Marrakech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera_23-2148130353.jpg",
imageAlt: "Satisfied male client",
},
id: "ts3", name: "Omar K.", role: "Entrepreneur", company: "Marrakech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera_23-2148130353.jpg", imageAlt: "Satisfied male client"},
{
id: "ts4",
name: "Sarah A.",
role: "Influenceuse",
company: "Fès",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-pink-hair-standing-beside-exotic-palm-trees-studio_197531-21220.jpg",
imageAlt: "Smiling female client",
},
id: "ts4", name: "Sarah A.", role: "Influenceuse", company: "Fès", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-pink-hair-standing-beside-exotic-palm-trees-studio_197531-21220.jpg", imageAlt: "Smiling female client"},
{
id: "ts5",
name: "Youssef B.",
role: "Artiste",
company: "Tanger",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-cheerful-young-unshaven-man-with-confident-broad-smile-making-thumbs-up-gesture-refreshing-himself-after-training-gym_343059-1189.jpg",
imageAlt: "Happy male client",
},
id: "ts5", name: "Youssef B.", role: "Artiste", company: "Tanger", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-cheerful-young-unshaven-man-with-confident-broad-smile-making-thumbs-up-gesture-refreshing-himself-after-training-gym_343059-1189.jpg", imageAlt: "Happy male client"},
{
id: "ts6",
name: "Fatima Z.",
role: "Professionnelle",
company: "Agadir",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229746.jpg",
imageAlt: "Joyful female customer salon",
},
id: "ts6", name: "Fatima Z.", role: "Professionnelle", company: "Agadir", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229746.jpg", imageAlt: "Joyful female customer salon"},
]}
title="Ce que Nos Clients Disent"
description="Des centaines de clients satisfaits témoignent de notre engagement envers l'excellence et le service exceptionnel."
@@ -470,8 +283,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Prenez Rendez-vous"
title="Contactez-Nous"
description="Avez-vous des questions ou souhaitez-vous prendre rendez-vous ? N'hésitez pas à nous contacter par e-mail ou via le formulaire ci-dessous."
@@ -492,19 +304,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
]}
/>
</div>