bender/6eb164d9-fac6-4cfa-be50-821bd58602dc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-12 13:43:22 +00:00
parent 81de94f57a
commit e862ad778a
1 changed files with 59 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/app/page.tsx
View File

@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Menu",
id: "#products",
},
name: "Menu", id: "#products"},
{
name: "Events",
id: "#pricing",
},
name: "Events", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book a Table",
href: "#contact",
}}
text: "Book a Table", href: "#contact"}}
brandName="Qasr Al-Mandi Badr"
/>
</div>
@@ -69,44 +55,23 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Experience Royal Arabian Flavors"
description="Step into Qasr Al-Mandi Badr for a culinary journey where authentic Mandi cuisine meets unparalleled hospitality in a majestic setting."
tag="Your Gateway to Authentic Mandi"
tagAnimation="opacity"
buttons={[
{
text: "View Our Menu",
href: "#products",
},
text: "View Our Menu", href: "#products"},
{
text: "Make a Reservation",
href: "#contact",
},
text: "Make a Reservation", href: "#contact"},
]}
buttonAnimation="opacity"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/served-tea-table-with-orange-shisha_141793-4743.jpg",
imageAlt: "Luxurious Arabian dining hall interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/served-tea-table-with-orange-shisha_141793-4743.jpg", imageAlt: "Luxurious Arabian dining hall interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arab-food_23-2147794253.jpg",
imageAlt: "Delicious Mandi lamb platter",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-sitting-restaurant_23-2147794368.jpg",
imageAlt: "Muslim man sitting in restaurant",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ornate-windows-art-nouveau-style-with-stained-glass_23-2150975601.jpg",
imageAlt: "Ornate windows in art nouveau style with stained glass",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chigirtma-plov-rice-garnish-with-vegetables-herbs_114579-977.jpg",
imageAlt: "Chigirtma plov, rice garnish with vegetables and herbs",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arab-food_23-2147794253.jpg", imageAlt: "Delicious Mandi lamb platter"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -119,15 +84,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Legacy of Authentic Arabian Cuisine",
},
type: "text", content: "Our Legacy of Authentic Arabian Cuisine"},
]}
buttons={[
{
text: "Learn More About Us",
href: "#features",
},
text: "Learn More About Us", href: "#features"},
]}
buttonAnimation="opacity"
/>
@@ -137,31 +98,14 @@ export default function LandingPage() {
<FeatureCardMedia
textboxLayout="default"
useInvertedBackground={false}
animationType="opacity"
features={[
{
id: "f1",
title: "Traditional Recipes",
description: "Savor time-honored Mandi recipes passed down through generations, ensuring an authentic taste in every dish.",
tag: "Authenticity",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-different-seasonings-with-fresh-vegetables-dark-space_140725-95248.jpg",
imageAlt: "Fresh spices and ingredients for Mandi",
},
id: "f1", title: "Traditional Recipes", description: "Savor time-honored Mandi recipes passed down through generations, ensuring an authentic taste in every dish.", tag: "Authenticity", imageSrc: "http://img.b2bpic.net/free-photo/front-view-different-seasonings-with-fresh-vegetables-dark-space_140725-95248.jpg", imageAlt: "Fresh spices and ingredients for Mandi"},
{
id: "f2",
title: "Elegant Ambiance",
description: "Dine in lavish surroundings inspired by Arabian palaces, creating a truly royal and memorable experience for every guest.",
tag: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg",
imageAlt: "Luxurious private dining room",
},
id: "f2", title: "Elegant Ambiance", description: "Dine in lavish surroundings inspired by Arabian palaces, creating a truly royal and memorable experience for every guest.", tag: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg", imageAlt: "Luxurious private dining room"},
{
id: "f3",
title: "Private Events & Catering",
description: "Host your special occasions or corporate events with us. Our expert catering team brings the Qasr Al-Mandi experience to you.",
tag: "Services",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-celebrating-eid-al-fitr_23-2151205069.jpg",
imageAlt: "Catered food spread with Mandi dishes",
},
id: "f3", title: "Private Events & Catering", description: "Host your special occasions or corporate events with us. Our expert catering team brings the Qasr Al-Mandi experience to you.", tag: "Services", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-celebrating-eid-al-fitr_23-2151205069.jpg", imageAlt: "Catered food spread with Mandi dishes"},
]}
title="Why Choose Qasr Al-Mandi Badr?"
description="We are dedicated to offering an unmatched dining experience, blending rich culinary heritage with impeccable service."
@@ -173,49 +117,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="opacity"
products={[
{
id: "p1",
name: "Mandi Lamb",
price: "SAR 95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tike-kebab-pita-bread-with-herbs-onions-with-sauce-vegetables_141793-4248.jpg",
imageAlt: "Traditional Mandi lamb with rice",
},
id: "p1", name: "Mandi Lamb", price: "SAR 95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tike-kebab-pita-bread-with-herbs-onions-with-sauce-vegetables_141793-4248.jpg", imageAlt: "Traditional Mandi lamb with rice"},
{
id: "p2",
name: "Mandi Chicken",
price: "SAR 75",
imageSrc: "http://img.b2bpic.net/free-photo/meat-kebab-table_140725-9874.jpg",
imageAlt: "Mandi chicken with golden fried onions",
},
id: "p2", name: "Mandi Chicken", price: "SAR 75", imageSrc: "http://img.b2bpic.net/free-photo/meat-kebab-table_140725-9874.jpg", imageAlt: "Mandi chicken with golden fried onions"},
{
id: "p3",
name: "Seafood Mandi",
price: "SAR 110",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-trout-meal-arrangement_23-2150353378.jpg",
imageAlt: "Seafood Mandi with prawns and fish",
},
id: "p3", name: "Seafood Mandi", price: "SAR 110", imageSrc: "http://img.b2bpic.net/free-photo/delicious-trout-meal-arrangement_23-2150353378.jpg", imageAlt: "Seafood Mandi with prawns and fish"},
{
id: "p4",
name: "Vegetable Mandi",
price: "SAR 60",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-salad-with-various-vegetables_140725-147804.jpg",
imageAlt: "Assorted vegetable Mandi",
},
id: "p4", name: "Vegetable Mandi", price: "SAR 60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-salad-with-various-vegetables_140725-147804.jpg", imageAlt: "Assorted vegetable Mandi"},
{
id: "p5",
name: "Kabsah Chicken",
price: "SAR 80",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-chyhyrtma-pilaf-fried-chicken-with-omelette-rice_141793-4271.jpg",
imageAlt: "Traditional Kabsah chicken",
},
id: "p5", name: "Kabsah Chicken", price: "SAR 80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-chyhyrtma-pilaf-fried-chicken-with-omelette-rice_141793-4271.jpg", imageAlt: "Traditional Kabsah chicken"},
{
id: "p6",
name: "Kunafa with Pistachios",
price: "SAR 35",
imageSrc: "http://img.b2bpic.net/free-photo/turkish-dessert-kadayif-plate-blue-table_114579-89894.jpg",
imageAlt: "Sweet Kunafa dessert with pistachios",
},
id: "p6", name: "Kunafa with Pistachios", price: "SAR 35", imageSrc: "http://img.b2bpic.net/free-photo/turkish-dessert-kadayif-plate-blue-table_114579-89894.jpg", imageAlt: "Sweet Kunafa dessert with pistachios"},
]}
title="Our Signature Mandi Dishes"
description="Explore our exquisite menu featuring classic Mandi preparations, special house recipes, and delectable desserts."
@@ -227,65 +142,34 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
animationType="opacity"
plans={[
{
id: "catering-silver",
badge: "Popular",
badgeIcon: Sparkles,
price: "SAR 2500",
subtitle: "For intimate gatherings",
buttons: [
id: "catering-silver", badge: "Popular", badgeIcon: Sparkles,
price: "SAR 2500", subtitle: "For intimate gatherings", buttons: [
{
text: "Inquire Now",
href: "#contact",
},
text: "Inquire Now", href: "#contact"},
],
features: [
"Mandi for 10-15 guests",
"Choice of 2 main dishes",
"2 appetizers, 1 dessert",
"Standard setup & service",
],
"Mandi for 10-15 guests", "Choice of 2 main dishes", "2 appetizers, 1 dessert", "Standard setup & service"],
},
{
id: "catering-gold",
badge: "Best Value",
badgeIcon: Crown,
price: "SAR 4500",
subtitle: "Perfect for medium events",
buttons: [
id: "catering-gold", badge: "Best Value", badgeIcon: Crown,
price: "SAR 4500", subtitle: "Perfect for medium events", buttons: [
{
text: "Inquire Now",
href: "#contact",
},
text: "Inquire Now", href: "#contact"},
],
features: [
"Mandi for 20-30 guests",
"Choice of 3 main dishes",
"3 appetizers, 2 desserts",
"Premium setup & service",
"Complimentary beverages",
],
"Mandi for 20-30 guests", "Choice of 3 main dishes", "3 appetizers, 2 desserts", "Premium setup & service", "Complimentary beverages"],
},
{
id: "catering-platinum",
badge: "Elite",
badgeIcon: Diamond,
price: "SAR 8000+",
subtitle: "Grand events & weddings",
buttons: [
id: "catering-platinum", badge: "Elite", badgeIcon: Diamond,
price: "SAR 8000+", subtitle: "Grand events & weddings", buttons: [
{
text: "Contact for Quote",
href: "#contact",
},
text: "Contact for Quote", href: "#contact"},
],
features: [
"Custom guest count",
"Full menu customization",
"Exclusive venue access",
"Dedicated event planner",
"Luxurious decor & ambiance",
],
"Custom guest count", "Full menu customization", "Exclusive venue access", "Dedicated event planner", "Luxurious decor & ambiance"],
},
]}
title="Event & Catering Packages"
@@ -298,47 +182,18 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
animationType="opacity"
testimonials={[
{
id: "t1",
name: "Abdullah M.",
role: "Frequent Diner",
testimonial: "The Mandi here is simply incomparable! Each dish bursts with authentic flavors, and the service makes you feel like royalty.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187194.jpg",
imageAlt: "Abdullah M.",
},
id: "t1", name: "Abdullah M.", role: "Frequent Diner", testimonial: "The Mandi here is simply incomparable! Each dish bursts with authentic flavors, and the service makes you feel like royalty.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187194.jpg", imageAlt: "Abdullah M."},
{
id: "t2",
name: "Fatima S.",
role: "Event Host",
testimonial: "We hosted our family gathering at Qasr Al-Mandi Badr, and it was a spectacular success. The food and ambiance exceeded all expectations.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-engagement-ring-while-sitting-restaurant-date_1157-52075.jpg",
imageAlt: "Fatima S.",
},
id: "t2", name: "Fatima S.", role: "Event Host", testimonial: "We hosted our family gathering at Qasr Al-Mandi Badr, and it was a spectacular success. The food and ambiance exceeded all expectations.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-engagement-ring-while-sitting-restaurant-date_1157-52075.jpg", imageAlt: "Fatima S."},
{
id: "t3",
name: "Khalid H.",
role: "Food Critic",
testimonial: "A true gem for Arabian cuisine! Qasr Al-Mandi Badr offers an unparalleled experience for anyone seeking genuine flavors and majestic dining.",
imageSrc: "http://img.b2bpic.net/free-photo/people-ramadan-celebration_23-2151344678.jpg",
imageAlt: "Khalid H.",
},
id: "t3", name: "Khalid H.", role: "Food Critic", testimonial: "A true gem for Arabian cuisine! Qasr Al-Mandi Badr offers an unparalleled experience for anyone seeking genuine flavors and majestic dining.", imageSrc: "http://img.b2bpic.net/free-photo/people-ramadan-celebration_23-2151344678.jpg", imageAlt: "Khalid H."},
{
id: "t4",
name: "Sara A.",
role: "Satisfied Customer",
testimonial: "Every visit is a delight. The staff is incredibly welcoming, and the Mandi is consistently the best I've ever tasted.",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-good-time_23-2148395358.jpg",
imageAlt: "Sara A.",
},
id: "t4", name: "Sara A.", role: "Satisfied Customer", testimonial: "Every visit is a delight. The staff is incredibly welcoming, and the Mandi is consistently the best I've ever tasted.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-good-time_23-2148395358.jpg", imageAlt: "Sara A."},
{
id: "t5",
name: "Ahmed Z.",
role: "Business Owner",
testimonial: "Qasr Al-Mandi Badr catered our corporate event flawlessly. Professional service, delicious food, and impressed all our guests.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-people-serving-themselves-with-snacks_1262-1851.jpg",
imageAlt: "Ahmed Z.",
},
id: "t5", name: "Ahmed Z.", role: "Business Owner", testimonial: "Qasr Al-Mandi Badr catered our corporate event flawlessly. Professional service, delicious food, and impressed all our guests.", imageSrc: "http://img.b2bpic.net/free-photo/happy-people-serving-themselves-with-snacks_1262-1851.jpg", imageAlt: "Ahmed Z."},
]}
title="What Our Guests Say"
description="Hear from those who have experienced the magic of Qasr Al-Mandi Badr."
@@ -350,16 +205,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Saudi Aramco",
"SABIC",
"STC",
"King Abdullah University",
"Jabal Omar Development",
"Almarai",
"Saudi Arabian Airlines",
"Riyadh Chamber of Commerce",
"Diriyah Gate Development",
]}
"Saudi Aramco", "SABIC", "STC", "King Abdullah University", "Jabal Omar Development", "Almarai", "Saudi Arabian Airlines", "Riyadh Chamber of Commerce", "Diriyah Gate Development"]}
title="Trusted by Leading Organizations & Families"
description="We are proud to have served many esteemed clients for their corporate events, private functions, and everyday dining."
speed={40}
@@ -373,25 +219,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "Do you offer vegetarian options?",
content: "Yes, we have a delicious Vegetable Mandi and other vegetarian appetizers to cater to diverse dietary preferences.",
},
id: "faq1", title: "Do you offer vegetarian options?", content: "Yes, we have a delicious Vegetable Mandi and other vegetarian appetizers to cater to diverse dietary preferences."},
{
id: "faq2",
title: "Can I make a reservation online?",
content: "Absolutely! You can use the contact form below or call us directly to book your table or event.",
},
id: "faq2", title: "Can I make a reservation online?", content: "Absolutely! You can use the contact form below or call us directly to book your table or event."},
{
id: "faq3",
title: "Do you provide catering services for large events?",
content: "Yes, we specialize in catering for various events, from corporate gatherings to weddings. Please inquire about our tailored packages.",
},
id: "faq3", title: "Do you provide catering services for large events?", content: "Yes, we specialize in catering for various events, from corporate gatherings to weddings. Please inquire about our tailored packages."},
{
id: "faq4",
title: "What are your operating hours?",
content: "Our restaurant is open daily from 12 PM to 11 PM. Please check our contact section for specific holiday hours.",
},
id: "faq4", title: "What are your operating hours?", content: "Our restaurant is open daily from 12 PM to 11 PM. Please check our contact section for specific holiday hours."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our restaurant, menu, and services."
@@ -403,8 +237,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Plan Your Visit or Event"
description="We'd love to hear from you. For reservations, catering inquiries, or any questions, please reach out."
@@ -421,49 +254,31 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Menu",
href: "#products",
},
label: "Our Menu", href: "#products"},
],
},
{
items: [
{
label: "Catering",
href: "#pricing",
},
label: "Catering", href: "#pricing"},
{
label: "Events",
href: "#pricing",
},
label: "Events", href: "#pricing"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}