Update src/app/page.tsx
This commit is contained in:
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,59 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="TBK"
|
||||
button={{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="An Unforgettable Evening at TBK"
|
||||
description="Experience exquisite flavors, elegant ambiance, and exceptional service in the heart of Sharjah."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fancy-restaurant-round-table-with-windows_181624-26298.jpg?_wi=1",
|
||||
imageAlt: "Elegant restaurant interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg?_wi=1",
|
||||
imageAlt: "Gourmet dish presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg?_wi=1",
|
||||
imageAlt: "Outdoor morning seating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
imageAlt: "Dining atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg",
|
||||
imageAlt: "Food styling",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fancy-restaurant-round-table-with-windows_181624-26298.jpg", imageAlt: "Elegant restaurant interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg", imageAlt: "Gourmet dish presentation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg", imageAlt: "Outdoor morning seating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Dining atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg", imageAlt: "Food styling" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,18 +64,9 @@ export default function LandingPage() {
|
||||
title="Refined Dining Experience"
|
||||
description="At TBK, we curate unforgettable culinary journeys, blending sophistication with comfort for our patrons."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Happy Daily Guests",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Service Rating",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Years of Excellence",
|
||||
},
|
||||
{ value: "100+", title: "Happy Daily Guests" },
|
||||
{ value: "5.0", title: "Service Rating" },
|
||||
{ value: "12", title: "Years of Excellence" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-glasses-dessert-with-vanilla-cream-chocolate-sauce-served-with-espresso_140725-8901.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -122,49 +81,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We prioritize quality produce for every dish.",
|
||||
icon: Leaf,
|
||||
title: "Fresh Ingredients", description: "We prioritize quality produce for every dish.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-chef-stands-kitchen-counter-chopping-vegetables_482257-121176.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-black-bread-black_140725-104145.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fancy-restaurant-round-table-with-windows_181624-26298.jpg?_wi=2",
|
||||
imageAlt: "fresh ingredients on wooden board",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/head-chef-stands-kitchen-counter-chopping-vegetables_482257-121176.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-black-bread-black_140725-104145.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Expert Service",
|
||||
description: "Our staff ensures a seamless experience.",
|
||||
icon: User,
|
||||
title: "Expert Service", description: "Our staff ensures a seamless experience.", icon: User,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant-recommending-place_1258-122948.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg?_wi=2",
|
||||
imageAlt: "fresh ingredients on wooden board",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant-recommending-place_1258-122948.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Elegant Atmosphere",
|
||||
description: "Perfect for family or business dining.",
|
||||
icon: Star,
|
||||
title: "Elegant Atmosphere", description: "Perfect for family or business dining.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134116.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg?_wi=2",
|
||||
imageAlt: "fresh ingredients on wooden board",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134116.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
@@ -179,48 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Lasagna",
|
||||
price: "65 AED",
|
||||
variant: "Signature Pasta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-topped-with-melted-cheese_140725-3799.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lemon Spaghetti",
|
||||
price: "55 AED",
|
||||
variant: "Fan Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-tomato-red-pepper-sauce_114579-2487.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Crispy Baby Squid",
|
||||
price: "45 AED",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83768.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Morning Benedict",
|
||||
price: "50 AED",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-egg-benedict-white-plate_1203-7378.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Corn Salad",
|
||||
price: "40 AED",
|
||||
variant: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-salad-with-ingredients-dark-surface_140725-74891.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hibiscus Passion",
|
||||
price: "30 AED",
|
||||
variant: "Signature Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nonalcoholic-cocktails-are-table-beautiful-photo-drink-from-restaurant_132075-14710.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Lasagna", price: "65 AED", variant: "Signature Pasta", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-topped-with-melted-cheese_140725-3799.jpg" },
|
||||
{ id: "p2", name: "Lemon Spaghetti", price: "55 AED", variant: "Fan Favorite", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-tomato-red-pepper-sauce_114579-2487.jpg" },
|
||||
{ id: "p3", name: "Crispy Baby Squid", price: "45 AED", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83768.jpg" },
|
||||
{ id: "p4", name: "Morning Benedict", price: "50 AED", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-egg-benedict-white-plate_1203-7378.jpg" },
|
||||
{ id: "p5", name: "Corn Salad", price: "40 AED", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-salad-with-ingredients-dark-surface_140725-74891.jpg" },
|
||||
{ id: "p6", name: "Hibiscus Passion", price: "30 AED", variant: "Signature Drink", imageSrc: "http://img.b2bpic.net/free-photo/nonalcoholic-cocktails-are-table-beautiful-photo-drink-from-restaurant_132075-14710.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="A curated selection of our most beloved meals."
|
||||
@@ -231,31 +130,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081868.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-inviting-come-white-shirt-jacket-looking-confident-front-view_176474-99670.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatma Ahmed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081868.jpg" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-male-inviting-come-white-shirt-jacket-looking-confident-front-view_176474-99670.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg" },
|
||||
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg" },
|
||||
{ id: "5", name: "Fatma Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Guests Say"
|
||||
cardTag="Social Proof"
|
||||
@@ -270,27 +149,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Fresh Produce",
|
||||
description: "Locally sourced.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Hospitality",
|
||||
description: "Always welcoming.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k+",
|
||||
title: "Satisfied Diners",
|
||||
description: "Serving Sharjah.",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Fresh Produce", description: "Locally sourced.", icon: CheckCircle },
|
||||
{ id: "m2", value: "24/7", title: "Hospitality", description: "Always welcoming.", icon: Clock },
|
||||
{ id: "m3", value: "15k+", title: "Satisfied Diners", description: "Serving Sharjah.", icon: Users },
|
||||
]}
|
||||
title="Numbers That Matter"
|
||||
description="Excellence defined by consistency and community love."
|
||||
@@ -302,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you have outdoor seating?",
|
||||
content: "Yes, we offer both indoor and comfortable outdoor seating options.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the restaurant family-friendly?",
|
||||
content: "Absolutely! We welcome families for breakfast, lunch, and dinner.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I book a table?",
|
||||
content: "We recommend booking in advance, especially during weekends.",
|
||||
},
|
||||
{ id: "q1", title: "Do you have outdoor seating?", content: "Yes, we offer both indoor and comfortable outdoor seating options." },
|
||||
{ id: "q2", title: "Is the restaurant family-friendly?", content: "Absolutely! We welcome families for breakfast, lunch, and dinner." },
|
||||
{ id: "q3", title: "Can I book a table?", content: "We recommend booking in advance, especially during weekends." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -327,16 +176,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready for an unforgettable dining experience? Visit us or book your table now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Table", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -344,29 +186,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "Sharjah, UAE",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Open Daily",
|
||||
href: "#",
|
||||
},
|
||||
title: "Visit Us", items: [
|
||||
{ label: "Sharjah, UAE", href: "#" },
|
||||
{ label: "Open Daily", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user