Merge version_1 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
name: "Gallery", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Klub Splash"
|
||||
/>
|
||||
@@ -59,41 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Experience Klub Splash Executive"
|
||||
description="Your premier destination for sophisticated relaxation, premium drinks, and elite service. Secure your spot today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9595.jpg?_wi=1",
|
||||
imageAlt: "Club Atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9595.jpg", imageAlt: "Club Atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beaujtiful-woman-luxury-travcel-house_23-2149140863.jpg?_wi=1",
|
||||
imageAlt: "Poolside Lounge",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beaujtiful-woman-luxury-travcel-house_23-2149140863.jpg", imageAlt: "Poolside Lounge"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cocktail-glass-table_140725-9711.jpg?_wi=1",
|
||||
imageAlt: "Cocktail Bar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cocktail-glass-table_140725-9711.jpg", imageAlt: "Cocktail Bar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359375.jpg",
|
||||
imageAlt: "Bottle Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359375.jpg", imageAlt: "Bottle Service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-cactus-white-furniture_23-2151972881.jpg",
|
||||
imageAlt: "Executive Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-cactus-white-furniture_23-2151972881.jpg", imageAlt: "Executive Interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,18 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Gold Standard ",
|
||||
},
|
||||
type: "text", content: "The Gold Standard "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pensive-trendy-woman-sunglasses-white-tshirt-with-pink-neon-lights_613910-21499.jpg",
|
||||
alt: "Klub Splash Interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-pensive-trendy-woman-sunglasses-white-tshirt-with-pink-neon-lights_613910-21499.jpg", alt: "Klub Splash Interior"},
|
||||
{
|
||||
type: "text",
|
||||
content: " of Relaxation",
|
||||
},
|
||||
type: "text", content: " of Relaxation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,28 +94,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Drinks",
|
||||
description: "Expertly crafted cocktails and rare spirits.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9595.jpg?_wi=2",
|
||||
imageAlt: "luxury club lounge",
|
||||
title: "Premium Drinks", description: "Expertly crafted cocktails and rare spirits.", bentoComponent: "reveal-icon", icon: Droplets
|
||||
},
|
||||
{
|
||||
title: "VIP Service",
|
||||
description: "Personalized service for every member.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Crown,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beaujtiful-woman-luxury-travcel-house_23-2149140863.jpg?_wi=2",
|
||||
imageAlt: "luxury poolside lounge",
|
||||
title: "VIP Service", description: "Personalized service for every member.", bentoComponent: "reveal-icon", icon: Crown
|
||||
},
|
||||
{
|
||||
title: "Live Entertainment",
|
||||
description: "Curated music and performance events.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cocktail-glass-table_140725-9711.jpg?_wi=2",
|
||||
imageAlt: "luxury bar counter",
|
||||
title: "Live Entertainment", description: "Curated music and performance events.", bentoComponent: "reveal-icon", icon: Headphones
|
||||
},
|
||||
]}
|
||||
title="Why Klub Splash?"
|
||||
@@ -163,40 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Cocktail",
|
||||
price: "$25",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-wine-crystal-glass-served-with-black-caviar-cookies_140725-493.jpg",
|
||||
},
|
||||
id: "1", name: "Signature Cocktail", price: "$25", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/white-wine-crystal-glass-served-with-black-caviar-cookies_140725-493.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Champagne Service",
|
||||
price: "$150",
|
||||
variant: "VIP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-glasses-with-drinks-table_23-2148667928.jpg",
|
||||
},
|
||||
id: "2", name: "Champagne Service", price: "$150", variant: "VIP", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-glasses-with-drinks-table_23-2148667928.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gourmet Platter",
|
||||
price: "$45",
|
||||
variant: "Shareable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113915.jpg",
|
||||
},
|
||||
id: "3", name: "Gourmet Platter", price: "$45", variant: "Shareable", imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113915.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Table Reservation",
|
||||
price: "$100",
|
||||
variant: "Entry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-arrangement-with-number_23-2149436437.jpg",
|
||||
},
|
||||
id: "4", name: "Table Reservation", price: "$100", variant: "Entry", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-arrangement-with-number_23-2149436437.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Annual Membership",
|
||||
price: "$500",
|
||||
variant: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-putting-music-stage_482257-79217.jpg",
|
||||
},
|
||||
id: "5", name: "Annual Membership", price: "$500", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-putting-music-stage_482257-79217.jpg"},
|
||||
]}
|
||||
title="Curated Offerings"
|
||||
description="Discover our signature menu items and exclusive service packages."
|
||||
@@ -208,30 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2727.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2727.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-book-outdoors_1303-22089.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-book-outdoors_1303-22089.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-crossing-fingers_1187-3451.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-crossing-fingers_1187-3451.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
id: "5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
|
||||
]}
|
||||
cardTitle="Member Reviews"
|
||||
cardTag="Testimonials"
|
||||
@@ -245,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "While walk-ins are welcome, reservations are highly recommended, especially on weekends.",
|
||||
},
|
||||
id: "1", title: "Do I need a reservation?", content: "While walk-ins are welcome, reservations are highly recommended, especially on weekends."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is the dress code?",
|
||||
content: "We maintain a smart-casual to business-elegant dress code.",
|
||||
},
|
||||
id: "2", title: "What is the dress code?", content: "We maintain a smart-casual to business-elegant dress code."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I become a member?",
|
||||
content: "Please contact us via the membership form on our contact page or at the front desk.",
|
||||
},
|
||||
id: "3", title: "How do I become a member?", content: "Please contact us via the membership form on our contact page or at the front desk."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you plan your visit to Klub Splash Executive."
|
||||
@@ -270,20 +174,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Executive Experience"
|
||||
description="Ready to visit? Click below to reserve your table or message us on WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Message on WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "Message on WhatsApp", href: "https://wa.me/yournumber"},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Make a Reservation", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,33 +193,21 @@ export default function LandingPage() {
|
||||
logoText="Klub Splash Executive"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Gallery", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user