Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Romeo's"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Kampala's Pulse, 24/7"
|
||||
description="Experience vibrant nightlife, world-class barbecue, and live entertainment at Romeo's. Where flavors meet energy in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917882.jpg"
|
||||
imageAlt="Cinematic outdoor dining at Romeos"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5742.jpg",
|
||||
alt: "Girl with phone at night",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5742.jpg", alt: "Girl with phone at night"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-taking-food-photo_23-2149294488.jpg",
|
||||
alt: "Close up hands taking food photo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-taking-food-photo_23-2149294488.jpg", alt: "Close up hands taking food photo"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg",
|
||||
alt: "A woman sitting at the table with cocktail and burning candle side view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg", alt: "A woman sitting at the table with cocktail and burning candle side view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081456.jpg",
|
||||
alt: "Top view friends having lunch in luxury restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081456.jpg", alt: "Top view friends having lunch in luxury restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-hand-pouring-champagne-into-glass-ready-drink-blur-table-restaurant_1150-6451.jpg",
|
||||
alt: "man hand pouring champagne into glass ready to drink",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-hand-pouring-champagne-into-glass-ready-drink-blur-table-restaurant_1150-6451.jpg", alt: "man hand pouring champagne into glass ready to drink"},
|
||||
]}
|
||||
avatarText="Join our vibrant community of over 10,000 satisfied guests."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Barbecue",
|
||||
},
|
||||
type: "text", text: "Premium Barbecue"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live Music Performances",
|
||||
},
|
||||
type: "text", text: "Live Music Performances"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Football Screenings",
|
||||
},
|
||||
type: "text", text: "Football Screenings"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Signature Cocktails",
|
||||
},
|
||||
type: "text", text: "Signature Cocktails"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Service",
|
||||
},
|
||||
type: "text", text: "24/7 Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,14 +90,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Heart of Kampala Nights",
|
||||
},
|
||||
type: "text", content: "The Heart of Kampala Nights"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg",
|
||||
alt: "Modern African décor",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg", alt: "Modern African décor"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,39 +104,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Culinary Delights",
|
||||
subtitle: "Barbecue & Wings",
|
||||
category: "Food",
|
||||
value: "24/7",
|
||||
buttons: [
|
||||
id: "1", title: "Culinary Delights", subtitle: "Barbecue & Wings", category: "Food", value: "24/7", buttons: [
|
||||
{
|
||||
text: "Explore",
|
||||
},
|
||||
text: "Explore"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Live Entertainment",
|
||||
subtitle: "Bands & Music",
|
||||
category: "Nightlife",
|
||||
value: "Daily",
|
||||
buttons: [
|
||||
id: "2", title: "Live Entertainment", subtitle: "Bands & Music", category: "Nightlife", value: "Daily", buttons: [
|
||||
{
|
||||
text: "View Schedule",
|
||||
},
|
||||
text: "View Schedule"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sports Lounge",
|
||||
subtitle: "Football Screenings",
|
||||
category: "Lounge",
|
||||
value: "Live",
|
||||
buttons: [
|
||||
id: "3", title: "Sports Lounge", subtitle: "Football Screenings", category: "Lounge", value: "Live", buttons: [
|
||||
{
|
||||
text: "Watch Now",
|
||||
},
|
||||
text: "Watch Now"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -183,52 +129,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Barbecue",
|
||||
price: "UGX 35k",
|
||||
variant: "Platter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-red-fish-pan-newspaper-with-onions-sauces_140725-13948.jpg",
|
||||
},
|
||||
id: "1", name: "Signature Barbecue", price: "UGX 35k", variant: "Platter", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-red-fish-pan-newspaper-with-onions-sauces_140725-13948.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Wings",
|
||||
price: "UGX 25k",
|
||||
variant: "Mild/Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-thanksgiving-turkey_23-2148686228.jpg",
|
||||
},
|
||||
id: "2", name: "Classic Wings", price: "UGX 25k", variant: "Mild/Hot", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-thanksgiving-turkey_23-2148686228.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Meat Assortment",
|
||||
price: "UGX 55k",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-mixed-onions-herbs_140725-44191.jpg",
|
||||
},
|
||||
id: "3", name: "Meat Assortment", price: "UGX 55k", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-mixed-onions-herbs_140725-44191.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Local Fusion",
|
||||
price: "UGX 40k",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ratatouille_23-2148173910.jpg",
|
||||
},
|
||||
id: "4", name: "Local Fusion", price: "UGX 40k", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/ratatouille_23-2148173910.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Craft Cocktail",
|
||||
price: "UGX 20k",
|
||||
variant: "Spirits",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185353.jpg",
|
||||
},
|
||||
id: "5", name: "Craft Cocktail", price: "UGX 20k", variant: "Spirits", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185353.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Evening Special",
|
||||
price: "UGX 30k",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-couple-love-having-great-time-together-their-dating-attractive-couple-enjoying-each-other-young-woman-feeding-her-man-restaurant_613910-18761.jpg",
|
||||
},
|
||||
id: "6", name: "Evening Special", price: "UGX 30k", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-couple-love-having-great-time-together-their-dating-attractive-couple-enjoying-each-other-young-woman-feeding-her-man-restaurant_613910-18761.jpg"},
|
||||
]}
|
||||
title="Chef Specials"
|
||||
description="Our premium signature dishes crafted for the bold Ugandan palate."
|
||||
@@ -243,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah A.",
|
||||
role: "Visitor",
|
||||
company: "Birthday Party",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-caucasian-girls-guy-with-face-diry-with-cake-cream-are-laughting-sitting-around-table-outdoors_8353-10365.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah A.", role: "Visitor", company: "Birthday Party", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-caucasian-girls-guy-with-face-diry-with-cake-cream-are-laughting-sitting-around-table-outdoors_8353-10365.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark O.",
|
||||
role: "Friend",
|
||||
company: "Social Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525662.jpg",
|
||||
},
|
||||
id: "2", name: "Mark O.", role: "Friend", company: "Social Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525662.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jane K.",
|
||||
role: "Guest",
|
||||
company: "Date Night",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629588.jpg",
|
||||
},
|
||||
id: "3", name: "Jane K.", role: "Guest", company: "Date Night", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629588.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
role: "Client",
|
||||
company: "Business Lunch",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multicultural-friends-taking-selfie_23-2148422324.jpg",
|
||||
},
|
||||
id: "4", name: "David M.", role: "Client", company: "Business Lunch", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multicultural-friends-taking-selfie_23-2148422324.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sports Fan",
|
||||
role: "Visitor",
|
||||
company: "Football Night",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-having-fun-party_23-2149299039.jpg",
|
||||
},
|
||||
id: "5", name: "Sports Fan", role: "Visitor", company: "Football Night", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-having-fun-party_23-2149299039.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See why everyone keeps coming back for the Romeo's vibe."
|
||||
@@ -295,20 +187,11 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
description: "Happy Meals Served",
|
||||
},
|
||||
id: "1", value: "10k+", description: "Happy Meals Served"},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
description: "Always Open",
|
||||
},
|
||||
id: "2", value: "24/7", description: "Always Open"},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
description: "Safe Environment",
|
||||
},
|
||||
id: "3", value: "100%", description: "Safe Environment"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -320,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you really open 24 hours?",
|
||||
content: "Yes, we serve our full menu and refreshments anytime, day or night.",
|
||||
},
|
||||
id: "1", title: "Are you really open 24 hours?", content: "Yes, we serve our full menu and refreshments anytime, day or night."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we offer secure on-site parking for all our guests.",
|
||||
},
|
||||
id: "2", title: "Is parking available?", content: "Yes, we offer secure on-site parking for all our guests."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you accept large bookings?",
|
||||
content: "Absolutely. Birthdays, meetings, and events are welcome with prior reservation.",
|
||||
},
|
||||
id: "3", title: "Do you accept large bookings?", content: "Absolutely. Birthdays, meetings, and events are welcome with prior reservation."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at Romeo's."
|
||||
@@ -345,8 +219,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Updates"
|
||||
title="Stay Connected"
|
||||
description="Sign up for exclusive event updates and weekly specials directly to your inbox."
|
||||
|
||||
Reference in New Issue
Block a user