Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "من نحن",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "قائمة الطعام",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "من نحن", id: "about" },
|
||||
{ name: "قائمة الطعام", id: "menu" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="HuQQabaz"
|
||||
/>
|
||||
@@ -53,43 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="تجربة طعام فاخرة في قلب بغداد"
|
||||
description="في HuQQabaz Baghdad، نقدم لك تجربة استثنائية تجمع بين النكهات العالمية والأجواء الراقية، حيث يتحول كل طبق إلى لحظة لا تُنسى."
|
||||
tag="تجربة استثنائية"
|
||||
buttons={[
|
||||
{
|
||||
text: "احجز طاولتك الآن",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "استكشف قائمة الطعام",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "احجز طاولتك الآن", href: "#contact" }, { text: "استكشف قائمة الطعام", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg?_wi=1",
|
||||
imageAlt: "Luxury dining scene",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg?_wi=1",
|
||||
imageAlt: "Gourmet meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg",
|
||||
imageAlt: "Royal dining room with chandeliers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",
|
||||
imageAlt: "Wide restaurant hall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7823.jpg",
|
||||
imageAlt: "Dining table with tableware",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg", imageAlt: "Luxury dining scene" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg", imageAlt: "Gourmet meal" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -101,8 +60,8 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="من نحن"
|
||||
description="نحن في HuQQabaz Baghdad نؤمن أن الطعام ليس مجرد وجبة، بل تجربة متكاملة. من الأطباق المحضّرة بعناية، إلى الأجواء الفاخرة والخدمة الراقية، نسعى لنقدم لك لحظات مميزة تستحق التكرار. سواء كنت مع الأصدقاء أو العائلة، ستجد هنا المكان المثالي لكل مناسبة."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=1"
|
||||
description="نحن في HuQQabaz Baghdad نؤمن أن الطعام ليس مجرد وجبة، بل تجربة متكاملة. من الأطباق المحضّرة بعناية، إلى الأجواء الفاخرة والخدمة الراقية، نسعى لنقدم لك لحظات مميزة تستحق التكرار."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
imageAlt="About our restaurant"
|
||||
/>
|
||||
</div>
|
||||
@@ -114,60 +73,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "طبق رئيسي",
|
||||
name: "صدر دجاج بالزعتر",
|
||||
price: "15$",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "طبق رئيسي",
|
||||
name: "كفتة مع بطاطا",
|
||||
price: "18$",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-dolma-with-tomato-belly-pepper_140725-4615.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "طبق رئيسي",
|
||||
name: "ستيك مشوي",
|
||||
price: "25$",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "مشروبات",
|
||||
name: "كابتشينو",
|
||||
price: "5$",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-beverage-with-drink_23-2148349636.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "مشروبات",
|
||||
name: "قهوة تركية",
|
||||
price: "4$",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-coffee-capsules_23-2148937276.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "مشروبات",
|
||||
name: "عصائر طبيعية",
|
||||
price: "6$",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-cocktails-with-flowers-figs-purple-surface_140725-63892.jpg",
|
||||
},
|
||||
{ id: "1", brand: "طبق رئيسي", name: "صدر دجاج بالزعتر", price: "15$", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg" },
|
||||
{ id: "2", brand: "طبق رئيسي", name: "كفتة مع بطاطا", price: "18$", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-dolma-with-tomato-belly-pepper_140725-4615.jpg" },
|
||||
{ id: "3", brand: "طبق رئيسي", name: "ستيك مشوي", price: "25$", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg" }
|
||||
]}
|
||||
title="قائمة الطعام"
|
||||
description="استمتع بتشكيلة مختارة من أطباقنا المميزة"
|
||||
@@ -181,163 +89,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "الأكل",
|
||||
description: "تجربة طعم فاخرة",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6903.jpg",
|
||||
imageAlt: "Food",
|
||||
},
|
||||
title: "الأكل", description: "تجربة طعم فاخرة", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6903.jpg", imageAlt: "Food" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg?_wi=2",
|
||||
imageAlt: "restaurant interior design",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "الديكور",
|
||||
description: "أجواء عصرية وراقية",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5747.jpg",
|
||||
imageAlt: "Decor",
|
||||
},
|
||||
title: "الديكور", description: "أجواء عصرية وراقية", media: { imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5747.jpg", imageAlt: "Decor" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg?_wi=2",
|
||||
imageAlt: "restaurant interior design",
|
||||
},
|
||||
{
|
||||
title: "الجلسات الليلية",
|
||||
description: "سهرات لا تُنسى",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-long-black-plate-with-blue-plate-fork-knife-dark-surface_140725-154925.jpg",
|
||||
imageAlt: "Night vibe",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=2",
|
||||
imageAlt: "restaurant interior design",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="المعرض"
|
||||
description="لمحات من أجواءنا وأطباقنا المميزة"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "أحمد علي",
|
||||
role: "زبون",
|
||||
company: "بغداد",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "سارة محمد",
|
||||
role: "زبونة",
|
||||
company: "بغداد",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "خالد حسن",
|
||||
role: "زبون",
|
||||
company: "بغداد",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "ليلى عمر",
|
||||
role: "زبونة",
|
||||
company: "بغداد",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "عمر عبدالله",
|
||||
role: "زبون",
|
||||
company: "بغداد",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "رضا العملاء",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "زيارة سعيدة",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "تقييم عام",
|
||||
},
|
||||
]}
|
||||
title="آراء الزبائن"
|
||||
description="ماذا يقول زبائننا عنا"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="احجز الآن واستمتع بتجربة فريدة"
|
||||
tag="تنبيه"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2:00",
|
||||
description: "يومياً حتى هذا الوقت",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "فاخرة",
|
||||
description: "تجربة طعام",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "مميز",
|
||||
description: "موقعنا",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="احجز الآن"
|
||||
title="تواصل معنا"
|
||||
description="نحن بانتظارك لتجربة لا تُنسى. الموقع: قرية دجلة – بغداد | هاتف: 0784 445 5588 | يوميًا حتى 2 صباحًا"
|
||||
inputPlaceholder="بريدك الإلكتروني"
|
||||
buttonText="احجز طاولتك"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="HuQQabaz"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user