Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-28 08:46:44 +00:00

View File

@@ -28,318 +28,147 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "الرئيسية",
id: "#hero",
},
{
name: "عن الصالون",
id: "#about",
},
{
name: "الخدمات",
id: "#services",
},
{
name: "آراء العملاء",
id: "#testimonials",
},
{
name: "تواصل معنا",
id: "#contact",
},
]}
brandName="صالون الراقي"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "الرئيسية", id: "#hero" },
{ name: "عن الصالون", id: "#about" },
{ name: "الخدمات", id: "#services" },
{ name: "آراء العملاء", id: "#testimonials" },
{ name: "تواصل معنا", id: "#contact" },
]}
brandName="صالون الراقي"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="صالون الراقي - التميز في الحلاقة والعناية"
description="تجربة حلاقة فاخرة وخدمات احترافية تليق بك في قلب مدينة جدة."
testimonials={[
{
name: "أحمد علي",
handle: "@ahmed",
testimonial: "أفضل حلاقة حصلت عليها في جدة، خدمة ممتازة ونظافة عالية.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg",
},
{
name: "خالد محمد",
handle: "@khaled",
testimonial: "الصالون مرتب والموظفون محترفون جداً، أنصح به بشدة.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg",
},
{
name: "سعد القرني",
handle: "@saad",
testimonial: "تجربة فاخرة بكل المقاييس، خدمة 5 نجوم.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-afro-american-male-barber-wearing-uniform-combing-his-mustache_141793-117565.jpg",
},
{
name: "فيصل العتيبي",
handle: "@faisal",
testimonial: "اهتمام بالتفاصيل غير مسبوق، فعلاً يستحقون الزيارة.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
},
{
name: "سلطان",
handle: "@sultan",
testimonial: "حلاقة دقيقة ومكان هادئ ومريح جداً.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg",
},
]}
buttons={[
{
text: "احجز موعدك الآن",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230960.jpg",
alt: "عميل سعيد",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg",
alt: "عميل راضي",
},
{
src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg",
alt: "زبون منتظم",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
alt: "عميل جديد",
},
{
src: "http://img.b2bpic.net/free-photo/man-getting-his-hairstyle-done_23-2148465240.jpg",
alt: "عميل دائم",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="صالون الراقي - التميز في الحلاقة والعناية"
description="تجربة حلاقة فاخرة وخدمات احترافية تليق بك في قلب مدينة جدة."
testimonials={[
{ name: "أحمد علي", handle: "@ahmed", testimonial: "أفضل حلاقة حصلت عليها في جدة، خدمة ممتازة ونظافة عالية.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg" },
{ name: "خالد محمد", handle: "@khaled", testimonial: "الصالون مرتب والموظفون محترفون جداً، أنصح به بشدة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg" },
{ name: "سعد القرني", handle: "@saad", testimonial: "تجربة فاخرة بكل المقاييس، خدمة 5 نجوم.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-afro-american-male-barber-wearing-uniform-combing-his-mustache_141793-117565.jpg" },
{ name: "فيصل العتيبي", handle: "@faisal", testimonial: "اهتمام بالتفاصيل غير مسبوق، فعلاً يستحقون الزيارة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg" },
{ name: "سلطان", handle: "@sultan", testimonial: "حلاقة دقيقة ومكان هادئ ومريح جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg" },
]}
buttons={[{ text: "احجز موعدك الآن", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230960.jpg", alt: "عميل سعيد" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", alt: "عميل راضي" },
{ src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg", alt: "زبون منتظم" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg", alt: "عميل جديد" },
{ src: "http://img.b2bpic.net/free-photo/man-getting-his-hairstyle-done_23-2148465240.jpg", alt: "عميل دائم" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="لماذا صالون الراقي؟"
title="نحن نصنع التغيير"
description="نقدم خدماتنا بخبرة عالية لنضمن لك مظهراً أنيقاً يليق بمكانتك."
subdescription="في صالون الراقي، نؤمن بأن الحلاقة ليست مجرد خدمة، بل هي تجربة شخصية مميزة لكل عميل."
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/great-time-barbershop-cheerful-young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop_1153-9482.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="لماذا صالون الراقي؟"
title="نحن نصنع التغيير"
description="نقدم خدماتنا بخبرة عالية لنضمن لك مظهراً أنيقاً يليق بمكانتك."
subdescription="في صالون الراقي، نؤمن بأن الحلاقة ليست مجرد خدمة، بل هي تجربة شخصية مميزة لكل عميل."
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/great-time-barbershop-cheerful-young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop_1153-9482.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Scissors,
title: "حلاقة احترافية",
description: "قصات شعر عصرية وكلاسيكية تناسب ذوقك.",
},
{
icon: Sparkles,
title: "عناية بالبشرة",
description: "جلسات تنظيف البشرة لتجربة انتعاش كاملة.",
},
{
icon: Watch,
title: "سرعة ودقة",
description: "نقدر وقتك ونلتزم بالمواعيد المحددة بكل دقة.",
},
{
icon: Smile,
title: "خدمة عملاء",
description: "توفير بيئة مريحة وتقديم أفضل معاملة للعملاء.",
},
{
icon: ThumbsUp,
title: "جودة عالية",
description: "نستخدم أفضل الأدوات والمنتجات للعناية بشعرك.",
},
]}
title="خدماتنا المميزة"
description="نقدم باقة متنوعة من خدمات العناية بالرجل."
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Scissors, title: "حلاقة احترافية", description: "قصات شعر عصرية وكلاسيكية تناسب ذوقك." },
{ icon: Sparkles, title: "عناية بالبشرة", description: "جلسات تنظيف البشرة لتجربة انتعاش كاملة." },
{ icon: Watch, title: "سرعة ودقة", description: "نقدر وقتك ونلتزم بالمواعيد المحددة بكل دقة." },
{ icon: Smile, title: "خدمة عملاء", description: "توفير بيئة مريحة وتقديم أفضل معاملة للعملاء." },
{ icon: ThumbsUp, title: "جودة عالية", description: "نستخدم أفضل الأدوات والمنتجات للعناية بشعرك." },
]}
title="خدماتنا المميزة"
description="نقدم باقة متنوعة من خدمات العناية بالرجل."
/>
</div>
<div id="services" data-section="services">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "قص شعر كلاسيكي",
price: "50 ريال",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
},
{
id: "2",
name: "تحديد لحية",
price: "30 ريال",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaving-client_1153-1498.jpg",
},
{
id: "3",
name: "تنظيف بشرة",
price: "100 ريال",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg",
},
{
id: "4",
name: "صبغة شعر",
price: "150 ريال",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
},
{
id: "5",
name: "حمام مغربي",
price: "200 ريال",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-standing-barbershop_1157-20142.jpg",
},
{
id: "6",
name: "عناية كاملة",
price: "250 ريال",
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-client_23-2147778764.jpg",
},
]}
title="قائمة الخدمات"
description="اختر الخدمة المناسبة لك."
/>
</div>
<div id="services" data-section="services">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", name: "قص شعر كلاسيكي", price: "50 ريال", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg" },
{ id: "2", name: "تحديد لحية", price: "30 ريال", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaving-client_1153-1498.jpg" },
{ id: "3", name: "تنظيف بشرة", price: "100 ريال", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg" },
{ id: "4", name: "صبغة شعر", price: "150 ريال", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg" },
{ id: "5", name: "حمام مغربي", price: "200 ريال", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-standing-barbershop_1157-20142.jpg" },
{ id: "6", name: "عناية كاملة", price: "250 ريال", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-client_23-2147778764.jpg" },
]}
title="قائمة الخدمات"
description="اختر الخدمة المناسبة لك."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "أحمد",
role: "عميل",
company: "جدة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
},
{
id: "2",
name: "سالم",
role: "عميل",
company: "جدة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg",
},
{
id: "3",
name: "فهد",
role: "عميل",
company: "جدة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg",
},
{
id: "4",
name: "محمد",
role: "عميل",
company: "جدة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg",
},
{
id: "5",
name: "ناصر",
role: "عميل",
company: "جدة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg",
},
]}
title="آراء عملائنا"
description="فخورون بثقة عملائنا الدائمين."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "أحمد", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg" },
{ id: "2", name: "سالم", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg" },
{ id: "3", name: "فهد", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg" },
{ id: "4", name: "محمد", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg" },
{ id: "5", name: "ناصر", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg" },
]}
title="آراء عملائنا"
description="فخورون بثقة عملائنا الدائمين."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "هل يتطلب الحجز موعد مسبق؟",
content: "نعم، ننصح بالحجز لضمان توفر الوقت المناسب لك.",
},
{
id: "2",
title: "أين يقع الصالون؟",
content: "نقع في موقع متميز في جدة، يمكنك الوصول لنا عبر خرائط جوجل.",
},
{
id: "3",
title: "ما هي ساعات العمل؟",
content: "نعمل يومياً من الساعة 10 صباحاً وحتى 11 مساءً.",
},
{
id: "4",
title: "هل يتوفر لديكم حلاقة للأطفال؟",
content: "نعم، لدينا متخصصون في حلاقة الأطفال بأمان ودقة.",
},
{
id: "5",
title: "هل تتوفر خدمات تنظيف البشرة؟",
content: "نعم، نقدم باقة متكاملة من خدمات البشرة.",
},
]}
title="أسئلة متكررة"
description="كل ما تحتاج معرفته عن الصالون."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "هل يتطلب الحجز موعد مسبق؟", content: "نعم، ننصح بالحجز لضمان توفر الوقت المناسب لك." },
{ id: "2", title: "أين يقع الصالون؟", content: "نقع في موقع متميز في جدة، يمكنك الوصول لنا عبر خرائط جوجل." },
{ id: "3", title: "ما هي ساعات العمل؟", content: "نعمل يومياً من الساعة 10 صباحاً وحتى 11 مساءً." },
{ id: "4", title: "هل يتوفر لديكم حلاقة للأطفال؟", content: "نعم، لدينا متخصصون في حلاقة الأطفال بأمان ودقة." },
{ id: "5", title: "هل تتوفر خدمات تنظيف البشرة؟", content: "نعم، نقدم باقة متكاملة من خدمات البشرة." },
]}
title="أسئلة متكررة"
description="كل ما تحتاج معرفته عن الصالون."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="تواصل معنا واحجز موعدك"
description="نحن هنا لخدمتك، تواصل معنا لحجز موعدك أو للاستفسار عن خدماتنا."
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
mediaAnimation="slide-up"
inputPlaceholder="أدخل رقم هاتفك للحجز"
buttonText="حجز الموعد"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="تواصل معنا"
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="تواصل معنا واحجز موعدك"
description="نحن هنا لخدمتك، تواصل معنا لحجز موعدك أو للاستفسار عن خدماتنا."
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
mediaAnimation="slide-up"
inputPlaceholder="أدخل رقم هاتفك للحجز"
buttonText="حجز الموعد"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="صالون الراقي"
copyrightText="© 2025 صالون الراقي. جميع الحقوق محفوظة."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="صالون الراقي"
copyrightText="© 2025 صالون الراقي. جميع الحقوق محفوظة."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}