Update src/app/page.tsx
This commit is contained in:
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Star, Users, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -60,31 +60,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
title="قصتنا في الجودة"
|
||||
metrics={[
|
||||
{ icon: Award, label: "سنوات من التميز", value: "١٠+" },
|
||||
{ icon: Users, label: "عملاء سعداء", value: "٥٠ ألف" },
|
||||
{ icon: Award, label: "وصفات فريدة", value: "٢٥" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
description="نحن نؤمن بأن البرجر الحقيقي يبدأ باختيار أفضل المكونات المحلية بعناية فائقة."
|
||||
subdescription="سنوات من الخبرة في تقديم البرجر الذي يلامس ذائقتكم."
|
||||
icon={Award}
|
||||
tag="عنّا"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-smiling-eating-burger_140725-8137.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "برجر وطني كلاسيك", price: "٤٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burger-with-fried-egg_23-2148784517.jpg" },
|
||||
{ id: "2", name: "دبل تشيز برجر", price: "٥٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg" },
|
||||
{ id: "3", name: "برجر الدجاج المقرمش", price: "٤٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-beef-burgers-with-bacon-beer_23-2148784481.jpg" },
|
||||
{ id: "4", name: "برجر واغيو فاخر", price: "٨٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-black-bread_1203-2383.jpg" },
|
||||
{ id: "5", name: "سلايدر تريو", price: "٦٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries-wooden-board_140725-4506.jpg" },
|
||||
{ id: "6", name: "برجر المدخن", price: "٥٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-tasty-sauces_23-2148290625.jpg" },
|
||||
{ id: "1", name: "برجر وطني كلاسيك", price: "٤٥ ر.س", variant: "لحم", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burger-with-fried-egg_23-2148784517.jpg" },
|
||||
{ id: "2", name: "دبل تشيز برجر", price: "٥٥ ر.س", variant: "لحم", imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg" },
|
||||
{ id: "3", name: "برجر الدجاج المقرمش", price: "٤٠ ر.س", variant: "دجاج", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-beef-burgers-with-bacon-beer_23-2148784481.jpg" },
|
||||
{ id: "4", name: "برجر واغيو فاخر", price: "٨٥ ر.س", variant: "لحم", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-black-bread_1203-2383.jpg" },
|
||||
]}
|
||||
title="قائمتنا الفاخرة"
|
||||
description="نختار أجود أنواع اللحوم والأجبان لتقديم برجر يليق بطلبكم."
|
||||
@@ -92,36 +89,27 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="ماذا يقول عملاؤنا"
|
||||
cardTag="آراء العملاء"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
kpiItems={[
|
||||
{ value: "٤.٩/٥", label: "التقييم العام" },
|
||||
{ value: "١٠٠%", label: "طعم طازج" },
|
||||
{ value: "٩٥%", label: "سرعة خدمة" },
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "أحمد محمد", role: "عاشق البرجر", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-eating-burger_140725-8137.jpg" },
|
||||
{ id: "2", name: "خالد فيصل", role: "خبير تذوق", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-eating-delicious-burger_140725-8138.jpg" },
|
||||
{ id: "3", name: "فيصل العتيبي", role: "عميل دائم", company: "الدمام", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-eating-burger-studio_140725-8139.jpg" },
|
||||
{ id: "4", name: "منصور العلي", role: "ناقد طعام", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-eating-burger_140725-8140.jpg" },
|
||||
{ id: "5", name: "خالد المنصور", role: "كاتب تقييم", company: "الخبر", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-eating-burger_140725-8141.jpg" },
|
||||
{ id: "1", name: "أحمد محمد", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-eating-burger_140725-8137.jpg" },
|
||||
{ id: "2", name: "خالد فيصل", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-delicious-burger_140725-8138.jpg" },
|
||||
{ id: "3", name: "فيصل العتيبي", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-burger-studio_140725-8139.jpg" },
|
||||
]}
|
||||
title="ماذا يقول عملاؤنا"
|
||||
description="نحن نفخر برضاكم التام ونسعى دائماً لتطوير التجربة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Utensils, title: "طلبات يومية", value: "٥٠٠+" },
|
||||
{ id: "m2", icon: Star, title: "نجوم تذوق", value: "١٠٠k" },
|
||||
{ id: "m3", icon: Award, title: "أفضل مطعم", value: "٥" },
|
||||
{ id: "m1", title: "الطلبات", value: "٥٠٠+", items: ["لحوم طازجة", "خبز محلي"] },
|
||||
{ id: "m2", title: "الرضا", value: "١٠٠k", items: ["تقييمات ممتازة", "جودة عالية"] },
|
||||
]}
|
||||
title="أرقامنا تتحدث"
|
||||
description="الجودة هي أساس نجاحنا المستمر."
|
||||
@@ -129,14 +117,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "solo", price: "٧٩ ر.س", subtitle: "وجبة الفرد الواحد", badge: "مميز", features: ["برجر من اختيارك", "بطاطس", "مشروب"] },
|
||||
{ id: "duo", price: "١٤٩ ر.س", subtitle: "وجبة الثنائي", badge: "شائع", features: ["٢ برجر", "بطاطس حجم كبير", "٢ مشروب"] },
|
||||
{ id: "family", price: "٢٩٩ ر.س", subtitle: "وجبة العائلة", badge: "عائلي", features: ["٥ برجر متنوع", "صحن مقبلات", "مشروبات عائلية"] },
|
||||
{ id: "solo", price: "٧٩", period: "وجبة", tag: "مميز", description: "وجبة الفرد الواحد", button: { text: "اطلب الآن" }, featuresTitle: "المميزات", features: ["برجر", "بطاطس", "مشروب"] },
|
||||
{ id: "duo", price: "١٤٩", period: "وجبة", tag: "شائع", description: "وجبة الثنائي", button: { text: "اطلب الآن" }, featuresTitle: "المميزات", features: ["٢ برجر", "بطاطس", "٢ مشروب"] },
|
||||
]}
|
||||
title="وجباتنا العائلية"
|
||||
description="وفر أكثر مع وجبات المشاركة الفاخرة."
|
||||
@@ -144,13 +131,12 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqDouble
|
||||
useInvertedBackground={false}
|
||||
description="تفضل بالاطلاع على أكثر الأسئلة تكراراً حول مطعمنا."
|
||||
faqs={[
|
||||
{ id: "q1", title: "هل اللحوم طازجة؟", content: "نعم، نستخدم لحوم طازجة محلية ١٠٠٪." },
|
||||
{ id: "q2", title: "هل يتوفر توصيل؟", content: "نعم، نوفر توصيل سريع لجميع المناطق." },
|
||||
{ id: "q3", title: "كيف أطلب؟", content: "يمكنك الطلب عبر الموقع أو تطبيقات التوصيل." },
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -159,25 +145,23 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
title="احجز طاولتك الآن"
|
||||
description="جاهزون لخدمتك في أي وقت. تواصل للحجز أو الاستفسار."
|
||||
tag="تواصل معنا"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[{ text: "اتصل بنا" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-eating-burger-studio_140725-8139.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterLogoEmphasis
|
||||
logoText="وطني برجر"
|
||||
columns={[
|
||||
{ title: "القائمة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#product" }] },
|
||||
{ title: "عنّا", items: [{ label: "قصتنا", href: "#about" }, { label: "الاستفسارات", href: "#faq" }] },
|
||||
{ title: "تواصل", items: [{ label: "اتصل بنا", href: "#contact" }, { label: "تويتر", href: "#" }] },
|
||||
{ items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#product" }] },
|
||||
{ items: [{ label: "قصتنا", href: "#about" }, { label: "اتصل بنا", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© ٢٠٢٥ وطني برجر"
|
||||
bottomRightText="جميع الحقوق محفوظة"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user