bender/46f85430-a7a9-49dc-b8b1-dacc4cd4dd0d
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-05-07 19:26:06 +00:00
parent e470da6574
commit 0e698b1484
1 changed files with 35 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Menu", id: "menu" },
id: "hero", { name: "About", id: "about" },
}, { name: "Reservations", id: "contact" },
{
name: "Menu",
id: "menu",
},
{
name: "About",
id: "about",
},
{
name: "Reservations",
id: "contact",
},
]} ]}
brandName="Marjaan" brandName="Marjaan"
/> />
@@ -53,43 +41,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{ variant: "glowing-orb" }}
variant: "glowing-orb",
}}
title="The Art of Indian Fine Dining" title="The Art of Indian Fine Dining"
description="Experience an unforgettable journey through the spices and traditions of India, reimagined for the modern connoisseur in the heart of Saudi Arabia." description="Experience an unforgettable journey through the spices and traditions of India, reimagined for the modern connoisseur in the heart of Saudi Arabia."
tag="AUTHENTIC LUXURY" tag="AUTHENTIC LUXURY"
buttons={[ buttons={[
{ { text: "Book a Table", href: "#contact" },
text: "Book a Table", { text: "View Menu", href: "#menu" },
href: "#contact",
},
{
text: "View Menu",
href: "#menu",
},
]} ]}
mediaItems={[ mediaItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/side-view-tuna-salad-with-cheese-quail-eggs-plate-black-plate_140725-11490.jpg", imageAlt: "Luxury Indian Curry" },
imageSrc: "http://img.b2bpic.net/free-photo/side-view-tuna-salad-with-cheese-quail-eggs-plate-black-plate_140725-11490.jpg?_wi=1", { imageSrc: "http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-plate_23-2148425533.jpg", imageAlt: "Tandoori Specialties" },
imageAlt: "Luxury Indian Curry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-plate_23-2148425533.jpg?_wi=1",
imageAlt: "Tandoori Specialties",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/choco-brownies-with-fine-lemted-cocoa-cream-vanilla-icecream_114579-2132.jpg",
imageAlt: "Gourmet Dessert Presentation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-dark-plate-with-decorative-flowers_23-2151973716.jpg",
imageAlt: "Sophisticated Dining Ambiance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-exotic-indian-spices_23-2147684881.jpg",
imageAlt: "Premium Indian Spices Display",
},
]} ]}
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
rating={5} rating={5}
@@ -104,60 +66,12 @@ export default function LandingPage() {
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "p1", brand: "Signature", name: "Royal Saffron Biryani", price: "145 SAR", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg" },
id: "p1", { id: "p2", brand: "Starter", name: "Garlic Butter Naan", price: "25 SAR", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/ozote-steam-applied-lamb-cooked-dough_114579-2134.jpg" },
brand: "Signature", { id: "p3", brand: "Beverage", name: "Golden Saffron Lassi", price: "35 SAR", rating: 4, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-cocktail-garnished-with-dried-rose-petal-pieces-egg-shell_140725-6032.jpg" },
name: "Royal Saffron Biryani", { id: "p4", brand: "Starter", name: "Truffle Paneer Tikka", price: "85 SAR", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/lemon-spices-near-board-with-chicken-kebab_23-2147894705.jpg" },
price: "145 SAR", { id: "p5", brand: "Signature", name: "Murgh Makhani Gold", price: "120 SAR", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-traditional-roti_23-2149033992.jpg" },
rating: 5, { id: "p6", brand: "Dessert", name: "Saffron Rose Rasmalai", price: "45 SAR", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-cup-with-flower-petals-close-up-piece-sack_176474-5432.jpg" },
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg?_wi=1",
},
{
id: "p2",
brand: "Starter",
name: "Garlic Butter Naan",
price: "25 SAR",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/ozote-steam-applied-lamb-cooked-dough_114579-2134.jpg?_wi=1",
},
{
id: "p3",
brand: "Beverage",
name: "Golden Saffron Lassi",
price: "35 SAR",
rating: 4,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-cocktail-garnished-with-dried-rose-petal-pieces-egg-shell_140725-6032.jpg",
},
{
id: "p4",
brand: "Starter",
name: "Truffle Paneer Tikka",
price: "85 SAR",
rating: 5,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/lemon-spices-near-board-with-chicken-kebab_23-2147894705.jpg",
},
{
id: "p5",
brand: "Signature",
name: "Murgh Makhani Gold",
price: "120 SAR",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-traditional-roti_23-2149033992.jpg",
},
{
id: "p6",
brand: "Dessert",
name: "Saffron Rose Rasmalai",
price: "45 SAR",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-cup-with-flower-petals-close-up-piece-sack_176474-5432.jpg",
},
]} ]}
title="Signature Creations" title="Signature Creations"
description="Discover our meticulously crafted signature dishes." description="Discover our meticulously crafted signature dishes."
@@ -169,7 +83,7 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="Tradition Meets Elegance" title="Tradition Meets Elegance"
description="At Marjaan, we blend centuries-old Indian culinary wisdom with contemporary Saudi hospitality to create a refined dining experience that transcends expectations." description="At Marjaan, we blend centuries-old Indian culinary wisdom with contemporary Saudi hospitality to create a refined dining experience that transcends expectations."
imageSrc="http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-855.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-855.jpg"
/> />
</div> </div>
@@ -180,40 +94,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Masterful Cuisine", title: "Masterful Cuisine", description: "Authentic recipes prepared by renowned Indian chefs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-served-plate_140725-4234.jpg" },
description: "Authentic recipes prepared by renowned Indian chefs.", phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-waffles-grapes-dark-background_23-2148340373.jpg" }
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-served-plate_140725-4234.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-waffles-grapes-dark-background_23-2148340373.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-tuna-salad-with-cheese-quail-eggs-plate-black-plate_140725-11490.jpg?_wi=2",
imageAlt: "gourmet biryani photography",
}, },
{ {
title: "Bespoke Ambiance", title: "Bespoke Ambiance", description: "A sophisticated atmosphere tailored for your enjoyment.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-drinks-arrangement_23-2149312382.jpg" },
description: "A sophisticated atmosphere tailored for your enjoyment.", phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059652.jpg" }
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-drinks-arrangement_23-2149312382.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059652.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-plate_23-2148425533.jpg?_wi=2",
imageAlt: "gourmet biryani photography",
}, },
{ {
title: "Impeccable Service", title: "Impeccable Service", description: "Dedicated staff ensuring every need is surpassed.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pieces-citrus-sauce-near-chicken-kebab_23-2147894707.jpg" },
description: "Dedicated staff ensuring every need is surpassed.", phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg" }
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/pieces-citrus-sauce-near-chicken-kebab_23-2147894707.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-855.jpg?_wi=2",
imageAlt: "gourmet biryani photography",
}, },
]} ]}
showStepNumbers={false} showStepNumbers={false}
@@ -228,59 +118,19 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Ahmed Al-Farsi", date: "March 2024", title: "Elite Diner", quote: "The best Indian restaurant in Saudi Arabia. Unmatched luxury.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-tuna-salad-with-cheese-quail-eggs-plate-black-plate_140725-11490.jpg"
name: "Ahmed Al-Farsi",
date: "March 2024",
title: "Elite Diner",
quote: "The best Indian restaurant in Saudi Arabia. Unmatched luxury.",
tag: "Excellent",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-tuna-salad-with-cheese-quail-eggs-plate-black-plate_140725-11490.jpg?_wi=3",
imageAlt: "portrait happy customer restaurant",
}, },
{ {
id: "2", id: "2", name: "Fatima Z.", date: "February 2024", title: "Culinary Enthusiast", quote: "Every dish was a piece of art. Truly refined.", tag: "Highly Recommend", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-fork-knife-table-with-model-heart-plate_23-2148016827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-plate_23-2148425533.jpg"
name: "Fatima Z.",
date: "February 2024",
title: "Culinary Enthusiast",
quote: "Every dish was a piece of art. Truly refined.",
tag: "Highly Recommend",
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-fork-knife-table-with-model-heart-plate_23-2148016827.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-plate_23-2148425533.jpg?_wi=3",
imageAlt: "portrait happy customer restaurant",
}, },
{ {
id: "3", id: "3", name: "Khalid S.", date: "January 2024", title: "Business Professional", quote: "The perfect place for a high-end business dinner.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-855.jpg"
name: "Khalid S.",
date: "January 2024",
title: "Business Professional",
quote: "The perfect place for a high-end business dinner.",
tag: "Professional",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-855.jpg?_wi=3",
imageAlt: "portrait happy customer restaurant",
}, },
{ {
id: "4", id: "4", name: "Sarah H.", date: "December 2023", title: "Food Blogger", quote: "A masterclass in modern Indian hospitality.", tag: "Trendy", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg"
name: "Sarah H.",
date: "December 2023",
title: "Food Blogger",
quote: "A masterclass in modern Indian hospitality.",
tag: "Trendy",
avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg?_wi=2",
imageAlt: "portrait happy customer restaurant",
}, },
{ {
id: "5", id: "5", name: "Omar K.", date: "November 2023", title: "Guest", quote: "Incredible staff and spectacular food. Absolutely iconic.", tag: "Iconic", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-chocolate-cake-decorated-with-strawberry-table_141793-3021.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ozote-steam-applied-lamb-cooked-dough_114579-2134.jpg"
name: "Omar K.",
date: "November 2023",
title: "Guest",
quote: "Incredible staff and spectacular food. Absolutely iconic.",
tag: "Iconic",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-chocolate-cake-decorated-with-strawberry-table_141793-3021.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/ozote-steam-applied-lamb-cooked-dough_114579-2134.jpg?_wi=2",
imageAlt: "portrait happy customer restaurant",
}, },
]} ]}
title="Guest Testimonials" title="Guest Testimonials"
@@ -293,21 +143,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "Do you require reservations?", content: "Reservations are highly encouraged for our fine dining experience." },
id: "f1", { id: "f2", title: "Is the menu suitable for vegetarians?", content: "Yes, we offer an extensive selection of gourmet vegetarian Indian dishes." },
title: "Do you require reservations?", { id: "f3", title: "Where are you located?", content: "We are centrally located in the heart of the luxury district, Riyadh." },
content: "Reservations are highly encouraged for our fine dining experience.",
},
{
id: "f2",
title: "Is the menu suitable for vegetarians?",
content: "Yes, we offer an extensive selection of gourmet vegetarian Indian dishes.",
},
{
id: "f3",
title: "Where are you located?",
content: "We are centrally located in the heart of the luxury district, Riyadh.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Find everything you need to know about our restaurant." description="Find everything you need to know about our restaurant."
@@ -320,9 +158,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient",
}}
tag="RESERVATIONS" tag="RESERVATIONS"
title="Book Your Experience" title="Book Your Experience"
description="Secure your table at Marjaan and indulge in authentic luxury." description="Secure your table at Marjaan and indulge in authentic luxury."
@@ -332,53 +168,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }, { label: "Bookings", href: "#contact" }] },
title: "Quick Links", { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
items: [ { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }, { label: "Maps", href: "#" }] },
{
label: "Menu",
href: "#menu",
},
{
label: "About Us",
href: "#about",
},
{
label: "Bookings",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "WhatsApp",
href: "#",
},
{
label: "Maps",
href: "#",
},
],
},
]} ]}
logoText="Marjaan Indian Restaurant" logoText="Marjaan Indian Restaurant"
/> />
@@ -386,4 +178,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }