Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
|
||||
@@ -27,28 +27,13 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "عنّا",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "القائمة",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "الآراء",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "#hero" },
|
||||
{ name: "عنّا", id: "#about" },
|
||||
{ name: "القائمة", id: "#menu" },
|
||||
{ name: "الآراء", id: "#testimonials" },
|
||||
{ name: "تواصل معنا", id: "#contact" },
|
||||
]}
|
||||
brandName="مأكولات نور فاطمة"
|
||||
/>
|
||||
@@ -57,63 +42,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="مأكولات نور فاطمة: طعم المنزل في كل وجبة"
|
||||
description="نقدم لكم تشكيلة واسعة من المأكولات البيتية المحضرة بحب وعناية، باستخدام أفضل المكونات الطازجة لضمان تجربة لا تُنسى."
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب الآن",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "اطلب الآن", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893522.jpg"
|
||||
imageAlt="مأكولات منزلية"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-seasonings-dark-desk-dinner-cooking-meal-potato-dish_140725-102122.jpg",
|
||||
alt: "Top view tasty cooked potatoes delicious dish with greens and seasonings",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-seasonings-dark-surface-dinner-cooking-meal-potato-dish_140725-102121.jpg",
|
||||
alt: "Top view tasty cooked potatoes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893452.jpg",
|
||||
alt: "Top view over food banquet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139471.jpg",
|
||||
alt: "Top view on table full of various types of food",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-fresh-peaches-bowl-with-persimmons-bucket-with-peanuts-wooden-bowl-white-wooden-background_141793-84376.jpg",
|
||||
alt: "Top view of fresh peaches",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-seasonings-dark-desk-dinner-cooking-meal-potato-dish_140725-102122.jpg" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-seasonings-dark-surface-dinner-cooking-meal-potato-dish_140725-102121.jpg" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893452.jpg" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139471.jpg" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-fresh-peaches-bowl-with-persimmons-bucket-with-peanuts-wooden-bowl-white-wooden-background_141793-84376.jpg" },
|
||||
]}
|
||||
avatarText="ينصح به من قبل عملائنا المميزين"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "مكونات طبيعية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "تحضير يومي طازج",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "نكهة منزلية أصيلة",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "توصيل سريع",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "جودة عالية",
|
||||
},
|
||||
{ type: "text", text: "مكونات طبيعية" },
|
||||
{ type: "text", text: "تحضير يومي طازج" },
|
||||
{ type: "text", text: "نكهة منزلية أصيلة" },
|
||||
{ type: "text", text: "توصيل سريع" },
|
||||
{ type: "text", text: "جودة عالية" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,48 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "كبسة دجاج منزلية",
|
||||
price: "٨٠ ريال",
|
||||
variant: "وجبة غداء",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-lamb-ribs-served-with-smoked-tomato-arugula-pepper_140725-4906.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "محاشي مشكلة",
|
||||
price: "٦٠ ريال",
|
||||
variant: "طبق جانبي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pepper-dill-with-parsley-around-salad_23-2147778427.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "حلى عائلي",
|
||||
price: "٤٥ ريال",
|
||||
variant: "حلويات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-foods-ceramic-dishes_114579-15381.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "شوربة عدس",
|
||||
price: "٢٠ ريال",
|
||||
variant: "شوربات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mussels-with-arugula-grilled-tomato-bread-sticks-sesame_140725-11084.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "فتوش شامي",
|
||||
price: "٢٥ ريال",
|
||||
variant: "سلطات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-ingredients-with-greens-chicken-dark-table-diet-health-salad_140725-124876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "معجنات مشكلة",
|
||||
price: "٣٥ ريال",
|
||||
variant: "مقبلات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cake-decorated-orange-with-chocolate-biscuits-black-table_140725-86456.jpg",
|
||||
},
|
||||
{ id: "p1", name: "كبسة دجاج منزلية", price: "٨٠ ريال", variant: "وجبة غداء", imageSrc: "http://img.b2bpic.net/free-photo/plate-lamb-ribs-served-with-smoked-tomato-arugula-pepper_140725-4906.jpg" },
|
||||
{ id: "p2", name: "محاشي مشكلة", price: "٦٠ ريال", variant: "طبق جانبي", imageSrc: "http://img.b2bpic.net/free-photo/pepper-dill-with-parsley-around-salad_23-2147778427.jpg" },
|
||||
{ id: "p3", name: "حلى عائلي", price: "٤٥ ريال", variant: "حلويات", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-foods-ceramic-dishes_114579-15381.jpg" },
|
||||
{ id: "p4", name: "شوربة عدس", price: "٢٠ ريال", variant: "شوربات", imageSrc: "http://img.b2bpic.net/free-photo/mussels-with-arugula-grilled-tomato-bread-sticks-sesame_140725-11084.jpg" },
|
||||
{ id: "p5", name: "فتوش شامي", price: "٢٥ ريال", variant: "سلطات", imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-ingredients-with-greens-chicken-dark-table-diet-health-salad_140725-124876.jpg" },
|
||||
{ id: "p6", name: "معجنات مشكلة", price: "٣٥ ريال", variant: "مقبلات", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cake-decorated-orange-with-chocolate-biscuits-black-table_140725-86456.jpg" },
|
||||
]}
|
||||
title="قائمة مأكولاتنا المختارة"
|
||||
description="اكتشفوا تشكيلتنا من الأطباق اللذيذة المحضرة يومياً."
|
||||
@@ -187,31 +102,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "أحمد سعيد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "سارة علي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "محمد حسن",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "ليلى محمود",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "خالد عمر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-eating-salad_23-2148238949.jpg",
|
||||
},
|
||||
{ id: "t1", name: "أحمد سعيد", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg" },
|
||||
{ id: "t2", name: "سارة علي", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
|
||||
{ id: "t3", name: "محمد حسن", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
|
||||
{ id: "t4", name: "ليلى محمود", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg" },
|
||||
{ id: "t5", name: "خالد عمر", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-eating-salad_23-2148238949.jpg" },
|
||||
]}
|
||||
cardTitle="ماذا يقول عملائنا؟"
|
||||
cardTag="آراء العملاء"
|
||||
@@ -224,21 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "هل يتوفر توصيل للمنازل؟",
|
||||
content: "نعم، نوفر خدمة توصيل سريعة لكافة أحياء المدينة.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "كيف يمكنني تقديم طلب؟",
|
||||
content: "يمكنك الطلب عبر الواتساب أو الاتصال بنا مباشرة.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "هل تستخدمون مكونات طازجة؟",
|
||||
content: "بالتأكيد، كل وجباتنا تُحضر طازجة يومياً من أجود المكونات.",
|
||||
},
|
||||
{ id: "f1", title: "هل يتوفر توصيل للمنازل؟", content: "نعم، نوفر خدمة توصيل سريعة لكافة أحياء المدينة." },
|
||||
{ id: "f2", title: "كيف يمكنني تقديم طلب؟", content: "يمكنك الطلب عبر الواتساب أو الاتصال بنا مباشرة." },
|
||||
{ id: "f3", title: "هل تستخدمون مكونات طازجة؟", content: "بالتأكيد، كل وجباتنا تُحضر طازجة يومياً من أجود المكونات." },
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="إجابات على الأسئلة الأكثر تكراراً حول طلباتنا."
|
||||
@@ -252,52 +135,27 @@ export default function LandingPage() {
|
||||
title="يسعدنا تواصلكم معنا"
|
||||
description="لأي استفسار أو طلبات خاصة، لا تترددوا بمراسلتنا."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "الاسم الكريم",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "رقم الهاتف",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "الاسم الكريم", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "رقم الهاتف", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/raw-white-rice-scattered-textured-wooden-surface_23-2148097181.jpg"
|
||||
<FooterBaseReveal
|
||||
logoText="مأكولات نور فاطمة"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "منيو",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "روابط سريعة", items: [
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "منيو", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "اتصل بنا",
|
||||
items: [
|
||||
{
|
||||
label: "واتساب",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "إنستغرام",
|
||||
href: "#",
|
||||
},
|
||||
title: "اتصل بنا", items: [
|
||||
{ label: "واتساب", href: "#" },
|
||||
{ label: "إنستغرام", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user