Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 44dbb95f49 | |||
| 747fda0c5a | |||
| dbab26a434 | |||
| cd4aaaf6a4 | |||
| 52bee85010 |
218
src/app/page.tsx
218
src/app/page.tsx
@@ -8,8 +8,6 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import { Utensils } from "lucide-react";
|
import { Utensils } from "lucide-react";
|
||||||
|
|
||||||
@@ -21,61 +19,42 @@ export default function LandingPage() {
|
|||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="small"
|
contentWidth="small"
|
||||||
sizing="largeSmall"
|
sizing="largeSmall"
|
||||||
background="none"
|
background="noise"
|
||||||
cardStyle="outline"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="flat"
|
primaryButtonStyle="diagonal-gradient"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "الرئيسية", id: "hero" },
|
||||||
name: "الرئيسية",
|
{ name: "عن المطعم", id: "about" },
|
||||||
id: "hero",
|
{ name: "قائمتنا", id: "products" },
|
||||||
},
|
{ name: "اتصل بنا", id: "contact" },
|
||||||
{
|
|
||||||
name: "نبذة عنا",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "قائمة الطعام",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "المراجعات",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "اتصل بنا",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="مطبخ بصرتنا"
|
brandName="مطبخ الأخوين"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="مطبخ بصرتنا"
|
logoText="مطبخ الأخوين | فاست فود أصيل"
|
||||||
description="تجربة طعام شرقية أصيلة في قلب البصرة. مأكولاتنا تُحضر خصيصاً لترضي ذائقتك."
|
description="أسرع وأشهى الوجبات السريعة في البصرة. فلافل مقرمشة، ساندوتشات طازجة، ونكهات لا تُقاوم على مدار الساعة."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "اطلب وجبتك السريعة الآن", href: "tel:07736000239" },
|
||||||
text: "اطلب الآن",
|
|
||||||
href: "https://talabat.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-food-table_23-2149882892.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/falafel-with-hummus_144627-12497.jpg"
|
||||||
imageAlt="أطباق شرقية فاخرة من مطبخ بصرتنا"
|
imageAlt="أطباق الفلافل والوجبات السريعة في مطبخ الأخوين"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="أصالة المذاق في كل طبق"
|
title="خبرة في سرعة المذاق"
|
||||||
tag="تراثنا"
|
tag="مطعم فاست فود رائد"
|
||||||
tagIcon={Utensils}
|
tagIcon={Utensils}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -88,178 +67,51 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "فلافل الأخوين العملاقة", price: "1,000 د.ع", variant: "الأكثر طلباً", imageSrc: "http://img.b2bpic.net/free-photo/falafel-balls_144627-1428.jpg"},
|
||||||
name: "مطبگ دجاج",
|
|
||||||
price: "15,000 د.ع",
|
|
||||||
variant: "طبق رئيسي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-pizza_1339-2785.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "صمونة فلافل فاخرة", price: "1,500 د.ع", variant: "ساندوتش", imageSrc: "http://img.b2bpic.net/free-photo/shawarma-wrap_144627-512.jpg"},
|
||||||
name: "سمك مشوي",
|
|
||||||
price: "20,000 د.ع",
|
|
||||||
variant: "طبق رئيسي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-pork-white-plate_1150-21299.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "مقبلات جانبية طازجة", price: "2,000 د.ع", variant: "جانبي", imageSrc: "http://img.b2bpic.net/free-photo/hummus-bowl_144627-1982.jpg"},
|
||||||
name: "مشويات مشكلة",
|
|
||||||
price: "18,000 د.ع",
|
|
||||||
variant: "طبق رئيسي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbecue-chicken-skewer-with-vegetable-salad-slice-lemon_141793-4763.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "عصير طبيعي منعش", price: "1,000 د.ع", variant: "مشروبات", imageSrc: "http://img.b2bpic.net/free-photo/fresh-juice_144627-987.jpg"},
|
||||||
name: "مقبلات شرقية",
|
|
||||||
price: "5,000 د.ع",
|
|
||||||
variant: "جانبي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-hearty-vegetable-soup-with-red-beans-peas-carrots-tomatoes-garnished-with-fresh-basil-leaves_9975-124780.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "بقلاوة",
|
|
||||||
price: "7,000 د.ع",
|
|
||||||
variant: "حلويات",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-decorated-with-orange-chocolate-with-other-cookies-dark-table-footage_140725-86315.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "لبن طبيعي",
|
|
||||||
price: "2,000 د.ع",
|
|
||||||
variant: "مشروب",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lemon-slices-with-two-portions-salads-pepper-slices-serving-pan-marble-surface_114579-71218.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="أطباقنا المميزة"
|
title="قائمة الوجبات السريعة"
|
||||||
description="اكتشف تشكيلتنا الواسعة من المأكولات الشرقية التي نحضرها بكل حب."
|
description="مذاق سريع، طازج، وفي متناول يدك دائماً."
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTen
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
title: "تجربة رائعة",
|
|
||||||
quote: "مطبخ كلش راقي يقدم الوجبات الشرقية بأسعار مناسبة وطعم لذيذ.",
|
|
||||||
name: "حسن خالد",
|
|
||||||
role: "زبون",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-peace-white-wall-healthy-fitness-nutrition_176420-10123.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "ممتاز",
|
|
||||||
quote: "طبخهم طيب ومناسب للغداء، مطبگ الدجاج والبرياني لا يعلى عليه.",
|
|
||||||
name: "د. عمار جاسم",
|
|
||||||
role: "زبون",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-smiling-talking-phone_23-2148850590.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "جودة عالية",
|
|
||||||
quote: "طعم أصيل وخدمة توصيل سريعة، دائماً خياري الأول.",
|
|
||||||
name: "علياء محمد",
|
|
||||||
role: "زبون",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20334.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "طعم لا ينسى",
|
|
||||||
quote: "الأكل طازج والنظافة عالية، شكراً لكم على المجهود.",
|
|
||||||
name: "سارة أحمد",
|
|
||||||
role: "زبون",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-while-sitting-table_23-2148435789.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
title: "خدمة مميزة",
|
|
||||||
quote: "سرعة في التوصيل وطعم البيوت، كل التوفيق لكم.",
|
|
||||||
name: "ياسر محمود",
|
|
||||||
role: "زبون",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-chicken-wings_23-2150347933.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="ماذا يقول عملاؤنا"
|
|
||||||
description="نحن فخورون بخدمة مجتمعنا وتقديم أفضل ما لدينا."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "كم تستغرق تجهيز الطلبات؟", content: "نحن متخصصون في الوجبات السريعة؛ يتم تحضير طلبك في دقائق معدودة بفضل فريقنا المحترف."},
|
||||||
title: "هل يتوفر لديكم توصيل؟",
|
|
||||||
content: "نعم، نوفر خدمة توصيل سريعة وموثوقة لجميع مناطق البصرة.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "هل تتوفر خدمات التوصيل؟", content: "نعم، نوفر خدمة توصيل سريعة لجميع أنحاء البصرة لضمان وصول وجبتك ساخنة."},
|
||||||
title: "ما هي أوقات العمل؟",
|
|
||||||
content: "نستقبل طلباتكم يومياً من الساعة ٨ صباحاً.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "هل يمكنني طلب الطعام مسبقاً؟",
|
|
||||||
content: "نعم، نختص بالأكلات التي تطلب مسبقاً لضمان الجودة والطعم الطازج.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="أسئلة شائعة"
|
sideTitle="أسئلة سريعة"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="socialProof" data-section="socialProof">
|
|
||||||
<SocialProofOne
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
names={[
|
|
||||||
"طلبات",
|
|
||||||
"توصيل سريع",
|
|
||||||
"بصرة فود",
|
|
||||||
"مطاعم العراق",
|
|
||||||
"خدمة النخبة",
|
|
||||||
]}
|
|
||||||
title="شركاؤنا في الخدمة"
|
|
||||||
description="نتعاون مع أفضل منصات التوصيل لنضمن وصول طلبك إليك ساخناً."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
tag="اطلب الآن"
|
||||||
}}
|
title="نحن في خدمتكم 24/7"
|
||||||
tag="اتصل بنا"
|
description="استمتع بوجبتك المفضلة في مطبخ الأخوين - البصرة."
|
||||||
title="جاهز للطلب؟"
|
|
||||||
description="تواصل معنا مباشرة عبر الهاتف أو اطلب عبر منصات التوصيل."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "اتصل بنا: 07736000239", href: "tel:07736000239" },
|
||||||
text: "اتصل الآن: 07736000239",
|
|
||||||
href: "tel:07736000239",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "الطلب عبر طلبات",
|
|
||||||
href: "https://talabat.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="مطبخ بصرتنا"
|
logoText="مطبخ الأخوين"
|
||||||
leftLink={{
|
leftLink={{ text: "سياسة الخصوصية", href: "#" }}
|
||||||
text: "الخصوصية",
|
rightLink={{ text: "© 2025 جميع الحقوق محفوظة", href: "#" }}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
|
||||||
text: "جميع الحقوق محفوظة ٢٠٢٤",
|
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f5f4ef;
|
--background: #120a00;
|
||||||
--card: #dad6cd;
|
--card: #1a0d00;
|
||||||
--foreground: #2a2928;
|
--foreground: #fffaf5;
|
||||||
--primary-cta: #2a2928;
|
--primary-cta: #ff6207;
|
||||||
--primary-cta-text: #f5f4ef;
|
--primary-cta-text: #f5f4ef;
|
||||||
--secondary-cta: #ecebea;
|
--secondary-cta: #2a1805;
|
||||||
--secondary-cta-text: #2a2928;
|
--secondary-cta-text: #2a2928;
|
||||||
--accent: #ffffff;
|
--accent: #e34400;
|
||||||
--background-accent: #c6b180;
|
--background-accent: #2a1805;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user