bender/d9aacea9-ab52-4c5c-96df-5d9401f81b71
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-11 15:33:50 +00:00
parent 083f4b834a
commit c3e14656ed
1 changed files with 52 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
src/app/page.tsx
View File

@@ -31,88 +31,39 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Khayal"
button={{ text: "Reservations", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "rotated-rays-static-grid",
}}
background={{ variant: "rotated-rays-static-grid" }}
title="Khayal Restaurant"
description="Where culinary artistry meets refined hospitality. Experience an unforgettable journey of flavors."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
alt: "Guest",
},
{ src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg", alt: "Guest" },
]}
avatarText="Loved by thousands"
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Book Table",
href: "#contact",
},
{ text: "View Menu", href: "#menu" },
{ text: "Book Table", href: "#contact" },
]}
marqueeItems={[
{
type: "text",
text: "Fine Dining",
},
{
type: "text",
text: "Authentic Flavors",
},
{
type: "text",
text: "Elegant Atmosphere",
},
{
type: "text",
text: "Master Chefs",
},
{
type: "text",
text: "Seasonal Ingredients",
},
{ type: "text", text: "Fine Dining" },
{ type: "text", text: "Authentic Flavors" },
{ type: "text", text: "Elegant Atmosphere" },
{ type: "text", text: "Master Chefs" },
{ type: "text", text: "Seasonal Ingredients" },
]}
/>
</div>
@@ -122,21 +73,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Passion"
metrics={[
{
icon: Award,
label: "Gourmet Dishes",
value: "50+",
},
{
icon: Award,
label: "Years Experience",
value: "15",
},
{
icon: Users,
label: "Happy Guests",
value: "100k+",
},
{ icon: Award, label: "Gourmet Dishes", value: "50+" },
{ icon: Award, label: "Years Experience", value: "15" },
{ icon: Users, label: "Happy Guests", value: "100k+" },
]}
metricsAnimation="slide-up"
/>
@@ -148,39 +87,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Fresh Ingredients",
author: "Farm-to-Table",
description: "We source only the finest local ingredients for our seasonal menu.",
tags: [
"Fresh",
"Local",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-grey-background-bake-oven-color-dish-pie-cake_140725-121705.jpg",
},
{
id: "f2",
title: "Expert Chefs",
author: "Culinary Masters",
description: "Our chefs are dedicated to perfection in every plate they craft.",
tags: [
"Craft",
"Expert",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-with-tomatoes-parsley-white-table_1253-953.jpg",
},
{
id: "f3",
title: "Warm Ambiance",
author: "Sophisticated Design",
description: "Relax in a setting designed for memorable social moments.",
tags: [
"Ambiance",
"Luxury",
],
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145590.jpg",
},
{ id: "f1", title: "Fresh Ingredients", author: "Farm-to-Table", description: "We source only the finest local ingredients for our seasonal menu.", tags: ["Fresh", "Local"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-grey-background-bake-oven-color-dish-pie-cake_140725-121705.jpg" },
{ id: "f2", title: "Expert Chefs", author: "Culinary Masters", description: "Our chefs are dedicated to perfection in every plate they craft.", tags: ["Craft", "Expert"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-with-tomatoes-parsley-white-table_1253-953.jpg" },
{ id: "f3", title: "Warm Ambiance", author: "Sophisticated Design", description: "Relax in a setting designed for memorable social moments.", tags: ["Ambiance", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145590.jpg" },
]}
title="Why Choose Khayal"
description="We blend traditional recipes with modern techniques to create a unique culinary experience."
@@ -194,42 +103,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Truffle Mushroom Risotto",
price: "$28",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-with-meat-potatoes-served-with-green-black-plate-pepper-garlic-oil-bottle-cutlery-set_179666-19991.jpg",
},
{
id: "p2",
name: "Grilled Sea Bass",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/cooked-lamb-ribs-front-view_23-2148516965.jpg",
},
{
id: "p3",
name: "Fresh Garden Salad",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-tomatoes-with-greens-bell-peppers-dark-background_140725-137146.jpg",
},
{
id: "p4",
name: "Chocolate Fondant",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-eating-cake-with-fork_23-2147975374.jpg",
},
{
id: "p5",
name: "Signature Mocktail",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/purple-cocktail-table_140725-9605.jpg",
},
{
id: "p6",
name: "Roasted Tomato Soup",
price: "$14",
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-slice-mushroom_141793-873.jpg",
},
{ id: "p1", name: "Truffle Mushroom Risotto", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-with-meat-potatoes-served-with-green-black-plate-pepper-garlic-oil-bottle-cutlery-set_179666-19991.jpg" },
{ id: "p2", name: "Grilled Sea Bass", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/cooked-lamb-ribs-front-view_23-2148516965.jpg" },
{ id: "p3", name: "Fresh Garden Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-tomatoes-with-greens-bell-peppers-dark-background_140725-137146.jpg" },
{ id: "p4", name: "Chocolate Fondant", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-eating-cake-with-fork_23-2147975374.jpg" },
{ id: "p5", name: "Signature Mocktail", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/purple-cocktail-table_140725-9605.jpg" },
{ id: "p6", name: "Roasted Tomato Soup", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-slice-mushroom_141793-873.jpg" },
]}
title="Our Signature Menu"
description="Discover our collection of handcrafted culinary masterpieces designed for your palate."
@@ -243,46 +122,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Ahmed",
role: "Food Blogger",
company: "Reviewer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
},
{
id: "t2",
name: "Khalid Omar",
role: "Customer",
company: "Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enyoing-dinner-party_23-2150717851.jpg",
},
{
id: "t3",
name: "Laila Jassim",
role: "Design Director",
company: "Guest",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25277.jpg",
},
{
id: "t4",
name: "Mark Stevens",
role: "Tourist",
company: "Traveler",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg",
},
{
id: "t5",
name: "Nora Ali",
role: "Food Enthusiast",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
},
{ id: "t1", name: "Sarah Ahmed", role: "Food Blogger", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
{ id: "t2", name: "Khalid Omar", role: "Customer", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enyoing-dinner-party_23-2150717851.jpg" },
{ id: "t3", name: "Laila Jassim", role: "Design Director", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25277.jpg" },
{ id: "t4", name: "Mark Stevens", role: "Tourist", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg" },
{ id: "t5", name: "Nora Ali", role: "Food Enthusiast", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
]}
title="Guest Experiences"
description="See why our guests return time and again to enjoy the Khayal experience."
@@ -293,21 +137,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you accept reservations?",
content: "Yes, we highly recommend booking a table in advance via our website.",
},
{
id: "q2",
title: "Are there vegetarian options?",
content: "Absolutely, we have a dedicated section for vegetarian dishes.",
},
{
id: "q3",
title: "Do you offer private dining?",
content: "Yes, we provide private spaces for corporate meetings and special events.",
},
{ id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking a table in advance via our website." },
{ id: "q2", title: "Are there vegetarian options?", content: "Absolutely, we have a dedicated section for vegetarian dishes." },
{ id: "q3", title: "Do you offer private dining?", content: "Yes, we provide private spaces for corporate meetings and special events." },
]}
sideTitle="Common Questions"
sideDescription="Find answers to our most popular questions."
@@ -318,9 +150,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Reserve Your Table"
description="Have questions or need to make a reservation? Get in touch with our team today."
@@ -336,54 +166,24 @@ export default function LandingPage() {
logoText="Khayal"
columns={[
{
title: "Menu",
items: [
{
label: "Starters",
href: "#menu",
},
{
label: "Main Courses",
href: "#menu",
},
{
label: "Desserts",
href: "#menu",
},
title: "Menu", items: [
{ label: "Starters", href: "#menu" },
{ label: "Main Courses", href: "#menu" },
{ label: "Desserts", href: "#menu" },
],
},
{
title: "Information",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Information", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Privacy Policy", href: "#" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Reservations",
href: "#contact",
},
{
label: "FAQs",
href: "#faq",
},
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "Reservations", href: "#contact" },
{ label: "FAQs", href: "#faq" },
],
},
]}
@@ -393,4 +193,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}