Merge version_2 into main #5
47
src/app/contact/page.tsx
Normal file
47
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "/" },
|
||||
{ name: "تواصل معنا", id: "/contact" },
|
||||
]}
|
||||
brandName="الشامل فود"
|
||||
/>
|
||||
<div className="min-h-screen pt-32 pb-20 px-4 flex flex-col items-center justify-center">
|
||||
<h1 className="text-4xl font-bold mb-8">اتصل بنا</h1>
|
||||
<p className="text-xl mb-4">يمكنكم التواصل معنا عبر الهاتف:</p>
|
||||
<a href="tel:0506992050" className="text-3xl font-bold text-primary">0506992050</a>
|
||||
</div>
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "القائمة", items: [{ label: "الرئيسية", href: "/" }] },
|
||||
{ title: "تواصل معنا", items: [{ label: "اتصل بنا", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 الشامل فود."
|
||||
bottomRightText="جميع الحقوق محفوظة."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
268
src/app/page.tsx
268
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "عن المطعم",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "القائمة",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "آراء الزوار",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "عن المطعم", id: "about" },
|
||||
{ name: "القائمة", id: "products" },
|
||||
{ name: "آراء الزوار", id: "testimonials" },
|
||||
{ name: "تواصل معنا", id: "/contact" },
|
||||
]}
|
||||
brandName="الشامل فود"
|
||||
/>
|
||||
@@ -59,17 +44,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="ألذ نكهات الكاري في مكة"
|
||||
description=""
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب الآن",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "اطلب الآن", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404302.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -81,18 +59,9 @@ export default function LandingPage() {
|
||||
title="أصالة المذاق الكيرالي"
|
||||
description="من قلب كيرالا إلى مكة، نحرص على تقديم تجربة طعام تقليدية تعتمد على المكونات الطازجة والوصفات الأصيلة التي تناقلتها الأجيال لضمان أفضل جودة."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "وصفة تقليدية",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "زائر يومياً",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
title: "سنوات خبرة",
|
||||
},
|
||||
{ value: "100+", title: "وصفة تقليدية" },
|
||||
{ value: "500+", title: "زائر يومياً" },
|
||||
{ value: "10", title: "سنوات خبرة" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -106,21 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "مكونات طازجة",
|
||||
description: "نستخدم أجود التوابل والمكونات الطبيعية يومياً",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "خدمة سريعة",
|
||||
description: "نحترم وقتك ونضمن سرعة التحضير والتقديم",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "أجواء عائلية",
|
||||
description: "نوفر مساحات مريحة لكل أفراد العائلة",
|
||||
},
|
||||
{ icon: Sparkles, title: "مكونات طازجة", description: "نستخدم أجود التوابل والمكونات الطبيعية يومياً" },
|
||||
{ icon: Zap, title: "خدمة سريعة", description: "نحترم وقتك ونضمن سرعة التحضير والتقديم" },
|
||||
{ icon: Users, title: "أجواء عائلية", description: "نوفر مساحات مريحة لكل أفراد العائلة" },
|
||||
]}
|
||||
title="لماذا تختار الشامل فود؟"
|
||||
description="نجمع بين سرعة الخدمة، جودة المكونات، والأجواء العائلية لنوفر لك تجربة لا تُنسى في كل زيارة."
|
||||
@@ -133,27 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000",
|
||||
title: "طلب مكتمل",
|
||||
description: "خدمنا الآلاف من الزوار بكل حب",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sous-chef-pressing-knife-cloves-make-crushed-garlic-cutting-board_482257-121114.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8",
|
||||
title: "تقييم الزوار",
|
||||
description: "نفخر برضا زبائننا المستمر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-carrot-injected-with-chemicals_23-2148536501.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "عودة الزوار",
|
||||
description: "زبائننا يثقون في طعمنا دائماً",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-pepper-syringe-filled-with-green-chemicals_23-2148536481.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15,000", title: "طلب مكتمل", description: "خدمنا الآلاف من الزوار بكل حب", imageSrc: "http://img.b2bpic.net/free-photo/sous-chef-pressing-knife-cloves-make-crushed-garlic-cutting-board_482257-121114.jpg" },
|
||||
{ id: "m2", value: "4.8", title: "تقييم الزوار", description: "نفخر برضا زبائننا المستمر", imageSrc: "http://img.b2bpic.net/free-photo/front-view-carrot-injected-with-chemicals_23-2148536501.jpg" },
|
||||
{ id: "m3", value: "95%", title: "عودة الزوار", description: "زبائننا يثقون في طعمنا دائماً", imageSrc: "http://img.b2bpic.net/free-photo/red-pepper-syringe-filled-with-green-chemicals_23-2148536481.jpg" },
|
||||
]}
|
||||
title="نجاحنا بلغة الأرقام"
|
||||
description="فخورون بثقة زوارنا الدائمين الذين اختارونا كوجهتهم المفضلة في مكة."
|
||||
@@ -165,61 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "محمد أحمد",
|
||||
date: "منذ يومين",
|
||||
title: "أفضل دوسا",
|
||||
quote: "الطعم كما هو في كيرالا بالضبط، ممتاز!",
|
||||
tag: "زائر دائم",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663832.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404302.jpg?_wi=2",
|
||||
imageAlt: "customer review portrait happy",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "سارة علي",
|
||||
date: "منذ أسبوع",
|
||||
title: "خدمة سريعة",
|
||||
quote: "لا يوجد انتظار طويل، الطعام طازج ولذيذ.",
|
||||
tag: "تجربة أولى",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg?_wi=2",
|
||||
imageAlt: "customer review portrait happy",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "خالد عمر",
|
||||
date: "منذ أسبوعين",
|
||||
title: "مثالي للعائلة",
|
||||
quote: "مكان مريح جداً للعوائل والطعم لا يُعلى عليه.",
|
||||
tag: "زائر دائم",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-bottle-oil-spices-spruce-branches-with-cones-garlic_140725-111635.jpg",
|
||||
imageAlt: "customer review portrait happy",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "ليلى حسن",
|
||||
date: "منذ شهر",
|
||||
title: "نكهة أصلية",
|
||||
quote: "بروتا ولا أروع، أنصح الجميع بتجربتها.",
|
||||
tag: "زائر دائم",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-holding-coffee-yellow_179666-38414.jpg",
|
||||
imageAlt: "customer review portrait happy",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "عبد الله سعد",
|
||||
date: "منذ شهرين",
|
||||
title: "مميز جداً",
|
||||
quote: "تجربة رائعة وتكررت مرات عديدة، شكراً لكم.",
|
||||
tag: "زائر دائم",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-male-student-with-thick-beard-sitting-wooden-table-with-mug-drinking-coffee-having-happy-cheerful-face-expression_273609-1763.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-home-celebration-greek-easter_23-2150206658.jpg",
|
||||
imageAlt: "customer review portrait happy",
|
||||
},
|
||||
{ id: "1", name: "محمد أحمد", date: "منذ يومين", title: "أفضل دوسا", quote: "الطعم كما هو في كيرالا بالضبط، ممتاز!", tag: "زائر دائم", avatarSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663832.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404302.jpg?_wi=2", imageAlt: "customer review portrait happy" },
|
||||
{ id: "2", name: "سارة علي", date: "منذ أسبوع", title: "خدمة سريعة", quote: "لا يوجد انتظار طويل، الطعام طازج ولذيذ.", tag: "تجربة أولى", avatarSrc: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg?_wi=2", imageAlt: "customer review portrait happy" },
|
||||
{ id: "3", name: "خالد عمر", date: "منذ أسبوعين", title: "مثالي للعائلة", quote: "مكان مريح جداً للعوائل والطعم لا يُعلى عليه.", tag: "زائر دائم", avatarSrc: "http://img.b2bpic.net/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-bottle-oil-spices-spruce-branches-with-cones-garlic_140725-111635.jpg", imageAlt: "customer review portrait happy" },
|
||||
]}
|
||||
title="ماذا يقول زوارنا؟"
|
||||
description="آراء وتجارب زبائننا الذين استمتعوا بأصالة المذاق في مطعم الشامل فود."
|
||||
@@ -233,60 +120,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "فطور",
|
||||
name: "ماسالا دوسا",
|
||||
price: "15 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lavash-wraps-plate-cutlery-set-grated-cheese-left-side-black-background_140725-142763.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "خبز",
|
||||
name: "بروتا كيرالي",
|
||||
price: "5 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-lavash-bread-inside-oven-tandir_114579-3560.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "أطباق رئيسية",
|
||||
name: "كاري اللحم",
|
||||
price: "25 ر.س",
|
||||
rating: 4,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-stew-table_23-2149371732.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "أطباق رئيسية",
|
||||
name: "كاري السمك",
|
||||
price: "30 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-chicken-soup-with-potato_140725-113415.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "خضار",
|
||||
name: "كاري الخضار",
|
||||
price: "18 ر.س",
|
||||
rating: 4,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-autumn-pumpkin-carrot-soup-with-cream-seeds-cilantro-micro-greens-comfort-food-fall-winter-healthy-slow-food-concept_127032-2976.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "مقبلات",
|
||||
name: "دجاج مقلي",
|
||||
price: "20 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-boneless-chicken-sauce-arrangement_23-2149972972.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "فطور", name: "ماسالا دوسا", price: "15 ر.س", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lavash-wraps-plate-cutlery-set-grated-cheese-left-side-black-background_140725-142763.jpg" },
|
||||
{ id: "p2", brand: "خبز", name: "بروتا كيرالي", price: "5 ر.س", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-lavash-bread-inside-oven-tandir_114579-3560.jpg" },
|
||||
{ id: "p3", brand: "أطباق رئيسية", name: "كاري اللحم", price: "25 ر.س", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-stew-table_23-2149371732.jpg" },
|
||||
]}
|
||||
title="قائمة الطعام المميزة"
|
||||
description="اكتشف تشكيلتنا من الأطباق التقليدية المحضرة بعناية لترضي ذوقك."
|
||||
@@ -298,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "هل المطعم يوفر خدمة التوصيل؟",
|
||||
content: "نعم، نوفر خدمة توصيل سريعة عبر تطبيقات التوصيل الشهيرة.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "هل يتوفر مساحة للعائلات؟",
|
||||
content: "نعم، نوفر مناطق جلوس مريحة وخصوصية للعائلات.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "ما هي ساعات العمل؟",
|
||||
content: "نعمل يومياً من الساعة 12 ظهراً وحتى 1 صباحاً.",
|
||||
},
|
||||
{ id: "f1", title: "هل المطعم يوفر خدمة التوصيل؟", content: "نعم، نوفر خدمة توصيل سريعة عبر تطبيقات التوصيل الشهيرة." },
|
||||
{ id: "f2", title: "هل يتوفر مساحة للعائلات؟", content: "نعم، نوفر مناطق جلوس مريحة وخصوصية للعائلات." },
|
||||
{ id: "f3", title: "ما هي ساعات العمل؟", content: "نعمل يومياً من الساعة 12 ظهراً وحتى 1 صباحاً." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-waiter-restaurant-is-serving-young-lady-meal_8353-10594.jpg"
|
||||
title="أسئلة شائعة"
|
||||
@@ -321,47 +145,11 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="تواصل معنا"
|
||||
title="اشترك للحصول على عروضنا"
|
||||
description="احصل على أحدث عروضنا وخصوماتنا الحصرية مباشرة عبر بريدك الإلكتروني."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "القائمة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "القائمة",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل معنا",
|
||||
items: [
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "الموقع",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "القائمة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "القائمة", href: "#products" }] },
|
||||
{ title: "تواصل معنا", items: [{ label: "اتصل بنا", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 الشامل فود."
|
||||
bottomRightText="جميع الحقوق محفوظة."
|
||||
@@ -370,4 +158,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user