Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Spur Manzini"
|
||||
/>
|
||||
@@ -55,67 +43,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Family Dining Done Right in Manzini"
|
||||
description="Experience fresh meals, great atmosphere, and quality service at your favorite local family restaurant."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/26876000000",
|
||||
},
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/26876000000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-communicating-while-using-cell-phone-cafe_637285-9129.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-communicating-while-using-cell-phone-cafe_637285-9129.jpg"
|
||||
imageAlt="Spur Manzini restaurant atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg",
|
||||
alt: "Young friends enjoying time together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg",
|
||||
alt: "Older friends eating at a restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-shaking-hands-restaurant_23-2148395405.jpg",
|
||||
alt: "Friends shaking hands at restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-mother-kid-licking-ice-cream-cones_23-2149426718.jpg",
|
||||
alt: "Front view mother and kid licking ice cream cones",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-kitchen_637285-3750.jpg",
|
||||
alt: "Happy little girl having fun with her parents in the kitchen",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg", alt: "Young friends enjoying time together" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg", alt: "Older friends eating at a restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-shaking-hands-restaurant_23-2148395405.jpg", alt: "Friends shaking hands at restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-mother-kid-licking-ice-cream-cones_23-2149426718.jpg", alt: "Front view mother and kid licking ice cream cones" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-kitchen_637285-3750.jpg", alt: "Happy little girl having fun with her parents in the kitchen" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Steaks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Favorite",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Great Service",
|
||||
},
|
||||
{ type: "text", text: "Quality Steaks" },
|
||||
{ type: "text", text: "Family Friendly" },
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Local Favorite" },
|
||||
{ type: "text", text: "Great Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,7 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Meal"
|
||||
description="At Spur Manzini, we believe in creating moments that matter. From birthday celebrations to weekend family dinners, we are committed to fresh food and warm hospitality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312219.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312219.jpg"
|
||||
imageAlt="Warm restaurant dining experience"
|
||||
/>
|
||||
</div>
|
||||
@@ -137,50 +87,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Family Atmosphere",
|
||||
description: "Kid-friendly spaces and comfortable seating for all ages.",
|
||||
icon: Users,
|
||||
title: "Family Atmosphere", description: "Kid-friendly spaces and comfortable seating for all ages.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717839.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-researching-new-cooking-techniques-kitchen-uses-laptop_482257-121161.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-using-cell-phone-cafe_637285-9129.jpg?_wi=2",
|
||||
imageAlt: "family restaurant dining atmosphere warm",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717839.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-researching-new-cooking-techniques-kitchen-uses-laptop_482257-121161.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Locally sourced produce for a fresher taste.",
|
||||
icon: Leaf,
|
||||
title: "Fresh Ingredients", description: "Locally sourced produce for a fresher taste.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-served-with-boiled-asparagus-spinach-sauce_140725-5091.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-serving-grilled-steak-vegetables_23-2148167618.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312219.jpg?_wi=2",
|
||||
imageAlt: "family restaurant dining atmosphere warm",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-served-with-boiled-asparagus-spinach-sauce_140725-5091.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-serving-grilled-steak-vegetables_23-2148167618.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Fast Takeaway",
|
||||
description: "Quick and reliable service for your convenience.",
|
||||
icon: Clock,
|
||||
title: "Fast Takeaway", description: "Quick and reliable service for your convenience.", icon: Clock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tartlets-with-pistachios-strawberry-cream-chocolate-tea-side-view_141793-4157.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",
|
||||
imageAlt: "family restaurant dining atmosphere warm",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tartlets-with-pistachios-strawberry-cream-chocolate-tea-side-view_141793-4157.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We put our customers first with every dish we serve."
|
||||
@@ -194,60 +120,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Spur",
|
||||
name: "Classic Rump Steak",
|
||||
price: "R 189",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Spur",
|
||||
name: "Double Cheddar Burger",
|
||||
price: "R 129",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-local-food-composition_23-2148833806.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Spur",
|
||||
name: "Kids Meal Combo",
|
||||
price: "R 79",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries-wooden-board_140725-4506.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Spur",
|
||||
name: "Sharing Platter",
|
||||
price: "R 249",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-roasted-potatoes-one-portion_114579-2428.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Spur",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "R 65",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-holding-plate_23-2149882898.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Spur",
|
||||
name: "Fresh Orange Juice",
|
||||
price: "R 35",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swiss-meringue-cake-red-plate_114579-3057.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Spur", name: "Classic Rump Steak", price: "R 189", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg" },
|
||||
{ id: "p2", brand: "Spur", name: "Double Cheddar Burger", price: "R 129", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-local-food-composition_23-2148833806.jpg" },
|
||||
{ id: "p3", brand: "Spur", name: "Kids Meal Combo", price: "R 79", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries-wooden-board_140725-4506.jpg" },
|
||||
{ id: "p4", brand: "Spur", name: "Sharing Platter", price: "R 249", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-roasted-potatoes-one-portion_114579-2428.jpg" },
|
||||
{ id: "p5", brand: "Spur", name: "Chocolate Lava Cake", price: "R 65", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-holding-plate_23-2149882898.jpg" },
|
||||
{ id: "p6", brand: "Spur", name: "Fresh Orange Juice", price: "R 35", rating: 4, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/swiss-meringue-cake-red-plate_114579-3057.jpg" }
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="Explore our delicious selection of steaks, burgers, and family favorites."
|
||||
@@ -260,33 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Dining Experiences",
|
||||
"Celebrations",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8",
|
||||
title: "Average Rating",
|
||||
items: [
|
||||
"Google Reviews",
|
||||
"Customer Trust",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years Serving",
|
||||
items: [
|
||||
"Local Tradition",
|
||||
"Community Focus",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Happy Customers", items: ["Dining Experiences", "Celebrations"] },
|
||||
{ id: "m2", value: "4.8", title: "Average Rating", items: ["Google Reviews", "Customer Trust"] },
|
||||
{ id: "m3", value: "15+", title: "Years Serving", items: ["Local Tradition", "Community Focus"] },
|
||||
]}
|
||||
title="Loved By Locals"
|
||||
description="Our commitment to excellence speaks for itself."
|
||||
@@ -300,26 +154,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Dlamini"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-family-relaxing-while-talking-dining-table_637285-12669.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-time-with-their-little-daughter-outdoor-cafe-family-people-concept_613910-3878.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-extended-family-having-fun-while-toasting-lunch-dining-table-focus-is-young-man_637285-2868.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-african-american-family-relaxing-while-talking-dining-table_637285-12669.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-time-with-their-little-daughter-outdoor-cafe-family-people-concept_613910-3878.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-extended-family-having-fun-while-toasting-lunch-dining-table-focus-is-young-man_637285-2868.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -331,21 +170,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we encourage reservations for weekend dining and large groups.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes, ample parking is available right outside the restaurant.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have kids' meals?",
|
||||
content: "We have a dedicated kids' menu packed with favorites like burgers and chicken strips.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we encourage reservations for weekend dining and large groups." },
|
||||
{ id: "f2", title: "Is there parking available?", content: "Yes, ample parking is available right outside the restaurant." },
|
||||
{ id: "f3", title: "Do you have kids' meals?", content: "We have a dedicated kids' menu packed with favorites like burgers and chicken strips." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -361,24 +188,10 @@ export default function LandingPage() {
|
||||
title="Book Your Table"
|
||||
description="Ready to celebrate? Fill out the form and we will confirm your booking as soon as possible."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "requests",
|
||||
placeholder: "Date, time, and special requests",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "requests", placeholder: "Date, time, and special requests", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-air-hostess-talking-her-mobile-phone_107420-85038.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -387,33 +200,16 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -423,4 +219,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user