Merge version_1 into main #1
333
src/app/page.tsx
333
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "كيف يعمل",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "الخدمات",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "لماذا سليم",
|
||||
id: "#why",
|
||||
},
|
||||
{
|
||||
name: "التطبيق",
|
||||
id: "#app",
|
||||
},
|
||||
{ name: "الرئيسية", id: "#hero" },
|
||||
{ name: "كيف يعمل", id: "#process" },
|
||||
{ name: "الخدمات", id: "#services" },
|
||||
{ name: "لماذا سليم", id: "#why" },
|
||||
{ name: "التطبيق", id: "#app" }
|
||||
]}
|
||||
brandName="Saleem"
|
||||
/>
|
||||
@@ -58,103 +43,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="نعتني بأقمشتك وكأنها جديدة دائمًا"
|
||||
description="خدمة استلام وتسليم احترافية لغسيل وكوي وتنظيف جميع أنواع الأقمشة — من باب منزلك وإليه بلمسة تكنولوجية فاخرة."
|
||||
testimonials={[
|
||||
{
|
||||
name: "أحمد محمد",
|
||||
handle: "@ahmed",
|
||||
testimonial: "تجربة استثنائية، سليم غير مفهوم الغسيل تمامًا.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
{
|
||||
name: "سارة علي",
|
||||
handle: "@sara",
|
||||
testimonial: "ملابسي تعود دائمًا كأنها جديدة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg",
|
||||
},
|
||||
{
|
||||
name: "خالد عمر",
|
||||
handle: "@khaled",
|
||||
testimonial: "التطبيق مريح جدًا وسرعة في الاستلام.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
|
||||
},
|
||||
{
|
||||
name: "منال فهد",
|
||||
handle: "@manal",
|
||||
testimonial: "أفضل خدمة تنظيف جاف في المدينة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
},
|
||||
{
|
||||
name: "ياسر إبراهيم",
|
||||
handle: "@yasser",
|
||||
testimonial: "دقة في المواعيد وجودة لا تضاهى.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب الخدمة الآن",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "كيف يعمل التطبيق؟",
|
||||
href: "#process",
|
||||
},
|
||||
{ name: "أحمد محمد", handle: "@ahmed", testimonial: "تجربة استثنائية، سليم غير مفهوم الغسيل تمامًا.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
|
||||
{ name: "سارة علي", handle: "@sara", testimonial: "ملابسي تعود دائمًا كأنها جديدة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg" },
|
||||
{ name: "خالد عمر", handle: "@khaled", testimonial: "التطبيق مريح جدًا وسرعة في الاستلام.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg" },
|
||||
{ name: "منال فهد", handle: "@manal", testimonial: "أفضل خدمة تنظيف جاف في المدينة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
|
||||
{ name: "ياسر إبراهيم", handle: "@yasser", testimonial: "دقة في المواعيد وجودة لا تضاهى.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "اطلب الخدمة الآن", href: "#contact" }, { text: "كيف يعمل التطبيق؟", href: "#process" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745044.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "تنظيف جاف",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "غسيل بالبخار",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "كي احترافي",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "خدمة توصيل",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "عناية فائقة",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", alt: "Customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg", alt: "Customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg", alt: "Customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg", alt: "Customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg", alt: "Customer portrait" }
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "تنظيف جاف" }, { type: "text", text: "غسيل بالبخار" }, { type: "text", text: "كي احترافي" }, { type: "text", text: "خدمة توصيل" }, { type: "text", text: "عناية فائقة" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,21 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "اطلب الخدمة",
|
||||
description: "حدد نوع الخدمة والموعد من خلال التطبيق الذكي.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-laundry-room-with-washing-machine-retro-colors_23-2151176260.jpg",
|
||||
},
|
||||
{
|
||||
title: "الاستلام من الباب",
|
||||
description: "فريقنا يصل إلى باب منزلك لاستلام ملابسك.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-loading-clothes-into-washing-machine-modern-self-service-laundry_574295-2561.jpg",
|
||||
},
|
||||
{
|
||||
title: "إعادة الملابس",
|
||||
description: "نغسلها ونكويها ونعيدها في الموعد المحدد.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-laundry-room-with-white-appliances-storage_23-2151983207.jpg",
|
||||
},
|
||||
{ title: "اطلب الخدمة", description: "حدد نوع الخدمة والموعد من خلال التطبيق الذكي.", imageSrc: "http://img.b2bpic.net/free-photo/view-laundry-room-with-washing-machine-retro-colors_23-2151176260.jpg" },
|
||||
{ title: "الاستلام من الباب", description: "فريقنا يصل إلى باب منزلك لاستلام ملابسك.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-loading-clothes-into-washing-machine-modern-self-service-laundry_574295-2561.jpg" },
|
||||
{ title: "إعادة الملابس", description: "نغسلها ونكويها ونعيدها في الموعد المحدد.", imageSrc: "http://img.b2bpic.net/free-photo/modern-laundry-room-with-white-appliances-storage_23-2151983207.jpg" }
|
||||
]}
|
||||
title="بساطة في ثلاث خطوات"
|
||||
description="نحن نجعل حياتك أسهل من خلال خدمة رقمية متكاملة تضمن أعلى معايير الجودة."
|
||||
@@ -192,60 +88,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "الغسيل",
|
||||
name: "الملابس اليومية",
|
||||
price: "من 20 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-inside-laundromat-room-with-vintage-decor-washing-machines_23-2151176264.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "التنظيف",
|
||||
name: "البدلات الرسمية",
|
||||
price: "من 50 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-laundry-room-with-white-appliances-storage_23-2151983209.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "التنظيف",
|
||||
name: "الفساتين الحساسة",
|
||||
price: "من 70 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "60+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-inside-laundromat-with-washing-machines_23-2151176224.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "العناية",
|
||||
name: "السجاد والمفروشات",
|
||||
price: "من 100 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-helping-his-wife-iron-shirt_23-2149117079.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "الكي",
|
||||
name: "الكي الاحترافي",
|
||||
price: "من 10 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-positive-young-woman-dressed-pajama-stands-one-leg-foolishhes-around-dances-with-blanket-has-wrapped-towel-head-isolated-beige-background-applies-patches-eyes_273609-59657.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "التنظيف",
|
||||
name: "الأحذية القماشية",
|
||||
price: "من 30 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-holding-clean-laundry_23-2148386963.jpg",
|
||||
},
|
||||
{ id: "1", brand: "الغسيل", name: "الملابس اليومية", price: "من 20 ريال", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/view-inside-laundromat-room-with-vintage-decor-washing-machines_23-2151176264.jpg" },
|
||||
{ id: "2", brand: "التنظيف", name: "البدلات الرسمية", price: "من 50 ريال", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/modern-laundry-room-with-white-appliances-storage_23-2151983209.jpg" },
|
||||
{ id: "3", brand: "التنظيف", name: "الفساتين الحساسة", price: "من 70 ريال", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/person-inside-laundromat-with-washing-machines_23-2151176224.jpg" },
|
||||
{ id: "4", brand: "العناية", name: "السجاد والمفروشات", price: "من 100 ريال", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/man-helping-his-wife-iron-shirt_23-2149117079.jpg" },
|
||||
{ id: "5", brand: "الكي", name: "الكي الاحترافي", price: "من 10 ريال", rating: 5, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-positive-young-woman-dressed-pajama-stands-one-leg-foolishhes-around-dances-with-blanket-has-wrapped-towel-head-isolated-beige-background-applies-patches-eyes_273609-59657.jpg" },
|
||||
{ id: "6", brand: "التنظيف", name: "الأحذية القماشية", price: "من 30 ريال", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-holding-clean-laundry_23-2148386963.jpg" }
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
description="نعتني بأدق التفاصيل لكل قطعة قماش."
|
||||
@@ -258,18 +106,9 @@ export default function LandingPage() {
|
||||
title="لماذا سليم هو خيارك الأفضل؟"
|
||||
description="نحن ندمج التكنولوجيا مع الخبرة التقليدية لنقدم لك تجربة لا تنسى."
|
||||
metrics={[
|
||||
{
|
||||
value: "100K+",
|
||||
title: "عميل راضٍ",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "دعم فني",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "دقة في المواعيد",
|
||||
},
|
||||
{ value: "100K+", title: "عميل راضٍ" },
|
||||
{ value: "24/7", title: "دعم فني" },
|
||||
{ value: "99%", title: "دقة في المواعيد" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -282,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "كيف أتبع طلبي؟",
|
||||
content: "يمكنك متابعة حالة الطلب لحظة بلحظة عبر التطبيق.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "هل يوجد دفع إلكتروني؟",
|
||||
content: "نعم، ندعم كافة وسائل الدفع الإلكتروني الآمنة.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "كيف أحدد موعد؟",
|
||||
content: "التطبيق يتيح لك اختيار الوقت المناسب بدقة.",
|
||||
},
|
||||
{ id: "1", title: "كيف أتبع طلبي؟", content: "يمكنك متابعة حالة الطلب لحظة بلحظة عبر التطبيق." },
|
||||
{ id: "2", title: "هل يوجد دفع إلكتروني؟", content: "نعم، ندعم كافة وسائل الدفع الإلكتروني الآمنة." },
|
||||
{ id: "3", title: "كيف أحدد موعد؟", content: "التطبيق يتيح لك اختيار الوقت المناسب بدقة." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -311,59 +138,23 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="ماذا يقول عملاؤنا عنا؟"
|
||||
description="آراء عملائنا الذين وثقوا في خدماتنا."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "خالد",
|
||||
handle: "@khaled",
|
||||
testimonial: "تجربة فاخرة بكل معنى الكلمة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "نورة",
|
||||
handle: "@noura",
|
||||
testimonial: "سريعين جداً واحترافيين.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "سلطان",
|
||||
handle: "@sultan",
|
||||
testimonial: "لم أعد أقلق على ملابسي الحساسة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "هند",
|
||||
handle: "@hind",
|
||||
testimonial: "خدمة استثنائية وتطبيق سهل.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "ياسر",
|
||||
handle: "@yasser",
|
||||
testimonial: "سليم هو مستقبل الغسيل.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",
|
||||
},
|
||||
{ id: "1", name: "خالد", handle: "@khaled", testimonial: "تجربة فاخرة بكل معنى الكلمة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
||||
{ id: "2", name: "نورة", handle: "@noura", testimonial: "سريعين جداً واحترافيين.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
|
||||
{ id: "3", name: "سلطان", handle: "@sultan", testimonial: "لم أعد أقلق على ملابسي الحساسة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg" },
|
||||
{ id: "4", name: "هند", handle: "@hind", testimonial: "خدمة استثنائية وتطبيق سهل.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg" },
|
||||
{ id: "5", name: "ياسر", handle: "@yasser", testimonial: "سليم هو مستقبل الغسيل.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="ماذا يقول عملاؤنا عنا؟"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="تواصل معنا"
|
||||
title="جاهز لتجربة تنظيف بمستوى جديد؟"
|
||||
description="سجل الآن واحصل على خصم 20% على طلبك الأول."
|
||||
@@ -374,45 +165,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Saleem"
|
||||
columns={[
|
||||
{
|
||||
title: "عن سليم",
|
||||
items: [
|
||||
{
|
||||
label: "من نحن",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "القيم",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "الخدمات",
|
||||
items: [
|
||||
{
|
||||
label: "الغسيل",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "التنظيف الجاف",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "المساعدة",
|
||||
items: [
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "الأسئلة الشائعة",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "عن سليم", items: [{ label: "من نحن", href: "#" }, { label: "القيم", href: "#" }] },
|
||||
{ title: "الخدمات", items: [{ label: "الغسيل", href: "#" }, { label: "التنظيف الجاف", href: "#" }] },
|
||||
{ title: "المساعدة", items: [{ label: "اتصل بنا", href: "#" }, { label: "الأسئلة الشائعة", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user