Merge version_1 into main #2
343
src/app/page.tsx
343
src/app/page.tsx
@@ -25,245 +25,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#navbar",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#location",
|
||||
},
|
||||
]}
|
||||
brandName="Rumbling Tum"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rumbling Tum"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Where Every Morning Feels Like Coming Home"
|
||||
description="Family-run for over a decade. Freshly cooked breakfasts, generous portions, and the kind of welcome that turns first-timers into regulars."
|
||||
tag="Ruislip's #1 Rated Cafe"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=1",
|
||||
imageAlt: "Freshly cooked breakfast plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=2",
|
||||
imageAlt: "Cozy cafe atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=3",
|
||||
imageAlt: "Friendly cafe service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=4",
|
||||
imageAlt: "Full english breakfast",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=5",
|
||||
imageAlt: "Delicious morning brunch",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=6",
|
||||
imageAlt: "Warm cafe interior",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Where Every Morning Feels Like Coming Home"
|
||||
description="Family-run for over a decade. Freshly cooked breakfasts, generous portions, and the kind of welcome that turns first-timers into regulars."
|
||||
tag="Ruislip's #1 Rated Cafe"
|
||||
buttons={[
|
||||
{ text: "Explore Our Menu", href: "#menu" },
|
||||
{ text: "Get Directions", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=1", imageAlt: "Freshly cooked breakfast plate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=2", imageAlt: "Cozy cafe atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=3", imageAlt: "Friendly cafe service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=4", imageAlt: "Full english breakfast" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=5", imageAlt: "Delicious morning brunch" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=6", imageAlt: "Warm cafe interior" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Cafe. A Ruislip Institution."
|
||||
description={[
|
||||
"For over a decade, Rumbling Tum Cafe has been the heart of Ruislip's morning ritual. What started as a small family-run kitchen has grown into the area's most loved breakfast destination.",
|
||||
"Our regulars don't just come for the food. They come because we remember their name, their order, and their story. That's the Rumbling Tum difference.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Cafe. A Ruislip Institution."
|
||||
description={[
|
||||
"For over a decade, Rumbling Tum Cafe has been the heart of Ruislip's morning ritual. What started as a small family-run kitchen has grown into the area's most loved breakfast destination.", "Our regulars don't just come for the food. They come because we remember their name, their order, and their story. That's the Rumbling Tum difference."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Breakfast",
|
||||
name: "Set 1",
|
||||
price: "£7.70",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-with-sausage-pan-olives-top-view_141793-4411.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Brunch",
|
||||
name: "Avocado Breakfast",
|
||||
price: "£10.40",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-breakfast-meal_23-2148878777.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Special",
|
||||
name: "Rumbling Mega Star",
|
||||
price: "£13.80",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-creative-arrangement-with-hamburger-menu_23-2148614121.jpg",
|
||||
},
|
||||
]}
|
||||
title="Hearty Plates, Honest Prices"
|
||||
description="All breakfasts served with tea or coffee. Freshly cooked to order, every day."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Breakfast", name: "Set 1", price: "£7.70", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/egg-with-sausage-pan-olives-top-view_141793-4411.jpg" },
|
||||
{ id: "p2", brand: "Brunch", name: "Avocado Breakfast", price: "£10.40", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-breakfast-meal_23-2148878777.jpg" },
|
||||
{ id: "p3", brand: "Special", name: "Rumbling Mega Star", price: "£13.80", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-creative-arrangement-with-hamburger-menu_23-2148614121.jpg" },
|
||||
]}
|
||||
title="Hearty Plates, Honest Prices"
|
||||
description="All breakfasts served with tea or coffee. Freshly cooked to order, every day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Hiten",
|
||||
role: "Local Guide",
|
||||
testimonial: "Rumbling Tum Cafe is a true gem in Ruislip! Great service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kim Wilmshurst",
|
||||
role: "Local Guide",
|
||||
testimonial: "Wow! Service with a smile. Perfectly cooked and very tasty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-girl-drinks-smoothie-takes-care-health-lead-active-lifestyle-sit-window-bar-cafe-table-turn-back-smiling-delighted-wait-friend-come-meeting-business-partner-restaurant_197531-22199.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Raji",
|
||||
role: "Local Guide",
|
||||
testimonial: "My family make an effort to come here at least once a week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-watermelon-slices_23-2149073113.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "JP",
|
||||
role: "Local Guide",
|
||||
testimonial: "I work all over the UK and this is THE BEST bacon egg roll.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-woman-eating-healthy-food-sitting-beautiful-interior-with-green-flowers_273443-1899.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Miller",
|
||||
role: "Local Resident",
|
||||
testimonial: "The atmosphere is always welcoming. A staple of my Saturday mornings!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Don't Take Our Word For It"
|
||||
description="Over 200 five-star reviews from the people who matter most — our customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Hiten", role: "Local Guide", testimonial: "Rumbling Tum Cafe is a true gem in Ruislip! Great service.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg?_wi=1" },
|
||||
{ id: "t2", name: "Kim Wilmshurst", role: "Local Guide", testimonial: "Wow! Service with a smile. Perfectly cooked and very tasty.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-girl-drinks-smoothie-takes-care-health-lead-active-lifestyle-sit-window-bar-cafe-table-turn-back-smiling-delighted-wait-friend-come-meeting-business-partner-restaurant_197531-22199.jpg" },
|
||||
{ id: "t3", name: "Raji", role: "Local Guide", testimonial: "My family make an effort to come here at least once a week.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-watermelon-slices_23-2149073113.jpg" },
|
||||
{ id: "t4", name: "JP", role: "Local Guide", testimonial: "I work all over the UK and this is THE BEST bacon egg roll.", imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-woman-eating-healthy-food-sitting-beautiful-interior-with-green-flowers_273443-1899.jpg" },
|
||||
{ id: "t5", name: "Sarah Miller", role: "Local Resident", testimonial: "The atmosphere is always welcoming. A staple of my Saturday mornings!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg?_wi=2" },
|
||||
]}
|
||||
title="Don't Take Our Word For It"
|
||||
description="Over 200 five-star reviews from the people who matter most — our customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Come Hungry, Leave Happy"
|
||||
description="We're right on the high street in Ruislip, opposite the supermarket car park. Easy to find, easy to park, impossible to forget."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-taking-selfie_23-2149366413.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Come Hungry, Leave Happy"
|
||||
description="We're right on the high street in Ruislip, opposite the supermarket car park. Easy to find, easy to park, impossible to forget."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-taking-selfie_23-2149366413.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "Victoria Road, Ruislip",
|
||||
href: "#location",
|
||||
},
|
||||
{
|
||||
label: "London HA4",
|
||||
href: "#location",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Sat: 7am-3pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sunday: 8am-2pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Rumbling Tum Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit Us", items: [
|
||||
{ label: "Victoria Road, Ruislip", href: "#contact" },
|
||||
{ label: "London HA4", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{ label: "Mon-Sat: 7am-3pm", href: "#" },
|
||||
{ label: "Sunday: 8am-2pm", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Rumbling Tum Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user