Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
126
src/app/page.tsx
126
src/app/page.tsx
@@ -1,6 +1,5 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
@@ -11,37 +10,39 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Sparkles } from 'lucide-react';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: 'الرئيسية', id: '/' },
|
||||
{ name: 'الخدمات', id: '/#features' },
|
||||
{ name: 'معرضنا', id: '/#gallery' },
|
||||
{ name: 'آراء العملاء', id: '/#testimonials' },
|
||||
{ name: 'عن الصالون', id: '/#about' },
|
||||
{ name: 'اتصل بنا', id: '/#contact' }
|
||||
];
|
||||
const navItems = [
|
||||
{ name: "الرئيسية", id: "#hero" },
|
||||
{ name: "الخدمات", id: "#features" },
|
||||
{ name: "المعرض", id: "#gallery" },
|
||||
{ name: "آراء العملاء", id: "#testimonials" },
|
||||
{ name: "من نحن", id: "#about" },
|
||||
{ name: "اتصل بنا", id: "#contact" }
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="gradient"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "احجز الآن", href: "#contact" }}
|
||||
brandName="MR Salon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="جمالك هو اهتمامنا"
|
||||
description="استمتعي بتجربة فريدة في صالون MR حيث الفخامة والأناقة في خدمتك. احصلي على إطلالة تخطف الأنظار اليوم."
|
||||
@@ -51,83 +52,90 @@ export default function Page() {
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["استخدام منتجات عالمية", "تعقيم شامل للأدوات", "مواعيد مرنة", "استقبال VIP", "خصوصية تامة"] }}
|
||||
positiveCard={{ items: ["💇♀️ خدمات الشعر (قص – صبغة – استشوار – علاج)", "💅 مانيكير وباديكير احترافي", "🧖♀️ عناية بالبشرة للوجه والجسم", "🏠 خدمة منزلية VIP", "✨ جلسات العناية بالعرائس"] }}
|
||||
title="خدماتنا المتميزة"
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["استخدام منتجات عالمية", "تعقيم شامل للأدوات", "مواعيد مرنة", "استقبال VIP", "خصوصية تامة"] }}
|
||||
positiveCard={{ items: ["💇♀️ خدمات الشعر (قص – صبغة – استشوار – علاج)", "💅 مانيكير وباديكير احترافي", "🧖♀️ عناية بالبشرة للوجه والجسم", "🏠 خدمة منزلية VIP", "✨ جلسات العناية بالعرائس"] }}
|
||||
title="خدماتنا المتميزة"
|
||||
description="نقدم باقة متنوعة من الخدمات التجميلية باستخدام أحدث التقنيات وبأيدي خبراء في عالم التجميل."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
<ProductCardOne
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "تصفيف شعر", price: "قبل/بعد", imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg" },
|
||||
{ id: "2", name: "أظافر متألقة", price: "مانيكير", imageSrc: "http://img.b2bpic.net/free-photo/manicure-process_1098-16904.jpg" },
|
||||
{ id: "3", name: "نضارة بشرة", price: "علاج", imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816997.jpg" },
|
||||
{ id: "4", name: "خدمة منزلك", price: "VIP", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bride-indoors_23-2149721995.jpg" }
|
||||
]}
|
||||
title="معرض الإبداع"
|
||||
]}
|
||||
title="معرض الإبداع"
|
||||
description="نظرة على نتائجنا المميزة في صالون MR حيث تتحول الإطلالات إلى قطع فنية."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "سارة أحمد", handle: "@sarah", testimonial: "خدمة ممتازة جدًا، تعامل راقي للغاية!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg" },
|
||||
{ id: "2", name: "منى علي", handle: "@mona", testimonial: "مكان نظيف، خبيرات رائعات، بالتأكيد سأعود.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg" },
|
||||
{ id: "3", name: "ندى خالد", handle: "@nada", testimonial: "تجربة أكثر من رائعة، شكراً لكم على الاحترافية.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg" },
|
||||
{ id: "4", name: "هبة محمد", handle: "@heba", testimonial: "أحببت خدمة العناية بالبشرة جدًا.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg" },
|
||||
{ id: "5", name: "ريم محمود", handle: "@reem", testimonial: "صالون فخم وتعاملات راقية.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="آراء عميلاتنا"
|
||||
]}
|
||||
showRating={true}
|
||||
title="آراء عميلاتنا"
|
||||
description="نفتخر بثقة عميلاتنا اللاتي اخترن صالون MR ليكون وجهتهن الأولى للجمال."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="من نحن؟"
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="من نحن؟"
|
||||
description="صالون MR هو وجهتك الرائدة للحصول على إطلالة تجمع بين الأناقة والتميز. نؤمن بأن كل امرأة تستحق العناية الفائقة، لذا نحرص على تقديم أفضل الخدمات بأعلى معايير الجودة."
|
||||
bulletPoints={[
|
||||
{ title: "خبراء محترفون", description: "فريق عمل مدرب على أعلى مستوى" },
|
||||
{ title: "منتجات أصلية", description: "نستخدم فقط المنتجات العالمية الموثوقة" },
|
||||
{ title: "بيئة مريحة", description: "تجربة استرخاء كاملة في مكان أنيق" }
|
||||
]}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-artist-with-mask-applying-face-foundation_23-2148694594.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="تواصل معنا"
|
||||
title="احجز موعدك الآن"
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="تواصل معنا"
|
||||
title="احجز موعدك الآن"
|
||||
description="تواصل معنا مباشرة عبر واتساب لحجز خدمتك المفضلة، أو اتركي رقمك وسنتواصل معك."
|
||||
inputPlaceholder="أدخلي رقم هاتفك هنا"
|
||||
buttonText="احجز عبر واتساب"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f6g7al"
|
||||
logoText="MR Salon"
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f6g7al"
|
||||
logoText="MR Salon"
|
||||
columns={[
|
||||
{ title: "الروابط", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الخدمات", href: "#features" }] },
|
||||
{ title: "تواصل", items: [{ label: "+201287272615", href: "https://wa.me/201287272615" }, { label: "واتساب", href: "https://wa.me/201287272615" }] }
|
||||
]}
|
||||
]}
|
||||
copyrightText="© 2025 MR Salon | جميع الحقوق محفوظة"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user