Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Dining",
|
||||
id: "#dining",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Dining", id: "#dining" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Gaborone Club"
|
||||
/>
|
||||
@@ -59,18 +44,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Escape to the Dam."
|
||||
description="Experience Gaborone's premier destination for scenic sunset views, serene ambiance, and exceptional social dining experiences by the water."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lake-house_649448-539.jpg?_wi=1"
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lake-house_649448-539.jpg"
|
||||
imageAlt="Gaborone Dam scenic view"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,15 +57,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "An oasis in the heart of the city.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-restaurant_1127-2154.jpg",
|
||||
alt: "Serene clubhouse grounds",
|
||||
},
|
||||
{ type: "text", content: "An oasis in the heart of the city." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-restaurant_1127-2154.jpg", alt: "Serene clubhouse grounds" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,49 +70,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sunset Lounging",
|
||||
description: "The best views in Gaborone for watching the sun go down over the dam.",
|
||||
icon: Sun,
|
||||
title: "Sunset Lounging", description: "The best views in Gaborone for watching the sun go down over the dam.", icon: Sun,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-landscape_23-2151636351.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lake-house_649448-539.jpg?_wi=2",
|
||||
imageAlt: "premium bar drinks interior",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-landscape_23-2151636351.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Serene Environment",
|
||||
description: "Escape the madding crowd into a peaceful, lush, and quiet clubhouse atmosphere.",
|
||||
icon: Leaf,
|
||||
title: "Serene Environment", description: "Escape the madding crowd into a peaceful, lush, and quiet clubhouse atmosphere.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-bmx-rider-protective-helmet-getting-ready-jump-skatepark-indoors_613910-20931.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8989.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-restaurant_1127-2154.jpg",
|
||||
imageAlt: "premium bar drinks interior",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-bmx-rider-protective-helmet-getting-ready-jump-skatepark-indoors_613910-20931.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8989.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Exceptional Service",
|
||||
description: "Our team ensures every guest feels at home with premium service and drinks.",
|
||||
icon: Award,
|
||||
title: "Exceptional Service", description: "Our team ensures every guest feels at home with premium service and drinks.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copenhagen-opera-house-by-water-copenhagen-denmark_181624-8926.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-with-beer-bar_23-2147680747.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-man-taking-stroll_23-2150233339.jpg?_wi=1",
|
||||
imageAlt: "premium bar drinks interior",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copenhagen-opera-house-by-water-copenhagen-denmark_181624-8926.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-woman-with-beer-bar_23-2147680747.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Ambiance"
|
||||
@@ -155,36 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.2",
|
||||
title: "Star Rating",
|
||||
items: [
|
||||
"Based on 399 reviews",
|
||||
"Consistently high praise",
|
||||
"Top local choice",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Scenic Value",
|
||||
items: [
|
||||
"Lakefront location",
|
||||
"Sunset views included",
|
||||
"Serene vibe guaranteed",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Daily",
|
||||
title: "Happy Hours",
|
||||
items: [
|
||||
"Wednesdays & weekends",
|
||||
"Drink specials offered",
|
||||
"Best time to visit",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "4.2", title: "Star Rating", items: ["Based on 399 reviews", "Consistently high praise", "Top local choice"] },
|
||||
{ id: "2", value: "100%", title: "Scenic Value", items: ["Lakefront location", "Sunset views included", "Serene vibe guaranteed"] },
|
||||
{ id: "3", value: "Daily", title: "Happy Hours", items: ["Wednesdays & weekends", "Drink specials offered", "Best time to visit"] },
|
||||
]}
|
||||
title="Community Trusted"
|
||||
description="We are proud to serve our community, consistently rated for the best scenic dining."
|
||||
@@ -193,63 +113,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ravi Kumar",
|
||||
role: "Local Guide",
|
||||
company: "Gaborone Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-man-taking-stroll_23-2150233339.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smeeta Bijoor",
|
||||
role: "Local Guide",
|
||||
company: "Nature Lover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/affectionate-gay-couple-spending-time-together-beach_23-2150168362.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "E Lubs",
|
||||
role: "Local Guide",
|
||||
company: "Sunset Seeker",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-eating-berries-street_23-2150163560.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
role: "Regular Guest",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-alcohol-with-her-friends_23-2147828185.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jane",
|
||||
role: "Visitor",
|
||||
company: "Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5937.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ravi Kumar", role: "Local Guide", company: "Gaborone Enthusiast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-man-taking-stroll_23-2150233339.jpg" },
|
||||
{ id: "2", name: "Smeeta Bijoor", role: "Local Guide", company: "Nature Lover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/affectionate-gay-couple-spending-time-together-beach_23-2150168362.jpg" },
|
||||
{ id: "3", name: "E Lubs", role: "Local Guide", company: "Sunset Seeker", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-people-eating-berries-street_23-2150163560.jpg" },
|
||||
{ id: "4", name: "John Doe", role: "Regular Guest", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-alcohol-with-her-friends_23-2147828185.jpg" },
|
||||
{ id: "5", name: "Sarah Jane", role: "Visitor", company: "Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5937.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "399",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
value: "4.2",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "25+",
|
||||
label: "Sunset Fans",
|
||||
},
|
||||
{ value: "399", label: "Verified Reviews" },
|
||||
{ value: "4.2", label: "Average Rating" },
|
||||
{ value: "25+", label: "Sunset Fans" },
|
||||
]}
|
||||
title="Memories Made Here"
|
||||
description="See what our regulars have to say about the Gaborone Club experience."
|
||||
@@ -263,42 +140,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sunset Platter",
|
||||
price: "P150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6093.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Cocktail",
|
||||
price: "P85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-drinks-counter_107420-96320.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Club Snack Mix",
|
||||
price: "P60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-stuffed-tomato-dish-with-roasted-potato-yogurt-1_140725-6963.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Local Craft Beer",
|
||||
price: "P45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629566.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gourmet Tapa",
|
||||
price: "P95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-platter-tomato-cheese-salad-with-pesto-sauce_140725-5255.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dam View Wine",
|
||||
price: "P120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Sunset Platter", price: "P150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6093.jpg" },
|
||||
{ id: "p2", name: "Signature Cocktail", price: "P85", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-drinks-counter_107420-96320.jpg" },
|
||||
{ id: "p3", name: "Club Snack Mix", price: "P60", imageSrc: "http://img.b2bpic.net/free-photo/plate-stuffed-tomato-dish-with-roasted-potato-yogurt-1_140725-6963.jpg" },
|
||||
{ id: "p4", name: "Local Craft Beer", price: "P45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629566.jpg" },
|
||||
{ id: "p5", name: "Gourmet Tapa", price: "P95", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-platter-tomato-cheese-salad-with-pesto-sauce_140725-5255.jpg" },
|
||||
{ id: "p6", name: "Dam View Wine", price: "P120", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg" },
|
||||
]}
|
||||
title="Dine & Sip"
|
||||
description="While we aren't a traditional restaurant, we offer a select menu of delicious snacks and refreshing beverages designed for long evenings by the water."
|
||||
@@ -310,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "For the best table views towards the water, we highly recommend reserving ahead of time, especially on busy weekends.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open daily and typically close at 10:00 PM. Please check our live hours if you are visiting on holidays.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a happy hour?",
|
||||
content: "Yes, we host a popular Happy Hour on Wednesdays and select times on weekends.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need a reservation?", content: "For the best table views towards the water, we highly recommend reserving ahead of time, especially on busy weekends." },
|
||||
{ id: "q2", title: "What are your operating hours?", content: "We are open daily and typically close at 10:00 PM. Please check our live hours if you are visiting on holidays." },
|
||||
{ id: "q3", title: "Is there a happy hour?", content: "Yes, we host a popular Happy Hour on Wednesdays and select times on weekends." },
|
||||
]}
|
||||
title="Questions & Tips"
|
||||
description="Helpful information to plan your visit to our club."
|
||||
@@ -338,26 +173,11 @@ export default function LandingPage() {
|
||||
title="Visit Us Soon"
|
||||
description="Ready for a sunset view? Reach out to reserve your table today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Include table preference or number of guests",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Include table preference or number of guests" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836925.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -371,4 +191,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user