Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-19 23:42:17 +00:00

View File

@@ -19,364 +19,158 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="نكهة الشام"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="نكهة الشام"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="نكهة الشام - أصالة المذاق الشامي"
description="نقدم لكم تجربة فريدة من المطبخ الشامي العريق، بأجود المكونات الطازجة والوصفات الأصيلة التي تنقلكم إلى قلب دمشق."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-cuts-kuku-egg-with-herbs-tea-side-view_141793-4734.jpg",
alt: "Happy Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/latin-man-his-30s-smiling-making-eye-contact-while-drinking-coffee-sandwich-his-lunch-break-food-court_662251-228.jpg",
alt: "Happy Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-arab-food_23-2147794393.jpg",
alt: "Happy Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
alt: "Happy Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/baked-meat-sauce-parsley-sumakh-pickles_141793-16636.jpg",
alt: "Happy Customer 5",
},
]}
buttons={[
{
text: "اطلب الآن",
href: "#menu",
},
{
text: "تواصل معنا",
href: "#contact",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "طعام طازج",
},
{
type: "text",
text: "وصفات عريقة",
},
{
type: "text",
text: "تجربة دمشقية",
},
{
type: "text",
text: "مذاق أصيل",
},
{
type: "text",
text: "جودة عالية",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="نكهة الشام - أصالة المذاق الشامي"
description="نقدم لكم تجربة فريدة من المطبخ الشامي العريق، بأجود المكونات الطازجة والوصفات الأصيلة التي تنقلكم إلى قلب دمشق."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/man-cuts-kuku-egg-with-herbs-tea-side-view_141793-4734.jpg", alt: "Happy Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/latin-man-his-30s-smiling-making-eye-contact-while-drinking-coffee-sandwich-his-lunch-break-food-court_662251-228.jpg", alt: "Happy Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/top-view-arab-food_23-2147794393.jpg", alt: "Happy Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg", alt: "Happy Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/baked-meat-sauce-parsley-sumakh-pickles_141793-16636.jpg", alt: "Happy Customer 5" },
]}
buttons={[
{ text: "اطلب الآن", href: "#menu" },
{ text: "تواصل معنا", href: "#contact" },
]}
buttonAnimation="slide-up"
marqueeItems={[
{ type: "text", text: "طعام طازج" },
{ type: "text", text: "وصفات عريقة" },
{ type: "text", text: "تجربة دمشقية" },
{ type: "text", text: "مذاق أصيل" },
{ type: "text", text: "جودة عالية" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "قصة نكهة الشام",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/small-pot-unprepared-spiral-macaroni-with-spoon-flour_114579-50117.jpg",
alt: "Our Culinary Tradition",
},
]}
buttons={[
{
text: "اعرف المزيد",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "قصة نكهة الشام" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/small-pot-unprepared-spiral-macaroni-with-spoon-flour_114579-50117.jpg", alt: "Our Culinary Tradition" },
]}
buttons={[{ text: "اعرف المزيد", href: "#" }]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "مقبلات",
name: "حمص بالطحينة",
price: "٢٥ ريال",
rating: 5,
reviewCount: "١٢٠",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-chopped-tomato-cucumber-herbs_114579-70158.jpg?_wi=1",
},
{
id: "2",
brand: "مشويات",
name: "مشويات مشكلة",
price: "٨٥ ريال",
rating: 5,
reviewCount: "٨٥",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-cutted-into-pieces-served-flatbread-with-sauces-sumac_140725-10551.jpg",
},
{
id: "3",
brand: "سلطات",
name: "فتوش شامي",
price: "٣٠ ريال",
rating: 4,
reviewCount: "٩٢",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegetables-salad-with-ingredients_23-2148253299.jpg",
},
{
id: "4",
brand: "مقبلات",
name: "فلافل",
price: "٢٠ ريال",
rating: 5,
reviewCount: "١٥٠",
imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes_2829-14253.jpg",
},
{
id: "5",
brand: "أطباق رئيسية",
name: "كبة مقلية",
price: "٤٠ ريال",
rating: 5,
reviewCount: "٦٠",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dolma-green-meat-meal-inside-black-plate-along-with-greens-olive-oil-red-cherry-tomatoes-brown-wooden_140725-13324.jpg",
},
{
id: "6",
brand: "حلويات",
name: "بقلاوة",
price: "٤٥ ريال",
rating: 5,
reviewCount: "٢٠٠",
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-pakhlava-with-walnut-served-with-black-tea-pear-shaped-glass_140725-8245.jpg",
},
]}
title="قائمة الطعام"
description="استمتع بأشهى الأطباق الشامية التقليدية المحضرة بكل حب."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", brand: "مقبلات", name: "حمص بالطحينة", price: "٢٥ ريال", rating: 5, reviewCount: "١٢٠", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-chopped-tomato-cucumber-herbs_114579-70158.jpg" },
{ id: "2", brand: "مشويات", name: "مشويات مشكلة", price: "٨٥ ريال", rating: 5, reviewCount: "٨٥", imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-cutted-into-pieces-served-flatbread-with-sauces-sumac_140725-10551.jpg" },
{ id: "3", brand: "سلطات", name: "فتوش شامي", price: "٣٠ ريال", rating: 4, reviewCount: "٩٢", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegetables-salad-with-ingredients_23-2148253299.jpg" },
{ id: "4", brand: "مقبلات", name: "فلافل", price: "٢٠ ريال", rating: 5, reviewCount: "١٥٠", imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes_2829-14253.jpg" },
{ id: "5", brand: "أطباق رئيسية", name: "كبة مقلية", price: "٤٠ ريال", rating: 5, reviewCount: "٦٠", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dolma-green-meat-meal-inside-black-plate-along-with-greens-olive-oil-red-cherry-tomatoes-brown-wooden_140725-13324.jpg" },
{ id: "6", brand: "حلويات", name: "بقلاوة", price: "٤٥ ريال", rating: 5, reviewCount: "٢٠٠", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-pakhlava-with-walnut-served-with-black-tea-pear-shaped-glass_140725-8245.jpg" },
]}
title="قائمة الطعام"
description="استمتع بأشهى الأطباق الشامية التقليدية المحضرة بكل حب."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "مكونات طازجة",
description: "نختار أجود أنواع المكونات لضمان أعلى جودة.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-cooked-eggs-along-with-red-tomatoes-inside-metallic-pan-brown-wooden-desk_140725-14226.jpg",
imageAlt: "authentic levantine food platter",
},
{
title: "وصفات عريقة",
description: "نحافظ على أصالة الوصفات الشامية التقليدية.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/small-pot-unprepared-spiral-macaroni-with-spoon-flour_114579-50117.jpg",
imageAlt: "authentic levantine food platter",
},
{
title: "خدمة مميزة",
description: "نسعى لتقديم تجربة طعام استثنائية.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-chopped-tomato-cucumber-herbs_114579-70158.jpg?_wi=2",
imageAlt: "authentic levantine food platter",
},
]}
title="لماذا نكهة الشام؟"
description="سر التميز يكمن في بساطة المكونات ودقة الوصفات."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "مكونات طازجة", description: "نختار أجود أنواع المكونات لضمان أعلى جودة.", bentoComponent: "reveal-icon", icon: CheckCircle },
{ title: "وصفات عريقة", description: "نحافظ على أصالة الوصفات الشامية التقليدية.", bentoComponent: "reveal-icon", icon: Award },
{ title: "خدمة مميزة", description: "نسعى لتقديم تجربة طعام استثنائية.", bentoComponent: "reveal-icon", icon: Sparkles },
]}
title="لماذا نكهة الشام؟"
description="سر التميز يكمن في بساطة المكونات ودقة الوصفات."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "أحمد محمد",
role: "عميل دائم",
company: "الرياض",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-fork-with-food_23-2148899036.jpg",
},
{
id: "2",
name: "سارة علي",
role: "كاتبة محتوى",
company: "جدة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe_627829-5518.jpg",
},
{
id: "3",
name: "خالد عمر",
role: "مهندس",
company: "الدمام",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg",
},
{
id: "4",
name: "ليلى حسن",
role: "طبيبة",
company: "الرياض",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722794.jpg",
},
{
id: "5",
name: "ياسر حمد",
role: "مصور",
company: "الخبر",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-greenery-topped-with-sour-cream_140725-1194.jpg",
},
]}
kpiItems={[
{
value: "١٠٠٠+",
label: "عميل سعيد",
},
{
value: "١٠+",
label: "سنوات خبرة",
},
{
value: "٥",
label: "نجوم التقييم",
},
]}
title="آراء عملائنا"
description="رضاكم هو هدفنا الأول."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "أحمد محمد", role: "عميل دائم", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-fork-with-food_23-2148899036.jpg" },
{ id: "2", name: "سارة علي", role: "كاتبة محتوى", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe_627829-5518.jpg" },
{ id: "3", name: "خالد عمر", role: "مهندس", company: "الدمام", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg" },
{ id: "4", name: "ليلى حسن", role: "طبيبة", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722794.jpg" },
{ id: "5", name: "ياسر حمد", role: "مصور", company: "الخبر", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-greenery-topped-with-sour-cream_140725-1194.jpg" },
]}
kpiItems={[
{ value: "١٠٠٠+", label: "عميل سعيد" },
{ value: "١٠+", label: "سنوات خبرة" },
{ value: "٥", label: "نجوم التقييم" },
]}
title="آراء عملائنا"
description="رضاكم هو هدفنا الأول."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "هل يتوفر لديكم توصيل؟",
content: "نعم، نوفر خدمة توصيل سريعة لجميع مناطق المدينة.",
},
{
id: "2",
title: "هل المكونات طازجة؟",
content: "نعم، نعتمد على توريدات يومية للمكونات الطازجة.",
},
{
id: "3",
title: "هل تتوفر خيارات نباتية؟",
content: "بالتأكيد، لدينا قائمة متنوعة من الأطباق النباتية.",
},
]}
mediaAnimation="slide-up"
title="أسئلة شائعة"
description="إجابات على أكثر ما يدور في ذهنكم حول خدماتنا."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/indian-man-mountains-male-traditional-turban-hinduist-with-special-things-rituals_1157-41087.jpg"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "1", title: "هل يتوفر لديكم توصيل؟", content: "نعم، نوفر خدمة توصيل سريعة لجميع مناطق المدينة." },
{ id: "2", title: "هل المكونات طازجة؟", content: "نعم، نعتمد على توريدات يومية للمكونات الطازجة." },
{ id: "3", title: "هل تتوفر خيارات نباتية؟", content: "بالتأكيد، لدينا قائمة متنوعة من الأطباق النباتية." },
]}
mediaAnimation="slide-up"
title="أسئلة شائعة"
description="إجابات على أكثر ما يدور في ذهنكم حول خدماتنا."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/indian-man-mountains-male-traditional-turban-hinduist-with-special-things-rituals_1157-41087.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="تواصل معنا"
title="نحن هنا لخدمتك"
description="هل لديك أي استفسار أو تود حجز طاولة؟"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="تواصل معنا"
title="نحن هنا لخدمتك"
description="هل لديك أي استفسار أو تود حجز طاولة؟"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="نكهة الشام"
columns={[
{
title: "روابط سريعة",
items: [
{
label: "الرئيسية",
href: "#hero",
},
{
label: "القائمة",
href: "#menu",
},
],
},
{
title: "تواصل",
items: [
{
label: "اتصل بنا",
href: "#contact",
},
{
label: "البريد الإلكتروني",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="نكهة الشام"
columns={[
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "القائمة", href: "#menu" }] },
{ title: "تواصل", items: [{ label: "اتصل بنا", href: "#contact" }, { label: "البريد الإلكتروني", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}