diff --git a/src/app/page.tsx b/src/app/page.tsx index ce9985a..7897419 100644 --- a/src/app/page.tsx +++ b/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: "ابحث عن طبقك المفضل"}} /> @@ -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" /> @@ -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" /> @@ -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: "صورة نور القحطاني"}, ]} /> @@ -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" }, ], }, ]}