267 lines
14 KiB
TypeScript
267 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, CheckCircle, Flame } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "الرئيسية", id: "hero"},
|
|
{
|
|
name: "عن المطعم", id: "about"},
|
|
{
|
|
name: "القائمة", id: "products"},
|
|
{
|
|
name: "اتصل بنا", id: "contact"},
|
|
]}
|
|
brandName="بيت الكفتة - عدلي"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="أصالة المطبخ المصري في كل لقمة"
|
|
description="نقدم لكم كفتة عدلي الأصلية، محضرة على الطريقة التقليدية بأجود أنواع اللحوم الطازجة والخلطات السرية."
|
|
testimonials={[
|
|
{
|
|
name: "أحمد علي", handle: "@ahmed", testimonial: "أفضل كفتة أكلتها في حياتي، طعم زمان الأصلي.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-female-has-curly-hair-chats-online-social-networks-with-friends-uses-modern-electronic-gadget-internet-sits-coffee-shop-with-exotic-drink-dish-technology-concept_273609-2193.jpg"},
|
|
{
|
|
name: "منى حسن", handle: "@mona", testimonial: "خدمة ممتازة وأكل نظيف جداً، أنصح به بشدة.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg"},
|
|
{
|
|
name: "خالد محمود", handle: "@khaled", testimonial: "الطعم المصري الحقيقي موجود هنا.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-review_23-2151952995.jpg"},
|
|
{
|
|
name: "سارة إبراهيم", handle: "@sara", testimonial: "تجربة رائعة وتعودت دائماً على هذا المستوى.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg"},
|
|
{
|
|
name: "محمد فهمي", handle: "@mohamed", testimonial: "الخدمة سريعة والكفتة تذوب في الفم.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-mother-girl-with-good-reviews_23-2149394415.jpg"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "اطلب الآن", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers-veggies-plate_23-2148651119.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg", alt: "happy guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-sitting-room-watching-videos-laptop-eating-lunch-breakfast_1258-254353.jpg", alt: "happy guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5046.jpg", alt: "happy guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg", alt: "happy guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-making-ok-sign-white-background_1368-4167.jpg", alt: "happy guest"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "لحوم طازجة"},
|
|
{
|
|
type: "text", text: "شواء على الفحم"},
|
|
{
|
|
type: "text", text: "خدمة ممتازة"},
|
|
{
|
|
type: "text", text: "تجربة أصيلة"},
|
|
{
|
|
type: "text", text: "جودة عالية"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="قصة مطعم عدلي"
|
|
description="منذ سنوات، وضعنا نصب أعيننا تقديم أفضل تجربة كفتة مصرية. نختار اللحوم بعناية ونتبع وصفات الأجداد لضمان النكهة التي تميزنا في قلب المدينة."
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cooking_23-2150980298.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: CheckCircle,
|
|
title: "لحوم طازجة", description: "نستخدم أجود أنواع اللحوم المحلية الطازجة يومياً."},
|
|
{
|
|
icon: Flame,
|
|
title: "شواء على الفحم", description: "نستخدم الفحم الطبيعي للحصول على طعم أصيل."},
|
|
{
|
|
icon: Award,
|
|
title: "وصفات أصلية", description: "توابلنا خاصة ومستوحاة من التراث المصري العريق."},
|
|
]}
|
|
title="سر تميزنا"
|
|
description="ما يجعلنا الخيار الأول لعشاق المشويات."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "كفتة عدلي", price: "120 ج.م", variant: "مشوي", imageSrc: "http://img.b2bpic.net/free-photo/lule-kebab-with-side-onion-ketchup_140725-1810.jpg"},
|
|
{
|
|
id: "2", name: "شيش طاووق", price: "130 ج.م", variant: "مشوي", imageSrc: "http://img.b2bpic.net/free-photo/turkish-delicious-kebab-sandwich-top-view_23-2148651033.jpg"},
|
|
{
|
|
id: "3", name: "مشكل مشويات", price: "250 ج.م", variant: "مشوي", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-grilled-vegetables-barbecque-sauce_114579-2870.jpg"},
|
|
{
|
|
id: "4", name: "محشي ورق عنب", price: "60 ج.م", variant: "جانبي", imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-leaf-dolma-with-yogurt-dark-surface_140725-75421.jpg"},
|
|
{
|
|
id: "5", name: "سلطة خضراء", price: "25 ج.م", variant: "مقبلات", imageSrc: "http://img.b2bpic.net/free-photo/side-view-greek-saladlettuce-tomatoes-feta-cheese-cucumbers-black-olives-purple-onion-dark-wooden-table_176474-3109.jpg"},
|
|
{
|
|
id: "6", name: "أرز بالخلطة", price: "35 ج.م", variant: "جانبي", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-pilaf-bottle-oil-spoon-checkered-tablecloth_140725-78675.jpg"},
|
|
]}
|
|
title="قائمة المشويات"
|
|
description="تذوق أشهى الأصناف التي نحضرها لك بكل حب."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "fam-1", badge: "الأكثر طلباً", price: "500 ج.م", subtitle: "يكفي 4 أفراد", buttons: [
|
|
{
|
|
text: "اطلب الآن", href: "#"},
|
|
],
|
|
features: [
|
|
"كفتة", "أرز", "سلطات"],
|
|
},
|
|
{
|
|
id: "fam-2", badge: "عرض التوفير", price: "900 ج.م", subtitle: "يكفي 8 أفراد", buttons: [
|
|
{
|
|
text: "اطلب الآن", href: "#"},
|
|
],
|
|
features: [
|
|
"مشكل مشويات", "محاشي", "مقبلات", "مشروبات"],
|
|
},
|
|
]}
|
|
title="عروض العائلة"
|
|
description="اختار العرض الذي يناسب تجمعكم العائلي."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "تجربة رائعة", quote: "أفضل مطعم كفتة في المدينة، نظافة وطعم لا يُعلى عليه.", name: "أحمد علي", role: "زبون دائم", imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-sits-outdoors-eats-delicious-sandwich-looks-gladfully-away-prefers-junk-food-dressed-casual-clothes-has-lunch-break-after-strolling-city-people-lifestyle-nutrition_273609-59180.jpg"},
|
|
{
|
|
id: "t2", title: "مستوى عالٍ", quote: "خدمة ممتازة وأطباق متنوعة ولذيذة جداً.", name: "منى حسن", role: "زبونة", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg"},
|
|
{
|
|
id: "t3", title: "طعم زمان", quote: "كل مرة أطلب فيها أشعر كأني في منزلي.", name: "خالد محمود", role: "زبون", imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg"},
|
|
{
|
|
id: "t4", title: "ممتاز", quote: "سعر مقابل قيمة رائع جداً.", name: "سارة إبراهيم", role: "زبونة", imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg"},
|
|
{
|
|
id: "t5", title: "أنصح به", quote: "مطعم راقٍ وأكل أصيل.", name: "محمد فهمي", role: "زبون", imageSrc: "http://img.b2bpic.net/free-photo/girls-eating-restaurant_23-2148172639.jpg"},
|
|
]}
|
|
title="رأي عملائنا"
|
|
description="كلمات تفتخر بها عائلة عدلي."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "هل يوجد توصيل؟", content: "نعم، نوفر خدمة توصيل سريعة لجميع المناطق."},
|
|
{
|
|
id: "q4", title: "هل هناك رسوم توصيل أو حد أدنى للطلب؟", content: "نعم، يتم تحديد رسوم التوصيل حسب المنطقة، والحد الأدنى للطلب هو 150 ج.م."},
|
|
{
|
|
id: "q2", title: "هل يمكن حجز حفلات؟", content: "بالتأكيد، يمكنكم التواصل معنا لحجز حفلاتكم ومناسباتكم الخاصة."},
|
|
{
|
|
id: "q3", title: "ما هي ساعات العمل؟", content: "نعمل يومياً من 12 ظهراً وحتى 12 بعد منتصف الليل."},
|
|
]}
|
|
title="الأسئلة الشائعة"
|
|
description="إجابات على كل ما يدور في ذهنك."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
text="هل ترغب في طلب وجبتك المفضلة أو الاستفسار؟ نحن في خدمتك. يمكنك الاتصال بنا على رقمنا في السعودية: +966 50 000 0000 | مصر: +20 10 000 0000"
|
|
buttons={[
|
|
{
|
|
text: "اتصل بنا الآن", href: "tel:+966500000000"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "روابط سريعة", items: [
|
|
{
|
|
label: "الرئيسية", href: "#hero"},
|
|
{
|
|
label: "القائمة", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "تواصل معنا", items: [
|
|
{
|
|
label: "فيسبوك", href: "#"},
|
|
{
|
|
label: "إنستغرام", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="بيت الكفتة عدلي"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |