2 Commits

Author SHA1 Message Date
6fa4771edc Update src/app/styles/variables.css 2026-06-10 11:05:16 +00:00
7548d3a904 Update src/app/page.tsx 2026-06-10 11:05:15 +00:00
2 changed files with 80 additions and 252 deletions

View File

@@ -33,39 +33,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "الرئيسية",
id: "#hero",
},
name: "الرئيسية", id: "#hero"},
{
name: "عنّا",
id: "#about",
},
name: "عنّا", id: "#about"},
{
name: "البيتزا",
id: "#products",
},
name: "البيتزا", id: "#products"},
{
name: "العروض",
id: "#pricing",
},
name: "العروض", id: "#pricing"},
{
name: "العملاء",
id: "#testimonials",
},
name: "العملاء", id: "#testimonials"},
{
name: "الأسئلة الشائعة",
id: "#faq",
},
name: "الأسئلة الشائعة", id: "#faq"},
{
name: "اتصل بنا",
id: "#contact",
},
name: "اتصل بنا", id: "#contact"},
]}
brandName="مطعم البرنس"
button={{
text: "اطلب الآن",
href: "#products",
}}
text: "اطلب الآن", href: "#products"}}
animateOnLoad={true}
/>
</div>
@@ -79,36 +63,22 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "اطلب الآن",
href: "#products",
},
text: "اطلب الآن", href: "#products"},
{
text: "قائمة الطعام",
href: "#features",
},
text: "قائمة الطعام", href: "#features"},
]}
buttonAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-big-jacket_273609-14199.jpg",
alt: "عميل سعيد 1",
},
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-big-jacket_273609-14199.jpg", alt: "عميل سعيد 1"},
{
src: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg",
alt: "عميل سعيد 2",
},
src: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg", alt: "عميل سعيد 2"},
{
src: "http://img.b2bpic.net/free-photo/man-wearing-chef-attire_23-2151217209.jpg",
alt: "عميل سعيد 3",
},
src: "http://img.b2bpic.net/free-photo/man-wearing-chef-attire_23-2151217209.jpg", alt: "عميل سعيد 3"},
{
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-taking-selfie-with-fresh-yellow-pepper-food-blogger-taking-selfie-with_1258-203781.jpg",
alt: "عميل سعيد 4",
},
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-taking-selfie-with-fresh-yellow-pepper-food-blogger-taking-selfie-with_1258-203781.jpg", alt: "عميل سعيد 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
alt: "عميل سعيد 5",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "عميل سعيد 5"},
]}
avatarText="أكثر من 5000 عميل راضٍ!"
imageSrc="http://img.b2bpic.net/free-photo/front-view-spicy-mushroom-pizza-with-red-tomatoes-bell-peppers-olives-mushrooms-all-sliced-inside-with-eggs-grey_140725-20878.jpg"
@@ -131,17 +101,11 @@ export default function LandingPage() {
tagAnimation="slide-up"
bulletPoints={[
{
title: "مكونات طازجة يومياً",
description: "نختار أجود المكونات المحلية والعالمية لضمان الطعم والنضارة في كل قضمة.",
},
title: "مكونات طازجة يومياً", description: "نختار أجود المكونات المحلية والعالمية لضمان الطعم والنضارة في كل قضمة."},
{
title: "وصفات تقليدية وعصرية",
description: "نجمع بين عراقة الوصفات الإيطالية الأصيلة وابتكار لمسات عصرية ترضي جميع الأذواق.",
},
title: "وصفات تقليدية وعصرية", description: "نجمع بين عراقة الوصفات الإيطالية الأصيلة وابتكار لمسات عصرية ترضي جميع الأذواق."},
{
title: "أجواء عائلية مريحة",
description: "استمتع بوجبتك في أجواء دافئة ومرحبة، مثالية للعائلات والأصدقاء.",
},
title: "أجواء عائلية مريحة", description: "استمتع بوجبتك في أجواء دافئة ومرحبة، مثالية للعائلات والأصدقاء."},
]}
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145586.jpg"
imageAlt="طاهٍ يعد البيتزا في المطبخ"
@@ -157,23 +121,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "بيتزا كلاسيكية",
description: "المفضلة دائماً: مارجريتا، بيبروني، خضار. أطعمة أساسية لا غنى عنها.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3305.jpg",
imageAlt: "بيتزا بيبروني كلاسيكية",
},
title: "بيتزا كلاسيكية", description: "المفضلة دائماً: مارجريتا، بيبروني، خضار. أطعمة أساسية لا غنى عنها.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3305.jpg", imageAlt: "بيتزا بيبروني كلاسيكية"},
{
title: "بيتزا ذواقة",
description: "جرب إبداعاتنا الخاصة: بيتزا الدجاج بالباربكيو، بيتزا الفصول الأربعة، والمزيد.",
imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-pizza-cooking-ingredients-black-concrete-background_1150-37866.jpg",
imageAlt: "بيتزا ذواقة مع مكونات طازجة",
},
title: "بيتزا ذواقة", description: "جرب إبداعاتنا الخاصة: بيتزا الدجاج بالباربكيو، بيتزا الفصول الأربعة، والمزيد.", imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-pizza-cooking-ingredients-black-concrete-background_1150-37866.jpg", imageAlt: "بيتزا ذواقة مع مكونات طازجة"},
{
title: "أطباق جانبية ومشروبات",
description: "أكمل وجبتك بمقبلات شهية، سلطات منعشة، ومجموعة واسعة من المشروبات.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-breakfast-with-bread_23-2148585720.jpg",
imageAlt: "أطباق جانبية ومشروبات متنوعة",
},
title: "أطباق جانبية ومشروبات", description: "أكمل وجبتك بمقبلات شهية، سلطات منعشة، ومجموعة واسعة من المشروبات.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-breakfast-with-bread_23-2148585720.jpg", imageAlt: "أطباق جانبية ومشروبات متنوعة"},
]}
title="ما يميزنا: جودة لا تضاهى"
description="نقدم تجربة بيتزا فريدة من نوعها، مع مجموعة متنوعة من الأطباق التي تلبي كافة الرغبات."
@@ -191,65 +143,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "البرنس",
name: "بيتزا مارجريتا",
price: "35 ريال",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-detail_23-2148149175.jpg",
imageAlt: "بيتزا مارجريتا تقليدية",
},
id: "p1", brand: "البرنس", name: "بيتزا مارجريتا", price: "35 ريال", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-detail_23-2148149175.jpg", imageAlt: "بيتزا مارجريتا تقليدية"},
{
id: "p2",
brand: "البرنس",
name: "بيتزا بيبروني",
price: "40 ريال",
rating: 4.5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-wooden-cutting-board-left-side-isolated-dark-surface-with-free-space-close-up-shot_179666-42209.jpg",
imageAlt: "بيتزا بيبروني شهية",
},
id: "p2", brand: "البرنس", name: "بيتزا بيبروني", price: "40 ريال", rating: 4.5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-wooden-cutting-board-left-side-isolated-dark-surface-with-free-space-close-up-shot_179666-42209.jpg", imageAlt: "بيتزا بيبروني شهية"},
{
id: "p3",
brand: "البرنس",
name: "بيتزا دجاج باربكيو",
price: "45 ريال",
rating: 4.8,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg",
imageAlt: "بيتزا دجاج بالباربكيو",
},
id: "p3", brand: "البرنس", name: "بيتزا دجاج باربكيو", price: "45 ريال", rating: 4.8,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg", imageAlt: "بيتزا دجاج بالباربكيو"},
{
id: "p4",
brand: "البرنس",
name: "بيتزا خضار",
price: "38 ريال",
rating: 4.2,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-square-pizza-high-angle_23-2149294910.jpg",
imageAlt: "بيتزا خضروات طازجة",
},
id: "p4", brand: "البرنس", name: "بيتزا خضار", price: "38 ريال", rating: 4.2,
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-square-pizza-high-angle_23-2149294910.jpg", imageAlt: "بيتزا خضروات طازجة"},
{
id: "p5",
brand: "البرنس",
name: "بيتزا الأجبان الأربعة",
price: "48 ريال",
rating: 4.9,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/pie-apple_74190-5478.jpg",
imageAlt: "بيتزا الأجبان الأربعة",
},
id: "p5", brand: "البرنس", name: "بيتزا الأجبان الأربعة", price: "48 ريال", rating: 4.9,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/pie-apple_74190-5478.jpg", imageAlt: "بيتزا الأجبان الأربعة"},
{
id: "p6",
brand: "البرنس",
name: "بيتزا عشاق اللحوم",
price: "50 ريال",
rating: 4.7,
reviewCount: "130",
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-638.jpg",
imageAlt: "بيتزا عشاق اللحوم",
},
id: "p6", brand: "البرنس", name: "بيتزا عشاق اللحوم", price: "50 ريال", rating: 4.7,
reviewCount: "130", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-638.jpg", imageAlt: "بيتزا عشاق اللحوم"},
]}
title="أطباقنا الأكثر طلباً"
description="اكتشف مجموعتنا المختارة من البيتزا المفضلة لدى عملائنا، محضرة بحب وشغف ومذاق لا يُنسى."
@@ -266,59 +176,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "عرض فردي",
tagIcon: Pizza,
price: "50 ريال",
period: "لشخص واحد",
description: "مثالي لوجبة سريعة ولذيذة.",
button: {
text: "اطلب العرض",
href: "#contact",
},
featuresTitle: "يشمل:",
features: [
"بيتزا متوسطة من اختيارك",
"مشروب غازي",
"طبق جانبي صغير",
],
id: "basic", tag: "عرض فردي", tagIcon: Pizza,
price: "50 ريال", period: "لشخص واحد", description: "مثالي لوجبة سريعة ولذيذة.", button: {
text: "اطلب العرض", href: "#contact"},
featuresTitle: "يشمل:", features: [
"بيتزا متوسطة من اختيارك", "مشروب غازي", "طبق جانبي صغير"],
},
{
id: "pro",
tag: "عرض عائلي",
tagIcon: Utensils,
price: "120 ريال",
period: "لـ 4 أشخاص",
description: "مثالي للمشاركة مع العائلة والأصدقاء.",
button: {
text: "اطلب العرض",
href: "#contact",
},
featuresTitle: "يشمل:",
features: [
"2 بيتزا كبيرة من اختيارك",
"4 مشروبات غازية",
"طبقين جانبيين كبيرين",
],
id: "pro", tag: "عرض عائلي", tagIcon: Utensils,
price: "120 ريال", period: "لـ 4 أشخاص", description: "مثالي للمشاركة مع العائلة والأصدقاء.", button: {
text: "اطلب العرض", href: "#contact"},
featuresTitle: "يشمل:", features: [
"2 بيتزا كبيرة من اختيارك", "4 مشروبات غازية", "طبقين جانبيين كبيرين"],
},
{
id: "premium",
tag: "عرض الحفلات",
tagIcon: Flame,
price: "200 ريال",
period: "لـ 8 أشخاص",
description: "لجمعاتكم الكبيرة ومناسباتكم الخاصة.",
button: {
text: "اطلب العرض",
href: "#contact",
},
featuresTitle: "يشمل:",
features: [
"4 بيتزا كبيرة من اختيارك",
"8 مشروبات غازية",
"4 أطباق جانبية متنوعة",
"1 سلطة كبيرة",
],
id: "premium", tag: "عرض الحفلات", tagIcon: Flame,
price: "200 ريال", period: "لـ 8 أشخاص", description: "لجمعاتكم الكبيرة ومناسباتكم الخاصة.", button: {
text: "اطلب العرض", href: "#contact"},
featuresTitle: "يشمل:", features: [
"4 بيتزا كبيرة من اختيارك", "8 مشروبات غازية", "4 أطباق جانبية متنوعة", "1 سلطة كبيرة"],
},
]}
title="عروض البرنس الخاصة"
@@ -337,29 +213,17 @@ export default function LandingPage() {
author="رضا العملاء هو أولويتنا القصوى."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
alt: "الغابر 17",
},
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "الغابر 17"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-197167.jpg",
alt: "Amrit Gautam",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-197167.jpg", alt: "Amrit Gautam"},
{
src: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-cafe_273609-14828.jpg",
alt: "عبدالهادي الشراري",
},
src: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-cafe_273609-14828.jpg", alt: "عبدالهادي الشراري"},
{
src: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg",
alt: "سارة المحمد",
},
src: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg", alt: "سارة المحمد"},
{
src: "http://img.b2bpic.net/free-photo/steampunk-man-street-outside-with-skateboard_1321-4416.jpg",
alt: "فهد الشمري",
},
src: "http://img.b2bpic.net/free-photo/steampunk-man-street-outside-with-skateboard_1321-4416.jpg", alt: "فهد الشمري"},
{
src: "http://img.b2bpic.net/free-photo/enthusiastic-short-haired-woman-posing-sunglasses_197531-16439.jpg",
alt: "نوف عبد الله",
},
src: "http://img.b2bpic.net/free-photo/enthusiastic-short-haired-woman-posing-sunglasses_197531-16439.jpg", alt: "نوف عبد الله"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -372,30 +236,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "هل يتوفر لديكم خدمة التوصيل؟",
content: "نعم، نقدم خدمة التوصيل السريع إلى معظم مناطق الرياض. يرجى التحقق من منطقة التوصيل عند الطلب.",
},
id: "q1", title: "هل يتوفر لديكم خدمة التوصيل؟", content: "نعم، نقدم خدمة التوصيل السريع إلى معظم مناطق الرياض. يرجى التحقق من منطقة التوصيل عند الطلب."},
{
id: "q2",
title: "ما هي ساعات العمل؟",
content: "المطعم مفتوح يومياً من الساعة 4 مساءً حتى 1 صباحاً.",
},
id: "q2", title: "ما هي ساعات العمل؟", content: "المطعم مفتوح يومياً من الساعة 4 مساءً حتى 1 صباحاً."},
{
id: "q3",
title: "هل يمكنني حجز طاولة؟",
content: "نعم، يمكنكم حجز طاولة مسبقاً عن طريق الاتصال بنا مباشرة أو عبر صفحة اتصل بنا.",
},
id: "q3", title: "هل يمكنني حجز طاولة؟", content: "نعم، يمكنكم حجز طاولة مسبقاً عن طريق الاتصال بنا مباشرة أو عبر صفحة اتصل بنا."},
{
id: "q4",
title: "هل تقدمون خيارات بيتزا نباتية أو خالية من الجلوتين؟",
content: "نعم، لدينا خيارات بيتزا نباتية متنوعة، وبالنسبة لخيارات خالية من الجلوتين، يرجى الاستفسار عند الطلب.",
},
id: "q4", title: "هل تقدمون خيارات بيتزا نباتية أو خالية من الجلوتين؟", content: "نعم، لدينا خيارات بيتزا نباتية متنوعة، وبالنسبة لخيارات خالية من الجلوتين، يرجى الاستفسار عند الطلب."},
{
id: "q5",
title: "ما هي طرق الدفع المتاحة؟",
content: "نقبل الدفع نقداً، ببطاقات الائتمان، ومدى، وكذلك الدفع عبر التطبيقات الإلكترونية المتاحة.",
},
id: "q5", title: "ما هي طرق الدفع المتاحة؟", content: "نقبل الدفع نقداً، ببطاقات الائتمان، ومدى، وكذلك الدفع عبر التطبيقات الإلكترونية المتاحة."},
]}
title="أسئلة شائعة"
description="إجابات على أكثر استفساراتكم شيوعاً حول خدمات مطعم البرنس."
@@ -410,18 +259,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
text="تواصل معنا: مطعم البرنس دائماً في خدمتكم"
buttons={[
{
text: "اتصل بنا",
href: "tel:+966561437024",
},
text: "اتصل بنا", href: "tel:+966561437024"},
{
text: "احصل على الاتجاهات",
href: "https://www.google.com/maps/dir/?api=1&destination=6308+طريق+مكه+المكرمه,+حي+الوادي,+WCAB3814،+3814,+غطي+77419،+المملكة+العربية+السعودية",
},
text: "احصل على الاتجاهات", href: "https://www.google.com/maps/dir/?api=1&destination=6308+طريق+مكه+المكرمه,+حي+الوادي,+WCAB3814،+3814,+غطي+77419،+المملكة+العربية+السعودية"},
]}
/>
</div>
@@ -430,41 +274,25 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "روابط سريعة",
items: [
title: "روابط سريعة", items: [
{
label: "الرئيسية",
href: "#hero",
},
label: "الرئيسية", href: "#hero"},
{
label: "قائمة الطعام",
href: "#features",
},
label: "قائمة الطعام", href: "#features"},
{
label: "عروضنا",
href: "#pricing",
},
label: "عروضنا", href: "#pricing"},
{
label: "اتصل بنا",
href: "#contact",
},
label: "اتصل بنا", href: "#contact"},
],
},
{
title: "عنّا",
items: [
title: "عنّا", items: [
{
label: "قصتنا",
href: "#about",
},
label: "قصتنا", href: "#about"},
{
label: "شهادات العملاء",
href: "#testimonials",
},
label: "شهادات العملاء", href: "#testimonials"},
{
label: "الأسئلة الشائعة",
href: "#faq",
},
label: "الأسئلة الشائعة", href: "#faq"},
],
},
]}
@@ -475,4 +303,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #341f51;
--primary-cta-text: #f5f5f5;
--background: #fffafa;
--card: #fff7f7;
--foreground: #1a0000;
--primary-cta: #e63946;
--primary-cta-text: #fffafa;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #6139e6;
--background-accent: #b3a8e8;
--secondary-cta-text: #1a0000;
--accent: #f5c4c7;
--background-accent: #f09199;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);