Update src/app/page.tsx
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -17,27 +17,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "ليه تختارنا",
|
||||
id: "features",
|
||||
},
|
||||
name: "ليه تختارنا", id: "features"},
|
||||
{
|
||||
name: "المنيو",
|
||||
id: "menu",
|
||||
},
|
||||
name: "المنيو", id: "menu"},
|
||||
{
|
||||
name: "تواصل معانا",
|
||||
id: "contact",
|
||||
},
|
||||
name: "تواصل معانا", id: "contact"},
|
||||
]}
|
||||
brandName="إيطاليانو"
|
||||
/>
|
||||
@@ -46,101 +45,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="مش بس قهوة… تجربة تستاهل"
|
||||
description="جودة حقيقية، أكل زي الصور، وخدمة تليق بيك. استمتع بأحلى تجربة إيطالية في مكان هادي يغير مودك."
|
||||
testimonials={[
|
||||
{
|
||||
name: "أحمد علي",
|
||||
handle: "مستقل",
|
||||
testimonial: "المكان هادي جداً ومناسب للشغل والقهوة بتاعتهم مظبوطة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg?_wi=1",
|
||||
},
|
||||
name: "أحمد علي", handle: "مستقل", testimonial: "المكان هادي جداً ومناسب للشغل والقهوة بتاعتهم مظبوطة.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg"},
|
||||
{
|
||||
name: "سارة محمود",
|
||||
handle: "طالبة",
|
||||
testimonial: "أحلى مكان أذاكر فيه، والخدمة بقت أحسن كتير عن زمان.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-working-computer-cafe_1303-12998.jpg?_wi=1",
|
||||
},
|
||||
name: "سارة محمود", handle: "طالبة", testimonial: "أحلى مكان أذاكر فيه، والخدمة بقت أحسن كتير عن زمان.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-working-computer-cafe_1303-12998.jpg"},
|
||||
{
|
||||
name: "كريم مصطفى",
|
||||
handle: "مهندس",
|
||||
testimonial: "قهوة موزونة وخدمة سريعة في كل مرة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-outdoor-terrace-cafe_273609-2822.jpg?_wi=1",
|
||||
},
|
||||
name: "كريم مصطفى", handle: "مهندس", testimonial: "قهوة موزونة وخدمة سريعة في كل مرة.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-outdoor-terrace-cafe_273609-2822.jpg"},
|
||||
{
|
||||
name: "نهى إبراهيم",
|
||||
handle: "فنانة",
|
||||
testimonial: "جو المكان بيساعد جداً على الإبداع.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg?_wi=1",
|
||||
},
|
||||
name: "نهى إبراهيم", handle: "فنانة", testimonial: "جو المكان بيساعد جداً على الإبداع.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg"},
|
||||
{
|
||||
name: "يوسف طارق",
|
||||
handle: "مطور ويب",
|
||||
testimonial: "أفضل مكان ممكن تخلص فيه شغلك بأريحية.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg?_wi=2",
|
||||
},
|
||||
name: "يوسف طارق", handle: "مطور ويب", testimonial: "أفضل مكان ممكن تخلص فيه شغلك بأريحية.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب دلوقتي",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "اطلب دلوقتي", href: "#menu"},
|
||||
{
|
||||
text: "شوف المنيو",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "شوف المنيو", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-working-computer-cafe_1303-12998.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-working-computer-cafe_1303-12998.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-outdoor-terrace-cafe_273609-2822.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-outdoor-terrace-cafe_273609-2822.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg", alt: "User 5"},
|
||||
]}
|
||||
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>
|
||||
@@ -152,22 +107,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "جودة ثابتة",
|
||||
description: "بنعرف قيمتك، عشان كدة بنقدم أكل بنفس الجودة اللي بتشوفها في صورنا.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-sandwich-with-shrimps_181624-60061.jpg?_wi=1",
|
||||
},
|
||||
title: "جودة ثابتة", description: "بنعرف قيمتك، عشان كدة بنقدم أكل بنفس الجودة اللي بتشوفها في صورنا.", imageSrc: "http://img.b2bpic.net/free-photo/selective-sandwich-with-shrimps_181624-60061.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "جو مناسب للشغل",
|
||||
description: "هدوء وراحة بال عشان تخلص شغلك أو تذاكر بمزاج.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-coffee-cup_250224-13.jpg?_wi=1",
|
||||
},
|
||||
title: "جو مناسب للشغل", description: "هدوء وراحة بال عشان تخلص شغلك أو تذاكر بمزاج.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-coffee-cup_250224-13.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "مكونات طازة",
|
||||
description: "كل يوم بنختار المكونات بعناية عشان تضمن الطعم الصح.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868212.jpg?_wi=1",
|
||||
},
|
||||
title: "مكونات طازة", description: "كل يوم بنختار المكونات بعناية عشان تضمن الطعم الصح.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868212.jpg"},
|
||||
]}
|
||||
title="اتخدعت قبل كده؟ إحنا غيرنا التجربة"
|
||||
description="سمعنا ملاحظاتكم وطورنا كل حاجة عشان نقدملك تجربة تستاهلها بجد."
|
||||
@@ -182,32 +128,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "إيطاليانو",
|
||||
name: "Caesar Chicken Sandwich",
|
||||
price: "145 EGP",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-sandwich-with-shrimps_181624-60061.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "إيطاليانو", name: "Caesar Chicken Sandwich", price: "145 EGP", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/selective-sandwich-with-shrimps_181624-60061.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "إيطاليانو",
|
||||
name: "Signature Burger",
|
||||
price: "180 EGP",
|
||||
rating: 5,
|
||||
reviewCount: "95+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868212.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "إيطاليانو", name: "Signature Burger", price: "180 EGP", rating: 5,
|
||||
reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868212.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "إيطاليانو",
|
||||
name: "Premium Latte",
|
||||
price: "75 EGP",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-coffee-cup_250224-13.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "إيطاليانو", name: "Premium Latte", price: "75 EGP", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-coffee-cup_250224-13.jpg"},
|
||||
]}
|
||||
title="أكتر حاجات بيطلبوها"
|
||||
description="جرب المنيو بتاعنا المطور، طعم حقيقي ومكونات طازة."
|
||||
@@ -220,45 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
title: "أفضل قهوة",
|
||||
quote: "المكان هادي جداً، دايمًا باجي هنا عشان أخلص شغلي.",
|
||||
name: "محمد حسن",
|
||||
role: "ديزاينر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg?_wi=3",
|
||||
},
|
||||
id: "ts1", title: "أفضل قهوة", quote: "المكان هادي جداً، دايمًا باجي هنا عشان أخلص شغلي.", name: "محمد حسن", role: "ديزاينر", imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
title: "خدمة ممتازة",
|
||||
quote: "الأكل طعمه فعلاً زي الصور، الخدمة بقت سريعة جداً.",
|
||||
name: "ليلى سمير",
|
||||
role: "محاسبة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-working-computer-cafe_1303-12998.jpg?_wi=2",
|
||||
},
|
||||
id: "ts2", title: "خدمة ممتازة", quote: "الأكل طعمه فعلاً زي الصور، الخدمة بقت سريعة جداً.", name: "ليلى سمير", role: "محاسبة", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-working-computer-cafe_1303-12998.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
title: "جو مريح",
|
||||
quote: "نظافة المكان والهدوء بيخليك تركز في اللي بتعمله.",
|
||||
name: "عمر خالد",
|
||||
role: "طالب",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-outdoor-terrace-cafe_273609-2822.jpg?_wi=2",
|
||||
},
|
||||
id: "ts3", title: "جو مريح", quote: "نظافة المكان والهدوء بيخليك تركز في اللي بتعمله.", name: "عمر خالد", role: "طالب", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-outdoor-terrace-cafe_273609-2822.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
title: "تجربة تستاهل",
|
||||
quote: "تطوير واضح في كل حاجة، بجد تسلم إيدكم.",
|
||||
name: "هبة يوسف",
|
||||
role: "مدرّسة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg?_wi=2",
|
||||
},
|
||||
id: "ts4", title: "تجربة تستاهل", quote: "تطوير واضح في كل حاجة، بجد تسلم إيدكم.", name: "هبة يوسف", role: "مدرّسة", imageSrc: "http://img.b2bpic.net/good-day-only-with-good-coffee_329181-2927.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
title: "رايق جداً",
|
||||
quote: "المكان المثالي للاستجمام وشرب قهوة في هدوء.",
|
||||
name: "ياسين علي",
|
||||
role: "طالب",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg?_wi=4",
|
||||
},
|
||||
id: "ts5", title: "رايق جداً", quote: "المكان المثالي للاستجمام وشرب قهوة في هدوء.", name: "ياسين علي", role: "طالب", imageSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg"},
|
||||
]}
|
||||
title="إيه رأي الناس فينا؟"
|
||||
description="بنهتم جداً بكل ملاحظة بتوصلنا وبنشتغل على أساسها."
|
||||
@@ -271,21 +169,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "مواعيد العمل؟",
|
||||
content: "مفتوحين يومياً من ٩ الصبح لـ ١٢ بالليل.",
|
||||
},
|
||||
id: "faq1", title: "مواعيد العمل؟", content: "مفتوحين يومياً من ٩ الصبح لـ ١٢ بالليل."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "هل فيه واي فاي؟",
|
||||
content: "أكيد، عندنا واي فاي قوي ومناسب للشغل.",
|
||||
},
|
||||
id: "faq2", title: "هل فيه واي فاي؟", content: "أكيد، عندنا واي فاي قوي ومناسب للشغل."},
|
||||
]}
|
||||
ctaTitle="جرب بنفسك واحكم"
|
||||
ctaDescription="مستنيينك تجرب الفرق بنفسك وتستمتع بأحلى تجربة قهوة وأكل."
|
||||
ctaButton={{
|
||||
text: "زورنا النهاردة",
|
||||
}}
|
||||
text: "زورنا النهاردة"}}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,29 +185,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "عننا",
|
||||
items: [
|
||||
title: "عننا", items: [
|
||||
{
|
||||
label: "ليه إيطاليانو؟",
|
||||
href: "#features",
|
||||
},
|
||||
label: "ليه إيطاليانو؟", href: "#features"},
|
||||
{
|
||||
label: "المنيو",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "المنيو", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تابعونا",
|
||||
items: [
|
||||
title: "تابعونا", items: [
|
||||
{
|
||||
label: "إنستجرام",
|
||||
href: "#",
|
||||
},
|
||||
label: "إنستجرام", href: "#"},
|
||||
{
|
||||
label: "فيسبوك",
|
||||
href: "#",
|
||||
},
|
||||
label: "فيسبوك", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user