Merge version_1 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vivo Luxury"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Redefining Luxury Nights"
|
||||
description="Experience the pinnacle of mixology in an environment crafted for the discerning palate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg?_wi=1",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176813.jpg?_wi=1",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176813.jpg"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047548.jpg?_wi=1",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047548.jpg"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494237.jpg",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494237.jpg"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-drink-bar_23-2150444016.jpg",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-drink-bar_23-2150444016.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,9 +78,7 @@ export default function LandingPage() {
|
||||
title="Where Art Meets Spirits"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,41 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Velvet",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-with-ice-garnished-with-lemon-slice_140725-1996.jpg",
|
||||
},
|
||||
id: "p1", name: "Midnight Velvet", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-with-ice-garnished-with-lemon-slice_140725-1996.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Golden Hour",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-empty-transparent-glasses-black-backdrop_23-2148253245.jpg",
|
||||
},
|
||||
id: "p2", name: "Golden Hour", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/elegant-empty-transparent-glasses-black-backdrop_23-2148253245.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smoked Noir",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-different-colors-with-lemon-slices_140725-2318.jpg",
|
||||
},
|
||||
id: "p3", name: "Smoked Noir", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/shot-different-colors-with-lemon-slices_140725-2318.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Royal Bloom",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-his-whisky-bar_181624-57821.jpg",
|
||||
},
|
||||
id: "p4", name: "Royal Bloom", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-his-whisky-bar_181624-57821.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Citrus Aura",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail_23-2148014864.jpg",
|
||||
},
|
||||
id: "p5", name: "Citrus Aura", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/cocktail_23-2148014864.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Spiced Ember",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-brown-wooden-table_209848-81.jpg",
|
||||
},
|
||||
id: "p6", name: "Spiced Ember", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-brown-wooden-table_209848-81.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Handcrafted cocktails and curated selections."
|
||||
@@ -164,40 +115,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Priority Reservations",
|
||||
description: "Ensure your place in our lounge with ease.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-bed-hotel-room_171337-12762.jpg",
|
||||
},
|
||||
title: "Priority Reservations", description: "Ensure your place in our lounge with ease.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-bed-hotel-room_171337-12762.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mommy-call-screen_169016-43113.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg?_wi=2",
|
||||
imageAlt: "modern reservation app interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mommy-call-screen_169016-43113.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Private Events",
|
||||
description: "Host your celebrations in exclusivity.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-91248.jpg",
|
||||
},
|
||||
title: "Private Events", description: "Host your celebrations in exclusivity.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-91248.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-ordering-sushi_23-2149870728.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176813.jpg?_wi=2",
|
||||
imageAlt: "modern reservation app interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-ordering-sushi_23-2149870728.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Personal Concierge",
|
||||
description: "Tailored recommendations just for you.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg",
|
||||
},
|
||||
title: "Personal Concierge", description: "Tailored recommendations just for you.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671597.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-eating-together_23-2150671589.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047548.jpg?_wi=2",
|
||||
imageAlt: "modern reservation app interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-eating-together_23-2150671589.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -213,23 +146,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Awards Won", value: "15+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Cocktail Varieties",
|
||||
value: "200+",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Cocktail Varieties", value: "200+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Guests",
|
||||
value: "10k+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Happy Guests", value: "10k+"},
|
||||
]}
|
||||
title="Legacy of Excellence"
|
||||
description="Numbers reflecting our commitment."
|
||||
@@ -242,45 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exceptional",
|
||||
quote: "A truly magical night.",
|
||||
name: "Elena V.",
|
||||
role: "Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3509.jpg",
|
||||
},
|
||||
id: "t1", title: "Exceptional", quote: "A truly magical night.", name: "Elena V.", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3509.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "The Best",
|
||||
quote: "Unmatched sophistication.",
|
||||
name: "Marcus A.",
|
||||
role: "Connoisseur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-man-sitting-bar-counter-drinking-beer-networking-smartphone_1157-44620.jpg",
|
||||
},
|
||||
id: "t2", title: "The Best", quote: "Unmatched sophistication.", name: "Marcus A.", role: "Connoisseur", imageSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-man-sitting-bar-counter-drinking-beer-networking-smartphone_1157-44620.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Breathtaking",
|
||||
quote: "The cocktails are divine.",
|
||||
name: "Sarah & John",
|
||||
role: "Couple",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/husband-kisses-his-wife-beautiful-adult-couple-have-luxury-dinner-evening-time_146671-14523.jpg",
|
||||
},
|
||||
id: "t3", title: "Breathtaking", quote: "The cocktails are divine.", name: "Sarah & John", role: "Couple", imageSrc: "http://img.b2bpic.net/free-photo/husband-kisses-his-wife-beautiful-adult-couple-have-luxury-dinner-evening-time_146671-14523.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Perfect",
|
||||
quote: "My favorite lounge in town.",
|
||||
name: "David W.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses-white_158538-11368.jpg",
|
||||
},
|
||||
id: "t4", title: "Perfect", quote: "My favorite lounge in town.", name: "David W.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses-white_158538-11368.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Luxury defined",
|
||||
quote: "Impeccable service.",
|
||||
name: "Sofia L.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-mustache-beard-stands-bar-drinks-alcohol-from-glass_1157-43510.jpg",
|
||||
},
|
||||
id: "t5", title: "Luxury defined", quote: "Impeccable service.", name: "Sofia L.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/man-with-mustache-beard-stands-bar-drinks-alcohol-from-glass_1157-43510.jpg"},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our patrons say about their nights."
|
||||
@@ -293,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dress code?",
|
||||
content: "Smart elegant attire.",
|
||||
},
|
||||
id: "f1", title: "Dress code?", content: "Smart elegant attire."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Reservations?",
|
||||
content: "Bookings recommended.",
|
||||
},
|
||||
id: "f2", title: "Reservations?", content: "Bookings recommended."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Location?",
|
||||
content: "In the city center.",
|
||||
},
|
||||
id: "f3", title: "Location?", content: "In the city center."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Information to help you plan your visit."
|
||||
@@ -318,16 +203,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Inquiries"
|
||||
title="Secure Your Table"
|
||||
description="Experience excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -338,25 +220,17 @@ export default function LandingPage() {
|
||||
logoText="Vivo Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reserve", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user