Update src/app/page.tsx
This commit is contained in:
199
src/app/page.tsx
199
src/app/page.tsx
@@ -8,14 +8,14 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Flame, CheckCircle, UtensilsCrossed, Star, Phone } from "lucide-react";
|
||||
import { Flame, CheckCircle, UtensilsCrossed, Home, Phone, MapPin, Star, Zap } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "الرئيسية", id: "home" },
|
||||
{ name: "القائمة", id: "menu" },
|
||||
{ name: "الطلب", id: "order" },
|
||||
{ name: "عن المطعم", id: "about" },
|
||||
{ name: "القائمة", id: "menu-preview" },
|
||||
{ name: "الطلب", id: "cta" },
|
||||
{ name: "عن المطعم", id: "features" },
|
||||
{ name: "اتصل بنا", id: "contact" },
|
||||
];
|
||||
|
||||
@@ -26,7 +26,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -45,61 +45,34 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "📞 اتصل الآن", href: "tel:0592375999" },
|
||||
{
|
||||
text: "💬 اطلب عبر واتساب",
|
||||
href: "https://wa.me/966592375999?text=مرحبا%20أرغب%20في%20الطلب%20من%20الصاج%20الشامي",
|
||||
},
|
||||
{ text: "💬 اطلب عبر واتساب", href: "https://wa.me/966592375999?text=مرحبا%20أرغب%20في%20الطلب%20من%20الصاج%20الشامي" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
dashboard={{
|
||||
title: "معلومات سريعة",
|
||||
logoIcon: UtensilsCrossed,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-lavash-doner-with-meat-vegetables_114579-3625.jpg?_wi=1",
|
||||
imageAlt: "شاورما شهية",
|
||||
buttons: [
|
||||
{ text: "عرض القائمة", href: "/menu" },
|
||||
{ text: "اطلب الآن", href: "/order" },
|
||||
title: "معلومات سريعة", logoIcon: UtensilsCrossed,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-lavash-doner-with-meat-vegetables_114579-3625.jpg", buttons: [
|
||||
{ text: "عرض القائمة", href: "#menu-preview" },
|
||||
{ text: "اطلب الآن", href: "#cta" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: "Home", active: true },
|
||||
{ icon: "UtensilsCrossed" },
|
||||
{ icon: "Phone" },
|
||||
{ icon: "MapPin" },
|
||||
{ icon: Home, active: true },
|
||||
{ icon: UtensilsCrossed },
|
||||
{ icon: Phone },
|
||||
{ icon: MapPin },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "عنوان المطعم",
|
||||
values: ["مشرفة جدة"],
|
||||
description: "جودة الخدمة محضونة",
|
||||
},
|
||||
{
|
||||
title: "رقم الهاتف",
|
||||
values: ["0592375999"],
|
||||
description: "اتصل بنا الآن",
|
||||
},
|
||||
{
|
||||
title: "أوقات العمل",
|
||||
values: ["6 صباحاً - 2 صباحاً"],
|
||||
description: "كل يوم بدون عطل",
|
||||
},
|
||||
{ title: "عنوان المطعم", values: ["مشرفة جدة"], description: "جودة الخدمة محضونة" },
|
||||
{ title: "رقم الهاتف", values: ["0592375999"], description: "اتصل بنا الآن" },
|
||||
{ title: "أوقات العمل", values: ["6 صباحاً - 2 صباحاً"], description: "كل يوم بدون عطل" },
|
||||
],
|
||||
chartTitle: "المكونات الطازة يومياً",
|
||||
chartData: [
|
||||
{ value: 95 },
|
||||
{ value: 98 },
|
||||
{ value: 92 },
|
||||
{ value: 100 },
|
||||
{ value: 96 },
|
||||
chartTitle: "المكونات الطازة يومياً", chartData: [{ value: 95 }, { value: 98 }, { value: 92 }, { value: 100 }, { value: 96 }],
|
||||
listTitle: "أشهر الطلبات", listItems: [
|
||||
{ icon: Flame, title: "صاج دجاج", status: "الأكثر طلباً" },
|
||||
{ icon: Zap, title: "صاج لحم", status: "مشهور جداً" },
|
||||
{ icon: Star, title: "فطور شامي", status: "الخيار المفضل" },
|
||||
],
|
||||
listTitle: "أشهر الطلبات",
|
||||
listItems: [
|
||||
{ icon: "Flame", title: "صاج دجاج", status: "الأكثر طلباً" },
|
||||
{ icon: "Zap", title: "صاج لحم", status: "مشهور جداً" },
|
||||
{ icon: "Star", title: "فطور شامي", status: "الخيار المفضل" },
|
||||
],
|
||||
searchPlaceholder: "ابحث عن طبقك المفضل",
|
||||
}}
|
||||
searchPlaceholder: "ابحث عن طبقك المفضل"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,42 +88,18 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "الجودة",
|
||||
title: "خبز صاج طازج",
|
||||
subtitle: "يومياً من الفرن",
|
||||
description: "نحضر الخبز الصاج الطازج يومياً في متجرنا لضمان الطعم والجودة العالية. كل رغيف يتم تحضيره بعناية فائقة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg?_wi=1",
|
||||
imageAlt: "صاج دجاج لذيذ",
|
||||
},
|
||||
tag: "الجودة", title: "خبز صاج طازج", subtitle: "يومياً من الفرن", description: "نحضر الخبز الصاج الطازج يومياً في متجرنا لضمان الطعم والجودة العالية. كل رغيف يتم تحضيره بعناية فائقة.", imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "المكونات",
|
||||
title: "مكونات يومية",
|
||||
subtitle: "طازة وعالية الجودة",
|
||||
description: "نستخدم أفضل المكونات الطازة والعالية الجودة. جميع مكوناتنا يتم اختيارها بعناية من أفضل الموردين.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-meat-pieces-wooden-board_141793-1393.jpg?_wi=1",
|
||||
imageAlt: "صاج لحم شهي",
|
||||
},
|
||||
tag: "المكونات", title: "مكونات يومية", subtitle: "طازة وعالية الجودة", description: "نستخدم أفضل المكونات الطازة والعالية الجودة. جميع مكوناتنا يتم اختيارها بعناية من أفضل الموردين.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-meat-pieces-wooden-board_141793-1393.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "التوصيل",
|
||||
title: "توصيل سريع",
|
||||
subtitle: "في أسرع وقت",
|
||||
description: "نوصل طلبك في أسرع وقت ممكن مع الحفاظ على جودة الطعام. فريقنا جاهز في كل وقت.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes-halal-food-top-view-copy-space_2829-14258.jpg?_wi=1",
|
||||
imageAlt: "فطور شامي",
|
||||
},
|
||||
tag: "التوصيل", title: "توصيل سريع", subtitle: "في أسرع وقت", description: "نوصل طلبك في أسرع وقت ممكن مع الحفاظ على جودة الطعام. فريقنا جاهز في كل وقت.", imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes-halal-food-top-view-copy-space_2829-14258.jpg"},
|
||||
{
|
||||
id: 4,
|
||||
tag: "الأصالة",
|
||||
title: "طعم شامي أصيل",
|
||||
subtitle: "وصفات تقليدية",
|
||||
description: "نتبع الوصفات التقليدية السورية الأصيلة. كل طبق يحكي قصة من قصص الشام العريقة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg?_wi=2",
|
||||
imageAlt: "شاورما عربية",
|
||||
},
|
||||
tag: "الأصالة", title: "طعم شامي أصيل", subtitle: "وصفات تقليدية", description: "نتبع الوصفات التقليدية السورية الأصيلة. كل طبق يحكي قصة من قصص الشام العريقة.", imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg"},
|
||||
]}
|
||||
buttons={[{ text: "اطلب الآن", href: "/order" }]}
|
||||
buttons={[{ text: "اطلب الآن", href: "#cta" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -168,31 +117,16 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "صاج دجاج",
|
||||
price: "25 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg?_wi=3",
|
||||
imageAlt: "صاج دجاج لذيذ",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "صاج دجاج", price: "25 ريال", imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg", imageAlt: "صاج دجاج لذيذ", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "صاج لحم",
|
||||
price: "30 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-meat-pieces-wooden-board_141793-1393.jpg?_wi=2",
|
||||
imageAlt: "صاج لحم شهي",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "صاج لحم", price: "30 ريال", imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-meat-pieces-wooden-board_141793-1393.jpg", imageAlt: "صاج لحم شهي", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "شاورما عربي",
|
||||
price: "20 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg?_wi=4",
|
||||
imageAlt: "شاورما عربية",
|
||||
initialQuantity: 1,
|
||||
id: "3", name: "شاورما عربي", price: "20 ريال", imageSrc: "http://img.b2bpic.net/free-photo/half-cut-chicken-shawarma-served-with-vegetable-salad_140725-5018.jpg", imageAlt: "شاورما عربية", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "عرض القائمة كاملة", href: "/menu" }]}
|
||||
buttons={[{ text: "عرض القائمة كاملة", href: "#menu-preview" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -210,41 +144,17 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "أحمد السلطان",
|
||||
role: "موظف",
|
||||
company: "جدة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
imageAlt: "صورة أحمد السلطان",
|
||||
},
|
||||
id: "1", name: "أحمد السلطان", role: "موظف", company: "جدة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "صورة أحمد السلطان"},
|
||||
{
|
||||
id: "2",
|
||||
name: "فاطمة الزهراني",
|
||||
role: "معلمة",
|
||||
company: "جدة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
imageAlt: "صورة فاطمة الزهراني",
|
||||
},
|
||||
id: "2", name: "فاطمة الزهراني", role: "معلمة", company: "جدة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "صورة فاطمة الزهراني"},
|
||||
{
|
||||
id: "3",
|
||||
name: "محمد العتيبي",
|
||||
role: "مهندس",
|
||||
company: "جدة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-group-young-happy-people-enjoying-lunch-while-talking-each-other-dining-table_637285-2880.jpg",
|
||||
imageAlt: "صورة محمد العتيبي",
|
||||
},
|
||||
id: "3", name: "محمد العتيبي", role: "مهندس", company: "جدة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-group-young-happy-people-enjoying-lunch-while-talking-each-other-dining-table_637285-2880.jpg", imageAlt: "صورة محمد العتيبي"},
|
||||
{
|
||||
id: "4",
|
||||
name: "نور القحطاني",
|
||||
role: "طالبة جامعية",
|
||||
company: "جدة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-showing-thumbs-up_1262-17575.jpg",
|
||||
imageAlt: "صورة نور القحطاني",
|
||||
},
|
||||
id: "4", name: "نور القحطاني", role: "طالبة جامعية", company: "جدة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-showing-thumbs-up_1262-17575.jpg", imageAlt: "صورة نور القحطاني"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -258,7 +168,7 @@ export default function HomePage() {
|
||||
description="اتصل بنا أو اطلب عبر الواتساب"
|
||||
subdescription="نحن هنا لخدمتك في أي وقت"
|
||||
icon={Phone}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-store-selling-iron-items_181624-57733.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-store-selling-iron-items_181624-57733.jpg"
|
||||
imageAlt="مطعم الصاج الشامي"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -270,17 +180,15 @@ export default function HomePage() {
|
||||
logoText="الصاج الشامي"
|
||||
columns={[
|
||||
{
|
||||
title: "الروابط السريعة",
|
||||
items: [
|
||||
{ label: "الرئيسية", href: "/" },
|
||||
{ label: "القائمة", href: "/menu" },
|
||||
{ label: "الطلب", href: "/order" },
|
||||
{ label: "عن المطعم", href: "/about" },
|
||||
title: "الروابط السريعة", items: [
|
||||
{ label: "الرئيسية", href: "#home" },
|
||||
{ label: "القائمة", href: "#menu-preview" },
|
||||
{ label: "الطلب", href: "#cta" },
|
||||
{ label: "عن المطعم", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "معلومات التواصل",
|
||||
items: [
|
||||
title: "معلومات التواصل", items: [
|
||||
{ label: "الهاتف: 0592375999", href: "tel:0592375999" },
|
||||
{ label: "واتساب", href: "https://wa.me/966592375999" },
|
||||
{ label: "الموقع: مشرفة - جدة", href: "#" },
|
||||
@@ -288,12 +196,11 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "القائمة",
|
||||
items: [
|
||||
{ label: "الصاج", href: "/menu" },
|
||||
{ label: "الشاورما", href: "/menu" },
|
||||
{ label: "الفطور الشامي", href: "/menu" },
|
||||
{ label: "المشروبات", href: "/menu" },
|
||||
title: "القائمة", items: [
|
||||
{ label: "الصاج", href: "#menu-preview" },
|
||||
{ label: "الشاورما", href: "#menu-preview" },
|
||||
{ label: "الفطور الشامي", href: "#menu-preview" },
|
||||
{ label: "المشروبات", href: "#menu-preview" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user