Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-10 17:42:56 +00:00

View File

@@ -29,394 +29,164 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "الرئيسية",
id: "hero",
},
{
name: "عنّا",
id: "about",
},
{
name: "القائمة",
id: "product",
},
{
name: "آراء العملاء",
id: "testimonial",
},
{
name: "اتصل بنا",
id: "contact",
},
]}
brandName="وطني برجر"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "الرئيسية", id: "hero" },
{ name: "عنّا", id: "about" },
{ name: "القائمة", id: "product" },
{ name: "آراء العملاء", id: "testimonial" },
{ name: "اتصل بنا", id: "contact" },
]}
brandName="وطني برجر"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="فخامة النكهة في كل لقمة"
description="تجربة فريدة من نوعها لأفخم البرجر الطازج بلمسة وطنية لا تُنسى."
tag="وطني برجر"
buttons={[
{
text: "اطلب الآن",
href: "#product",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg",
imageAlt: "Hero Luxury Burger",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sooking-burgers-kitchen-home-quarantine-time_627829-7064.jpg",
imageAlt: "Chef Preparation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
imageAlt: "Front view burger with egg on table",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/burgers-per-two-pax-with-full-melted-cheese-black-board_114579-1934.jpg",
imageAlt: "Burgers per two pax with full melted cheese on a black board",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg",
imageAlt: "Vertical shot of a tasty hamburger on a wooden plate",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="أكثر من ٥٠٠٠ عميل راضٍ"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="فخامة النكهة في كل لقمة"
description="تجربة فريدة من نوعها لأفخم البرجر الطازج بلمسة وطنية لا تُنسى."
tag="وطني برجر"
buttons={[{ text: "اطلب الآن", href: "#product" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg", imageAlt: "Hero Luxury Burger" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sooking-burgers-kitchen-home-quarantine-time_627829-7064.jpg", imageAlt: "Chef Preparation" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="أكثر من ٥٠٠٠ عميل راضٍ"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="قصتنا في الجودة"
metrics={[
{
icon: Award,
label: "سنوات من التميز",
value: "١٠+",
},
{
icon: Users,
label: "عملاء سعداء",
value: "٥٠ ألف",
},
{
icon: Award,
label: "وصفات فريدة",
value: "٢٥",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="قصتنا في الجودة"
metrics={[
{ icon: Award, label: "سنوات من التميز", value: "١٠+" },
{ icon: Users, label: "عملاء سعداء", value: "٥٠ ألف" },
{ icon: Award, label: "وصفات فريدة", value: "٢٥" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "برجر وطني كلاسيك",
price: "٤٥ ر.س",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burger-with-fried-egg_23-2148784517.jpg",
},
{
id: "2",
name: "دبل تشيز برجر",
price: "٥٥ ر.س",
imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg",
},
{
id: "3",
name: "برجر الدجاج المقرمش",
price: "٤٠ ر.س",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-beef-burgers-with-bacon-beer_23-2148784481.jpg",
},
{
id: "4",
name: "برجر واغيو فاخر",
price: "٨٥ ر.س",
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-black-bread_1203-2383.jpg",
},
{
id: "5",
name: "سلايدر تريو",
price: "٦٠ ر.س",
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries-wooden-board_140725-4506.jpg",
},
{
id: "6",
name: "برجر المدخن",
price: "٥٠ ر.س",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-tasty-sauces_23-2148290625.jpg",
},
]}
title="قائمتنا الفاخرة"
description="نختار أجود أنواع اللحوم والأجبان لتقديم برجر يليق بطلبكم."
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "برجر وطني كلاسيك", price: "٤٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burger-with-fried-egg_23-2148784517.jpg" },
{ id: "2", name: "دبل تشيز برجر", price: "٥٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg" },
{ id: "3", name: "برجر الدجاج المقرمش", price: "٤٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-beef-burgers-with-bacon-beer_23-2148784481.jpg" },
{ id: "4", name: "برجر واغيو فاخر", price: "٨٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-black-bread_1203-2383.jpg" },
{ id: "5", name: "سلايدر تريو", price: "٦٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries-wooden-board_140725-4506.jpg" },
{ id: "6", name: "برجر المدخن", price: "٥٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-tasty-sauces_23-2148290625.jpg" },
]}
title="قائمتنا الفاخرة"
description="نختار أجود أنواع اللحوم والأجبان لتقديم برجر يليق بطلبكم."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "أحمد محمد",
role: "عاشق البرجر",
company: "الرياض",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
},
{
id: "2",
name: "سارة خالد",
role: "خبير تذوق",
company: "جدة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg",
},
{
id: "3",
name: "فيصل العتيبي",
role: "عميل دائم",
company: "الدمام",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/baker-using-wooden-rolling-pin-dough-front-video-camera-recording-new-cooking-episode-old-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14480.jpg",
},
{
id: "4",
name: "نورة العلي",
role: "مؤثرة طعام",
company: "الرياض",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
},
{
id: "5",
name: "خالد المنصور",
role: "كاتب تقييم",
company: "الخبر",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg",
},
]}
kpiItems={[
{
value: "٤.٩/٥",
label: "التقييم العام",
},
{
value: "١٠٠%",
label: "طعم طازج",
},
{
value: "٩٥%",
label: "سرعة خدمة",
},
]}
title="ماذا يقول عملاؤنا"
description="نحن نفخر برضاكم التام ونسعى دائماً لتطوير التجربة."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "أحمد محمد", role: "عاشق البرجر", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg" },
{ id: "2", name: "سارة خالد", role: "خبير تذوق", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg" },
{ id: "3", name: "فيصل العتيبي", role: "عميل دائم", company: "الدمام", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/baker-using-wooden-rolling-pin-dough-front-video-camera-recording-new-cooking-episode-old-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14480.jpg" },
{ id: "4", name: "نورة العلي", role: "مؤثرة طعام", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
{ id: "5", name: "خالد المنصور", role: "كاتب تقييم", company: "الخبر", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg" },
]}
kpiItems={[
{ value: "٤.٩/٥", label: "التقييم العام" },
{ value: "١٠٠%", label: "طعم طازج" },
{ value: "٩٥%", label: "سرعة خدمة" },
]}
title="ماذا يقول عملاؤنا"
description="نحن نفخر برضاكم التام ونسعى دائماً لتطوير التجربة."
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Utensils,
title: "طلبات يومية",
value: "٥٠٠+",
},
{
id: "m2",
icon: Star,
title: "نجوم تذوق",
value: "١٠٠k",
},
{
id: "m3",
icon: Award,
title: "أفضل مطعم",
value: "٥",
},
]}
title="أرقامنا تتحدث"
description="الجودة هي أساس نجاحنا المستمر."
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: Utensils, title: "طلبات يومية", value: "٥٠٠+" },
{ id: "m2", icon: Star, title: "نجوم تذوق", value: "١٠٠k" },
{ id: "m3", icon: Award, title: "أفضل مطعم", value: "٥" },
]}
title="أرقامنا تتحدث"
description="الجودة هي أساس نجاحنا المستمر."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "solo",
price: "٧٩ ر.س",
name: "وجبة الفرد الواحد",
features: [
"برجر من اختيارك",
"بطاطس",
"مشروب",
],
buttons: [
{
text: "اطلب",
href: "#",
},
],
},
{
id: "duo",
price: "١٤٩ ر.س",
name: "وجبة الثنائي",
features: [
"٢ برجر",
"بطاطس حجم كبير",
"٢ مشروب",
],
buttons: [
{
text: "اطلب",
href: "#",
},
],
},
{
id: "family",
price: "٢٩٩ ر.س",
name: "وجبة العائلة",
features: [
"٥ برجر متنوع",
"صحن مقبلات",
"مشروبات عائلية",
],
buttons: [
{
text: "اطلب",
href: "#",
},
],
},
]}
title="وجباتنا العائلية"
description="وفر أكثر مع وجبات المشاركة الفاخرة."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "solo", price: "٧٩ ر.س", name: "وجبة الفرد الواحد", features: ["برجر من اختيارك", "بطاطس", "مشروب"], buttons: [{ text: "اطلب", href: "#" }] },
{ id: "duo", price: "١٤٩ ر.س", name: "وجبة الثنائي", features: ["٢ برجر", "بطاطس حجم كبير", "٢ مشروب"], buttons: [{ text: "اطلب", href: "#" }] },
{ id: "family", price: "٢٩٩ ر.س", name: "وجبة العائلة", features: ["٥ برجر متنوع", "صحن مقبلات", "مشروبات عائلية"], buttons: [{ text: "اطلب", href: "#" }] },
]}
title="وجباتنا العائلية"
description="وفر أكثر مع وجبات المشاركة الفاخرة."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "هل اللحوم طازجة؟",
content: "نعم، نستخدم لحوم طازجة محلية ١٠٠٪.",
},
{
id: "q2",
title: "هل يتوفر توصيل؟",
content: "نعم، نوفر توصيل سريع لجميع المناطق.",
},
{
id: "q3",
title: "كيف أطلب؟",
content: "يمكنك الطلب عبر الموقع أو تطبيقات التوصيل.",
},
]}
sideTitle="أسئلة شائعة"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "هل اللحوم طازجة؟", content: "نعم، نستخدم لحوم طازجة محلية ١٠٠٪." },
{ id: "q2", title: "هل يتوفر توصيل؟", content: "نعم، نوفر توصيل سريع لجميع المناطق." },
{ id: "q3", title: "كيف أطلب؟", content: "يمكنك الطلب عبر الموقع أو تطبيقات التوصيل." },
]}
sideTitle="أسئلة شائعة"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
title="احجز طاولتك الآن"
description="جاهزون لخدمتك في أي وقت. تواصل للحجز أو الاستفسار."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg"
mediaAnimation="slide-up"
buttonText="أرسل"
tag="تواصل معنا"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
title="احجز طاولتك الآن"
description="جاهزون لخدمتك في أي وقت. تواصل للحجز أو الاستفسار."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg"
mediaAnimation="slide-up"
buttonText="أرسل"
tag="تواصل معنا"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "القائمة",
items: [
{
label: "الرئيسية",
href: "#hero",
},
{
label: "المنتجات",
href: "#product",
},
],
},
{
title: "عنّا",
items: [
{
label: "قصتنا",
href: "#about",
},
{
label: "الاستفسارات",
href: "#faq",
},
],
},
{
title: "تواصل",
items: [
{
label: "اتصل بنا",
href: "#contact",
},
{
label: "تويتر",
href: "#",
},
],
},
]}
logoText="وطني برجر"
copyrightText="© ٢٠٢٥ وطني برجر - جميع الحقوق محفوظة"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "القائمة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#product" }],
},
{
title: "عنّا", items: [{ label: "قصتنا", href: "#about" }, { label: "الاستفسارات", href: "#faq" }],
},
{
title: "تواصل", items: [{ label: "اتصل بنا", href: "#contact" }, { label: "تويتر", href: "#" }],
},
]}
logoText="وطني برجر"
copyrightText="© ٢٠٢٥ وطني برجر - جميع الحقوق محفوظة"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}