Update src/app/page.tsx

This commit is contained in:
2026-06-02 15:52:02 +00:00
parent 0a9c48e4c8
commit 6f99c6816f

View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "الرئيسية",
id: "#hero",
},
name: "الرئيسية", id: "#hero"},
{
name: "عنا",
id: "#about",
},
name: "عنا", id: "#about"},
{
name: "القائمة",
id: "#menu",
},
name: "القائمة", id: "#menu"},
{
name: "منتجاتنا",
id: "#products",
},
name: "منتجاتنا", id: "#products"},
{
name: "الشهادات",
id: "#testimonials",
},
name: "الشهادات", id: "#testimonials"},
{
name: "الأسئلة الشائعة",
id: "#faq",
},
name: "الأسئلة الشائعة", id: "#faq"},
{
name: "تواصل معنا",
id: "#contact",
},
name: "تواصل معنا", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-sticker-set_23-2149633254.jpg"
logoAlt="Rukaz Al-Bun logo"
@@ -70,72 +56,47 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="ركاز البن: حيث يلتقي الشغف بالقهوة"
description="اكتشف تجربة قهوة لا تُنسى في ركاز البن، المكان المثالي للاستمتاع بأجود أنواع البن والمأكولات اللذيذة في أجواء مريحة وهادئة."
buttons={[
{
text: "اكتشف قائمتنا",
href: "#menu",
},
text: "اكتشف قائمتنا", href: "#menu"},
{
text: "تواصل معنا",
href: "#contact",
},
text: "تواصل معنا", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg"
imageAlt="Inside a cozy coffee shop with customers"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-138306.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-138306.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/man-drinking-beer-with-copy-space_23-2148270242.jpg",
alt: "Satisfied patron",
},
src: "http://img.b2bpic.net/free-photo/man-drinking-beer-with-copy-space_23-2148270242.jpg", alt: "Satisfied patron"},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-using-smartphone-cafe_1170-698.jpg",
alt: "Smiling visitor",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-using-smartphone-cafe_1170-698.jpg", alt: "Smiling visitor"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-studying-cafe_23-2149064524.jpg",
alt: "Regular customer",
},
src: "http://img.b2bpic.net/free-photo/young-adult-studying-cafe_23-2149064524.jpg", alt: "Regular customer"},
{
src: "http://img.b2bpic.net/free-photo/attractive-young-male-black-headwear-holding-mug-drinking-tea-coffee-listening-music-his-smart-phone-handsome-hipster-enjoying-free-time-cafe_273609-1963.jpg",
alt: "Coffee enthusiast",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-male-black-headwear-holding-mug-drinking-tea-coffee-listening-music-his-smart-phone-handsome-hipster-enjoying-free-time-cafe_273609-1963.jpg", alt: "Coffee enthusiast"},
]}
avatarText="+1000 عميل سعيد"
marqueeItems={[
{
type: "text-icon",
text: "قهوة مختصة",
icon: Coffee,
type: "text-icon", text: "قهوة مختصة", icon: Coffee,
},
{
type: "text-icon",
text: "حلويات طازجة",
icon: Cake,
type: "text-icon", text: "حلويات طازجة", icon: Cake,
},
{
type: "text-icon",
text: "أجواء مريحة",
icon: Lightbulb,
type: "text-icon", text: "أجواء مريحة", icon: Lightbulb,
},
{
type: "text-icon",
text: "خدمة ممتازة",
icon: Star,
type: "text-icon", text: "خدمة ممتازة", icon: Star,
},
{
type: "text-icon",
text: "توصيل سريع",
icon: Truck,
type: "text-icon", text: "توصيل سريع", icon: Truck,
},
]}
/>
@@ -151,7 +112,7 @@ export default function LandingPage() {
icon={Coffee}
imageSrc="http://img.b2bpic.net/free-photo/crop-woman-pouring-batter-into-muffin-tin_23-2147787092.jpg"
imageAlt="Barista preparing a coffee"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
/>
</div>
@@ -159,35 +120,16 @@ export default function LandingPage() {
<FeatureCardTwentyEight
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
features={[
{
id: "f1",
title: "قهوة مختصة مميزة",
subtitle: "استمتع بمذاقات فريدة من أفضل محاصيل البن حول العالم، محضرة بإتقان لتجربة لا تُنسى.",
category: "قهوة",
value: "V60, إسبرسو، كابتشينو",
},
id: "f1", title: "قهوة مختصة مميزة", subtitle: "استمتع بمذاقات فريدة من أفضل محاصيل البن حول العالم، محضرة بإتقان لتجربة لا تُنسى.", category: "قهوة", value: "V60, إسبرسو، كابتشينو"},
{
id: "f2",
title: "حلويات طازجة يومياً",
subtitle: "تذوق تشكيلتنا المتنوعة من الحلويات والمعجنات الشهية، المصنوعة بحب لتكمل قهوتك المثالية.",
category: "حلويات",
value: "كيك، معجنات، حلى عربي",
},
id: "f2", title: "حلويات طازجة يومياً", subtitle: "تذوق تشكيلتنا المتنوعة من الحلويات والمعجنات الشهية، المصنوعة بحب لتكمل قهوتك المثالية.", category: "حلويات", value: "كيك، معجنات، حلى عربي"},
{
id: "f3",
title: "مشروباتنا الخاصة",
subtitle: "اكتشف إبداعاتنا من المشروبات الباردة والساخنة، التي ابتكرناها خصيصاً لترضي ذوقك.",
category: "مشروبات",
value: "مشروبات باردة وساخنة",
},
id: "f3", title: "مشروباتنا الخاصة", subtitle: "اكتشف إبداعاتنا من المشروبات الباردة والساخنة، التي ابتكرناها خصيصاً لترضي ذوقك.", category: "مشروبات", value: "مشروبات باردة وساخنة"},
{
id: "f4",
title: "خدمات متعددة",
subtitle: "نقدم خدمة الجلوس في المقهى، وخدمة الطلبات الخارجية، بالإضافة إلى خدمة التوصيل لتستمتع بقهوتك أينما كنت.",
category: "خدمات",
value: "جلوس، سفري، توصيل",
},
id: "f4", title: "خدمات متعددة", subtitle: "نقدم خدمة الجلوس في المقهى، وخدمة الطلبات الخارجية، بالإضافة إلى خدمة التوصيل لتستمتع بقهوتك أينما كنت.", category: "خدمات", value: "جلوس، سفري، توصيل"},
]}
title="استكشف عالم ركاز البن"
description="نقدم مجموعة واسعة من القهوة المختصة والمشروبات المنعشة والحلويات اللذيذة التي ترضي جميع الأذواق."
@@ -200,49 +142,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "p1",
name: "بن باسكتو فاخر",
price: "SAR 75",
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg",
imageAlt: "Basketo coffee beans package",
},
id: "p1", name: "بن باسكتو فاخر", price: "SAR 75", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg", imageAlt: "Basketo coffee beans package"},
{
id: "p2",
name: "قهوة باردة سيجنتشر",
price: "SAR 25",
imageSrc: "http://img.b2bpic.net/free-photo/jars-with-fresh-beetroot-carrot-juice_23-2148306960.jpg",
imageAlt: "Signature cold brew coffee",
},
id: "p2", name: "قهوة باردة سيجنتشر", price: "SAR 25", imageSrc: "http://img.b2bpic.net/free-photo/jars-with-fresh-beetroot-carrot-juice_23-2148306960.jpg", imageAlt: "Signature cold brew coffee"},
{
id: "p3",
name: "كابتشينو كلاسيك",
price: "SAR 20",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-latte-wood-table-coffee-shop-cafe_1150-12757.jpg",
imageAlt: "Classic cappuccino with latte art",
},
id: "p3", name: "كابتشينو كلاسيك", price: "SAR 20", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-latte-wood-table-coffee-shop-cafe_1150-12757.jpg", imageAlt: "Classic cappuccino with latte art"},
{
id: "p4",
name: "إسبرسو غني",
price: "SAR 15",
imageSrc: "http://img.b2bpic.net/free-photo/two-big-glass-cups-full-foamy-cold-beer-standing-light-smooth-table-surface-restaurant-pub-big-plate-with-delicious-appetizers-like-potato-puncakes-fried-eggs-standing-background_132075-13094.jpg",
imageAlt: "Rich espresso shot",
},
id: "p4", name: "إسبرسو غني", price: "SAR 15", imageSrc: "http://img.b2bpic.net/free-photo/two-big-glass-cups-full-foamy-cold-beer-standing-light-smooth-table-surface-restaurant-pub-big-plate-with-delicious-appetizers-like-potato-puncakes-fried-eggs-standing-background_132075-13094.jpg", imageAlt: "Rich espresso shot"},
{
id: "p5",
name: "معجنات مشكلة",
price: "SAR 30",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pie-with-strawberries-macarons-cup-tea-blue-surface-cake-biscuit-sweet-candy-pie-cookie_140725-66726.jpg",
imageAlt: "Assorted pastries",
},
id: "p5", name: "معجنات مشكلة", price: "SAR 30", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pie-with-strawberries-macarons-cup-tea-blue-surface-cake-biscuit-sweet-candy-pie-cookie_140725-66726.jpg", imageAlt: "Assorted pastries"},
{
id: "p6",
name: "قطعة كيك فاخرة",
price: "SAR 28",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-plate-with-apple-tart_140725-5303.jpg",
imageAlt: "Slice of gourmet cake",
},
id: "p6", name: "قطعة كيك فاخرة", price: "SAR 28", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-plate-with-apple-tart_140725-5303.jpg", imageAlt: "Slice of gourmet cake"},
]}
title="اختياراتنا المميزة"
description="اكتشف أروع ما نقدمه من أنواع القهوة المختارة بعناية والمشروبات التي تُصنع بشغف."
@@ -253,66 +166,31 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "t1",
name: "HANOO ALHAOASHEL",
role: "زائرة",
company: "عميلة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
imageAlt: "HANOO ALHAOASHEL",
},
id: "t1", name: "HANOO ALHAOASHEL", role: "زائرة", company: "عميلة", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", imageAlt: "HANOO ALHAOASHEL"},
{
id: "t2",
name: "أبو أحمد",
role: "زائر دائم",
company: "عميل",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg",
imageAlt: "أبو أحمد",
},
id: "t2", name: "أبو أحمد", role: "زائر دائم", company: "عميل", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg", imageAlt: "أبو أحمد"},
{
id: "t3",
name: "سبحان الله",
role: "ذواق قهوة",
company: "عميل",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-cheerful-african-american-female-holds-cup-coffee-has-lunch-cozy-cafeteria-rests-after-excursion-recreats-resort-country_273609-3409.jpg",
imageAlt: "سبحان الله",
},
id: "t3", name: "سبحان الله", role: "ذواق قهوة", company: "عميل", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-cheerful-african-american-female-holds-cup-coffee-has-lunch-cozy-cafeteria-rests-after-excursion-recreats-resort-country_273609-3409.jpg", imageAlt: "سبحان الله"},
{
id: "t4",
name: "سارة المحمد",
role: "مديرة تسويق",
company: "عميل",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
imageAlt: "سارة المحمد",
},
id: "t4", name: "سارة المحمد", role: "مديرة تسويق", company: "عميل", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg", imageAlt: "سارة المحمد"},
{
id: "t5",
name: "فاطمة الزهراء",
role: "خبيرة حلويات",
company: "عميل",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dessert-plate-drinking-from-cup-table-cafe_23-2148071645.jpg",
imageAlt: "فاطمة الزهراء",
},
id: "t5", name: "فاطمة الزهراء", role: "خبيرة حلويات", company: "عميل", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dessert-plate-drinking-from-cup-table-cafe_23-2148071645.jpg", imageAlt: "فاطمة الزهراء"},
]}
kpiItems={[
{
value: "54+",
label: "تقييم إيجابي",
},
value: "54+", label: "تقييم إيجابي"},
{
value: "4.2",
label: "متوسط التقييم",
},
value: "4.2", label: "متوسط التقييم"},
{
value: "100%",
label: "رضا العملاء",
},
value: "100%", label: "رضا العملاء"},
]}
title="ما يقوله زوارنا"
description="نفخر باللحظات السعيدة والتقييمات الرائعة التي يشاركها معنا عملاؤنا الكرام."
@@ -325,14 +203,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"موردي البن المختص",
"مزارع الألبان المحلية",
"الخبازون الحرفيون",
"ماركات الشاي العضوي",
"مزارعون مستدامون",
"مزودي معدات القهوة",
"خبراء الحلويات",
]}
"موردي البن المختص", "مزارع الألبان المحلية", "الخبازون الحرفيون", "ماركات الشاي العضوي", "مزارعون مستدامون", "مزودي معدات القهوة", "خبراء الحلويات"]}
title="شركاؤنا في الجودة"
description="نعمل مع أفضل الموردين لضمان أجود أنواع البن والمكونات الطازجة لتقديم تجربة لا تُنسى."
tag="شراكاتنا"
@@ -345,34 +216,19 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "ما هي ساعات عملكم؟",
content: "نحن نفتح يومياً من الصباح الباكر وحتى منتصف الليل (12 صباحاً) لنقدم لكم قهوتكم المفضلة في أي وقت.",
},
id: "q1", title: "ما هي ساعات عملكم؟", content: "نحن نفتح يومياً من الصباح الباكر وحتى منتصف الليل (12 صباحاً) لنقدم لكم قهوتكم المفضلة في أي وقت."},
{
id: "q2",
title: "هل تقدمون خدمة التوصيل؟",
content: "نعم، نقدم خدمة التوصيل بدون تلامس لجميع طلباتكم، بالإضافة إلى خدمة الطلب الخارجي.",
},
id: "q2", title: "هل تقدمون خدمة التوصيل؟", content: "نعم، نقدم خدمة التوصيل بدون تلامس لجميع طلباتكم، بالإضافة إلى خدمة الطلب الخارجي."},
{
id: "q3",
title: "هل يوجد لديكم جلسات خارجية؟",
content: "نعم، يتوفر لدينا منطقة جلوس خارجية مريحة ومكيفة لتستمتعوا بأجواء المقهى في الهواء الطلق.",
},
id: "q3", title: "هل يوجد لديكم جلسات خارجية؟", content: "نعم، يتوفر لدينا منطقة جلوس خارجية مريحة ومكيفة لتستمتعوا بأجواء المقهى في الهواء الطلق."},
{
id: "q4",
title: "ما هو متوسط الأسعار لديكم؟",
content: "متوسط السعر للشخص الواحد يتراوح بين 20-40 ريال سعودي، حسب اختياركم من القائمة.",
},
id: "q4", title: "ما هو متوسط الأسعار لديكم؟", content: "متوسط السعر للشخص الواحد يتراوح بين 20-40 ريال سعودي، حسب اختياركم من القائمة."},
{
id: "q5",
title: "هل تقدمون أنواع قهوة خاصة أو موسمية؟",
content: "بالتأكيد! نحرص دائماً على تقديم خلطات قهوة فريدة ومشروبات موسمية مبتكرة لتجربة متجددة في كل زيارة.",
},
id: "q5", title: "هل تقدمون أنواع قهوة خاصة أو موسمية؟", content: "بالتأكيد! نحرص دائماً على تقديم خلطات قهوة فريدة ومشروبات موسمية مبتكرة لتجربة متجددة في كل زيارة."},
]}
sideTitle="أسئلة شائعة"
sideDescription="ابحث عن إجابات لاستفساراتك المتكررة حول ركاز البن وخدماتنا."
faqsAnimation="entrance-slide"
faqsAnimation="slide-up"
textPosition="left"
/>
</div>
@@ -381,14 +237,13 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="تواصل معنا"
title="زرنا أو راسلنا"
description="نحن هنا لخدمتك! تفضل بزيارتنا في رنية أو تواصل معنا لأي استفسارات أو لتقديم الملاحظات."
imageSrc="http://img.b2bpic.net/free-photo/modern-stylish-muslim-woman-hijab_285396-9473.jpg"
imageAlt="Exterior of Rukaz Al-Bun coffee shop"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="أدخل بريدك الإلكتروني"
buttonText="اشترك الآن"
@@ -403,66 +258,39 @@ export default function LandingPage() {
logoText="ركاز البن"
columns={[
{
title: "استكشف",
items: [
title: "استكشف", items: [
{
label: "الرئيسية",
href: "#hero",
},
label: "الرئيسية", href: "#hero"},
{
label: "القائمة",
href: "#menu",
},
label: "القائمة", href: "#menu"},
{
label: "عنا",
href: "#about",
},
label: "عنا", href: "#about"},
{
label: "التقييمات",
href: "#testimonials",
},
label: "التقييمات", href: "#testimonials"},
],
},
{
title: "خدماتنا",
items: [
title: "خدماتنا", items: [
{
label: "الجلوس في المقهى",
href: "#",
},
label: "الجلوس في المقهى", href: "#"},
{
label: "الطلبات الخارجية",
href: "#",
},
label: "الطلبات الخارجية", href: "#"},
{
label: "خدمة التوصيل",
href: "#",
},
label: "خدمة التوصيل", href: "#"},
{
label: "فعاليات خاصة",
href: "#",
},
label: "فعاليات خاصة", href: "#"},
],
},
{
title: "تواصل معنا",
items: [
title: "تواصل معنا", items: [
{
label: "الموقع",
href: "#contact",
},
label: "الموقع", href: "#contact"},
{
label: "اتصل بنا",
href: "#contact",
},
label: "اتصل بنا", href: "#contact"},
{
label: "انستغرام",
href: "https://instagram.com",
},
label: "انستغرام", href: "https://instagram.com"},
{
label: "فيسبوك",
href: "https://facebook.com",
},
label: "فيسبوك", href: "https://facebook.com"},
],
},
]}