1 Commits

Author SHA1 Message Date
2dc036f204 Update src/app/page.tsx 2026-04-23 23:50:30 +00:00

View File

@@ -32,79 +32,46 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Menu", name: "Menu", id: "#dishes"},
id: "#dishes",
},
{ {
name: "About", name: "About", id: "#solution"},
id: "#solution",
},
{ {
name: "Find Us", name: "Find Us", id: "#find-us"},
id: "#find-us",
},
{ {
name: "Book a Table", name: "Book a Table", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Lona" brandName="Lona"
button={{ button={{
text: "Reserve a Table", text: "Reserve a Table", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Transport Your Senses to the Streets of Beirut." title="Transport Your Senses to the Streets of Beirut."
description="Forget the bland chains. Discover the smoky, charcoal-kissed soul of Bristol's most authentic Lebanese kitchen." description="Forget the bland chains. Discover the smoky, charcoal-kissed soul of Bristol's most authentic Lebanese kitchen."
tag="Bristol's #1 Authentically Lebanese Kitchen" tag="Bristol's #1 Authentically Lebanese Kitchen"
buttons={[ buttons={[
{ {
text: "Book Your Table", text: "Book Your Table", href: "#contact"},
href: "#contact",
},
{ {
text: "View the Menu", text: "View the Menu", href: "#dishes"},
href: "#dishes",
},
]} ]}
carouselItems={[ carouselItems={[
{ {
id: "1", id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-delicious-local-food-dish-with-copy-space_23-2148833858.jpg", imageAlt: "lebanese food charcoal grill table"},
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-delicious-local-food-dish-with-copy-space_23-2148833858.jpg",
imageAlt: "lebanese food charcoal grill table",
},
{ {
id: "2", id: "2", imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320496.jpg", imageAlt: "charcoal smoke grill lebanese"},
imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320496.jpg",
imageAlt: "charcoal smoke grill lebanese",
},
{ {
id: "3", id: "3", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028615.jpg", imageAlt: "fresh lebanese ingredients market"},
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028615.jpg",
imageAlt: "fresh lebanese ingredients market",
},
{ {
id: "4", id: "4", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-bright-color-sitting-furniturs-panoramic-windows_114579-1521.jpg", imageAlt: "cozy lebanese restaurant interior"},
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-bright-color-sitting-furniturs-panoramic-windows_114579-1521.jpg",
imageAlt: "cozy lebanese restaurant interior",
},
{ {
id: "5", id: "5", imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-assorted-traditional-turkish-delight-with-nuts_114579-11053.jpg", imageAlt: "freshly baked lebanese flatbread"},
imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-assorted-traditional-turkish-delight-with-nuts_114579-11053.jpg",
imageAlt: "freshly baked lebanese flatbread",
},
{ {
id: "6", id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-holding-sangria-glass_23-2149426422.jpg", imageAlt: "fresh fruit juice smoothie"},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-holding-sangria-glass_23-2149426422.jpg",
imageAlt: "fresh fruit juice smoothie",
},
]} ]}
/> />
</div> </div>
@@ -114,14 +81,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"4.8★ Google Rating", "4.8★ Google Rating", "300+ Five-Star Reviews", "100% Halal Certified", "10+ Years Serving Bristol", "Voted Local Favourite", "Authentic Family Recipes", "Gloucester Road Staple"]}
"300+ Five-Star Reviews",
"100% Halal Certified",
"10+ Years Serving Bristol",
"Voted Local Favourite",
"Authentic Family Recipes",
"Gloucester Road Staple",
]}
title="The Numbers Don't Lie." title="The Numbers Don't Lie."
description="Real Bristolians, real appetites, real flavour." description="Real Bristolians, real appetites, real flavour."
/> />
@@ -133,23 +93,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "The Blandness Trap", title: "The Blandness Trap", description: "Mass-produced sauces that lose all fragrance before they hit your table.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hummus-with-chickpeas_23-2149483855.jpg", imageAlt: "lebanese food charcoal grill table"},
description: "Mass-produced sauces that lose all fragrance before they hit your table.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hummus-with-chickpeas_23-2149483855.jpg",
imageAlt: "lebanese food charcoal grill table",
},
{ {
title: "The Factory Experience", title: "The Factory Experience", description: "When 'authentic' is just a marketing sticker, not a kitchen practice.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tike-kebab-skewers-pita-bread-with-vegetable-salad-ketchup_141793-4250.jpg", imageAlt: "charcoal smoke grill lebanese"},
description: "When 'authentic' is just a marketing sticker, not a kitchen practice.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tike-kebab-skewers-pita-bread-with-vegetable-salad-ketchup_141793-4250.jpg",
imageAlt: "charcoal smoke grill lebanese",
},
{ {
title: "The Regretful Bill", title: "The Regretful Bill", description: "Paying premium prices for food that leaves your stomach and memory empty.", imageSrc: "http://img.b2bpic.net/free-photo/customer-holding-parsley-leaves_23-2148648943.jpg", imageAlt: "fresh lebanese ingredients market"},
description: "Paying premium prices for food that leaves your stomach and memory empty.",
imageSrc: "http://img.b2bpic.net/free-photo/customer-holding-parsley-leaves_23-2148648943.jpg",
imageAlt: "fresh lebanese ingredients market",
},
]} ]}
title="Tired of Dining Out and Feeling... Nothing?" title="Tired of Dining Out and Feeling... Nothing?"
description="You know the feeling. Another Friday night, another 'Middle Eastern inspired' meal that tastes like cardboard and mass-production. You wanted fire, aroma, and soul—you got tepid spice and a heavy bill. Your dinner deserves better than forgettable." description="You know the feeling. Another Friday night, another 'Middle Eastern inspired' meal that tastes like cardboard and mass-production. You wanted fire, aroma, and soul—you got tepid spice and a heavy bill. Your dinner deserves better than forgettable."
@@ -163,17 +111,11 @@ export default function LandingPage() {
description="Step off Gloucester Road and into our kitchen. Here, the charcoal is always hot, the music is always playing, and the recipes are handed down through generations, not written in a corporate manual. From the first bite of warm pita to the last drop of our signature fresh juice, this isn't just dinner—it's an experience." description="Step off Gloucester Road and into our kitchen. Here, the charcoal is always hot, the music is always playing, and the recipes are handed down through generations, not written in a corporate manual. From the first bite of warm pita to the last drop of our signature fresh juice, this isn't just dinner—it's an experience."
metrics={[ metrics={[
{ {
value: "100%", value: "100%", title: "Halal Meats"},
title: "Halal Meats",
},
{ {
value: "Fresh", value: "Fresh", title: "Daily Kitchen"},
title: "Daily Kitchen",
},
{ {
value: "Real", value: "Real", title: "Family Recipes"},
title: "Family Recipes",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/bowl-french-dessert-garnished-with-berries-placed-book_140725-8511.jpg" imageSrc="http://img.b2bpic.net/free-photo/bowl-french-dessert-garnished-with-berries-placed-book_140725-8511.jpg"
imageAlt="cozy lebanese restaurant interior" imageAlt="cozy lebanese restaurant interior"
@@ -190,47 +132,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "1", id: "1", name: "Mixed Grill Platter", price: "The Smokiest Flavour", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-kebab-platter-with-lamb-chicken-vegetable-kebabs_140725-4846.jpg", imageAlt: "mixed grill platter middle eastern"},
name: "Mixed Grill Platter",
price: "The Smokiest Flavour",
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-kebab-platter-with-lamb-chicken-vegetable-kebabs_140725-4846.jpg",
imageAlt: "mixed grill platter middle eastern",
},
{ {
id: "2", id: "2", name: "Spicy Hummus", price: "Hand-Blended Perfection", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-local-food-dish_23-2148833869.jpg", imageAlt: "spicy hummus bowl olive oil"},
name: "Spicy Hummus",
price: "Hand-Blended Perfection",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-local-food-dish_23-2148833869.jpg",
imageAlt: "spicy hummus bowl olive oil",
},
{ {
id: "3", id: "3", name: "King Prawns", price: "Charcoal-Kissed Seafood", imageSrc: "http://img.b2bpic.net/free-photo/seafood-shrimp-skewers-with-sauce_23-2148637782.jpg", imageAlt: "king prawns grilled mediterranean"},
name: "King Prawns",
price: "Charcoal-Kissed Seafood",
imageSrc: "http://img.b2bpic.net/free-photo/seafood-shrimp-skewers-with-sauce_23-2148637782.jpg",
imageAlt: "king prawns grilled mediterranean",
},
{ {
id: "4", id: "4", name: "Fresh Juice Bar", price: "Nature's Own Tonic", imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoothie-glass-with-straw_23-2148922344.jpg", imageAlt: "fresh fruit smoothie vibrant"},
name: "Fresh Juice Bar",
price: "Nature's Own Tonic",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoothie-glass-with-straw_23-2148922344.jpg",
imageAlt: "fresh fruit smoothie vibrant",
},
{ {
id: "5", id: "5", name: "Veggie Mezza", price: "Vibrant Garden Harvest", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-composition_23-2148814499.jpg", imageAlt: "veggie mezza platter lebanese"},
name: "Veggie Mezza",
price: "Vibrant Garden Harvest",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-composition_23-2148814499.jpg",
imageAlt: "veggie mezza platter lebanese",
},
{ {
id: "6", id: "6", name: "Baklava Dessert", price: "Golden Layers of Joy", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijan-holiday-novruz-cookies-baklava-white-plate_114579-1605.jpg", imageAlt: "baklava dessert plate sweet"},
name: "Baklava Dessert",
price: "Golden Layers of Joy",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijan-holiday-novruz-cookies-baklava-white-plate_114579-1605.jpg",
imageAlt: "baklava dessert plate sweet",
},
]} ]}
title="Dishes That Demand a Return." title="Dishes That Demand a Return."
description="These aren't menu items; they are the reasons you'll be back next weekend." description="These aren't menu items; they are the reasons you'll be back next weekend."
@@ -243,29 +155,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Halal Certified", title: "Halal Certified", description: "Quality meets faith. We ensure every cut is handled with the utmost care.", imageSrc: "http://img.b2bpic.net/free-photo/national-sac-grill-foods-ingredients-dinner-menu_114579-1747.jpg", imageAlt: "lebanese food charcoal grill table"},
description: "Quality meets faith. We ensure every cut is handled with the utmost care.",
imageSrc: "http://img.b2bpic.net/free-photo/national-sac-grill-foods-ingredients-dinner-menu_114579-1747.jpg",
imageAlt: "lebanese food charcoal grill table",
},
{ {
title: "Truly Fresh", title: "Truly Fresh", description: "Nothing pre-packaged. Everything prepared daily by people who love food.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burning-firepit_23-2147840856.jpg", imageAlt: "charcoal smoke grill lebanese"},
description: "Nothing pre-packaged. Everything prepared daily by people who love food.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-burning-firepit_23-2147840856.jpg",
imageAlt: "charcoal smoke grill lebanese",
},
{ {
title: "Family Friendly", title: "Family Friendly", description: "Tables built for sharing, groups built for celebration.", imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg", imageAlt: "fresh lebanese ingredients market"},
description: "Tables built for sharing, groups built for celebration.",
imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg",
imageAlt: "fresh lebanese ingredients market",
},
{ {
title: "Juice Bar Magic", title: "Juice Bar Magic", description: "Fresh pressed blends that make your average cocktail look dull.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-kombucha_23-2150171587.jpg", imageAlt: "fresh fruit juice smoothie"},
description: "Fresh pressed blends that make your average cocktail look dull.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-kombucha_23-2150171587.jpg",
imageAlt: "fresh fruit juice smoothie",
},
]} ]}
title="Why Lona Feels Different." title="Why Lona Feels Different."
description="We don't cut corners, and we definitely don't open boxes of pre-packaged mix." description="We don't cut corners, and we definitely don't open boxes of pre-packaged mix."
@@ -279,45 +175,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", handle: "Local Regular", testimonial: "I've been coming here for five years. It still tastes exactly like the first time—like someone actually cared when they cooked it.", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg"},
handle: "Local Regular",
testimonial: "I've been coming here for five years. It still tastes exactly like the first time—like someone actually cared when they cooked it.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg",
},
{ {
id: "2", id: "2", name: "Mark D.", handle: "Birthday Group", testimonial: "The music, the parade, the food... my birthday here was better than any club in Bristol. The team made us feel like family.", rating: 5,
name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173263.jpg"},
handle: "Birthday Group",
testimonial: "The music, the parade, the food... my birthday here was better than any club in Bristol. The team made us feel like family.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173263.jpg",
},
{ {
id: "3", id: "3", name: "Fatima A.", handle: "Foodie", testimonial: "I was skeptical about the 'authentic' claim. Then I took one bite of the hummus. I don't go anywhere else now.", rating: 5,
name: "Fatima A.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95801.jpg"},
handle: "Foodie",
testimonial: "I was skeptical about the 'authentic' claim. Then I took one bite of the hummus. I don't go anywhere else now.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95801.jpg",
},
{ {
id: "4", id: "4", name: "James R.", handle: "Gloucester Road Local", testimonial: "Queue? Yes, there's always one. Is it worth it? Every single minute. Don't let the wait stop you.", rating: 5,
name: "James R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man_329181-19881.jpg"},
handle: "Gloucester Road Local",
testimonial: "Queue? Yes, there's always one. Is it worth it? Every single minute. Don't let the wait stop you.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man_329181-19881.jpg",
},
{ {
id: "5", id: "5", name: "Emma L.", handle: "Date Night", testimonial: "Candlelight, charcoal smoke, and the best lamb skewers in Bristol. Perfect for our anniversary.", rating: 5,
name: "Emma L.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-happy-enthusiastic-creative-redhead-female-redhead-with-cute-freckles-glasses-yellow-striped-blouse-raising-thumbs-up-approval-agree-gesture-smiling-delighted_176420-23801.jpg"},
handle: "Date Night",
testimonial: "Candlelight, charcoal smoke, and the best lamb skewers in Bristol. Perfect for our anniversary.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-happy-enthusiastic-creative-redhead-female-redhead-with-cute-freckles-glasses-yellow-striped-blouse-raising-thumbs-up-approval-agree-gesture-smiling-delighted_176420-23801.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Don't Take Our Word For It." title="Don't Take Our Word For It."
@@ -332,28 +203,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "s1", id: "s1", value: "1.", title: "Reserve or Walk In", items: [
value: "1.", "Booking recommended on weekends."],
title: "Reserve or Walk In",
items: [
"Booking recommended on weekends.",
],
}, },
{ {
id: "s2", id: "s2", value: "2.", title: "Warm Welcome", items: [
value: "2.", "Start with complimentary salad."],
title: "Warm Welcome",
items: [
"Start with complimentary salad.",
],
}, },
{ {
id: "s3", id: "s3", value: "3.", title: "Share the Meal", items: [
value: "3.", "Unforgettable Lebanese flavours."],
title: "Share the Meal",
items: [
"Unforgettable Lebanese flavours.",
],
}, },
]} ]}
title="Your Experience." title="Your Experience."
@@ -367,23 +226,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Birthdays", title: "Birthdays", description: "Expect live music parades and smiles.", imageSrc: "http://img.b2bpic.net/free-photo/kebab-platter-with-lamb-chicken-lula-tikka-kebabs-grilled-vegetables-with-red-onion-salad_141793-2250.jpg", imageAlt: "lebanese food charcoal grill table"},
description: "Expect live music parades and smiles.",
imageSrc: "http://img.b2bpic.net/free-photo/kebab-platter-with-lamb-chicken-lula-tikka-kebabs-grilled-vegetables-with-red-onion-salad_141793-2250.jpg",
imageAlt: "lebanese food charcoal grill table",
},
{ {
title: "Date Nights", title: "Date Nights", description: "Candlelight, great music, and even better food.", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-meat-skewers-grilled_23-2148632662.jpg", imageAlt: "charcoal smoke grill lebanese"},
description: "Candlelight, great music, and even better food.",
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-meat-skewers-grilled_23-2148632662.jpg",
imageAlt: "charcoal smoke grill lebanese",
},
{ {
title: "Friday Night Out", title: "Friday Night Out", description: "The perfect starting point for your Bristol weekend.", imageSrc: "http://img.b2bpic.net/free-photo/marinated-olives-cans-market_1398-2250.jpg", imageAlt: "fresh lebanese ingredients market"},
description: "The perfect starting point for your Bristol weekend.",
imageSrc: "http://img.b2bpic.net/free-photo/marinated-olives-cans-market_1398-2250.jpg",
imageAlt: "fresh lebanese ingredients market",
},
]} ]}
title="Perfect for Every Moment." title="Perfect for Every Moment."
description="From quiet dates to chaotic birthday parades, we host it all with warmth." description="From quiet dates to chaotic birthday parades, we host it all with warmth."
@@ -393,24 +240,16 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Don't Let Another Forgettable Dinner Win." title="Secure Your Seat for an Authentic Lebanese Experience"
description="Walk-ins always welcome, but booking ensures your spot. Find us at 281 Gloucester Rd, Bishopston, Bristol BS7 8NY." description="Walk-ins always welcome, but booking ensures your spot. Find us at 281 Gloucester Rd, Bishopston, Bristol BS7 8NY."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name"},
type: "text",
placeholder: "Your Name",
},
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email"},
type: "email",
placeholder: "Your Email",
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Reservation details (Date/Time/Guests)"}}
placeholder: "Reservation details (Date/Time/Guests)",
}}
imageSrc="http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg" imageSrc="http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg"
buttonText="Book a Table Tonight" buttonText="Book a Table Tonight"
/> />
@@ -420,13 +259,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Lona Grill House & Juice Bar" logoText="Lona Grill House & Juice Bar"
leftLink={{ leftLink={{
text: "281 Gloucester Rd, Bishopston, Bristol BS7 8NY", text: "281 Gloucester Rd, Bishopston, Bristol BS7 8NY", href: "#contact"}}
href: "#contact",
}}
rightLink={{ rightLink={{
text: "© 2025 Lona Grill House & Juice Bar", text: "© 2025 Lona Grill House & Juice Bar", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>