Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-22 13:20:51 +00:00

View File

@@ -19,392 +19,158 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Experience",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Events",
id: "#nightlife",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Kultura"
button={{
text: "Book a Table",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "#hero" },
{ name: "Experience", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Events", id: "#nightlife" },
{ name: "Contact", id: "#contact" }
]}
brandName="Kultura"
button={{ text: "Book a Table", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Where Skopje Comes Alive at Night"
description="Signature cocktails. Elite atmosphere. Unforgettable nights."
testimonials={[
{
name: "Anna S.",
handle: "@anna",
testimonial: "Amazing place to spend your nights. Vibey music, kind people, 10/10 energy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085632.jpg?_wi=1",
imageAlt: "luxury cocktail bar night interior",
},
{
name: "Marko V.",
handle: "@marko",
testimonial: "Unique house drinks and classics.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-drink-dark-background_23-2148437080.jpg?_wi=1",
imageAlt: "luxury cocktail bar night interior",
},
{
name: "Elena R.",
handle: "@elena",
testimonial: "The best vibes in Skopje, truly unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/desserts-glass-with-vanilla-cream-chocolate-sauce-espresso_140725-8294.jpg?_wi=1",
imageAlt: "luxury cocktail bar night interior",
},
{
name: "Viktor M.",
handle: "@viktor",
testimonial: "Sophisticated atmosphere and great service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974208.jpg?_wi=1",
imageAlt: "luxury cocktail bar night interior",
},
{
name: "Sara B.",
handle: "@sara",
testimonial: "My go-to spot for weekend nightlife.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-making-delicious-cocktail_23-2149093575.jpg?_wi=1",
imageAlt: "luxury cocktail bar night interior",
},
]}
buttons={[
{
text: "Book a Table",
href: "#contact",
},
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085632.jpg?_wi=2"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-having-fun-party_23-2150188405.jpg",
alt: "Guest avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140838.jpg",
alt: "Guest avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/woman-walking-near-chicago-river_1157-16807.jpg",
alt: "Guest avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/good-humoured-well-dressed-man-sitting-steps-portrait-handsome-african-guy-posing-with-pensive-smile_197531-22076.jpg",
alt: "Guest avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/women-vaping-from-hookah-indoors_23-2149173645.jpg",
alt: "Guest avatar 5",
},
]}
marqueeItems={[
{
type: "text",
text: "SIGNATURE COCKTAILS",
},
{
type: "text",
text: "ELITE NIGHTLIFE",
},
{
type: "text",
text: "LIVE DJ SETS",
},
{
type: "text",
text: "SKOPJE CENTER",
},
{
type: "text",
text: "LUXURY EXPERIENCE",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Where Skopje Comes Alive at Night"
description="Signature cocktails. Elite atmosphere. Unforgettable nights."
testimonials={[
{ name: "Anna S.", handle: "@anna", testimonial: "Amazing place to spend your nights. Vibey music, kind people, 10/10 energy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085632.jpg", imageAlt: "luxury cocktail bar night interior" },
{ name: "Marko V.", handle: "@marko", testimonial: "Unique house drinks and classics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-drink-dark-background_23-2148437080.jpg", imageAlt: "luxury cocktail bar night interior" },
{ name: "Elena R.", handle: "@elena", testimonial: "The best vibes in Skopje, truly unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/desserts-glass-with-vanilla-cream-chocolate-sauce-espresso_140725-8294.jpg", imageAlt: "luxury cocktail bar night interior" },
{ name: "Viktor M.", handle: "@viktor", testimonial: "Sophisticated atmosphere and great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974208.jpg", imageAlt: "luxury cocktail bar night interior" },
{ name: "Sara B.", handle: "@sara", testimonial: "My go-to spot for weekend nightlife.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-making-delicious-cocktail_23-2149093575.jpg", imageAlt: "luxury cocktail bar night interior" }
]}
buttons={[{ text: "Book a Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085632.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-having-fun-party_23-2150188405.jpg", alt: "Guest avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140838.jpg", alt: "Guest avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/woman-walking-near-chicago-river_1157-16807.jpg", alt: "Guest avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/good-humoured-well-dressed-man-sitting-steps-portrait-handsome-african-guy-posing-with-pensive-smile_197531-22076.jpg", alt: "Guest avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/women-vaping-from-hookah-indoors_23-2149173645.jpg", alt: "Guest avatar 5" }
]}
marqueeItems={[{ type: "text", text: "SIGNATURE COCKTAILS" }, { type: "text", text: "ELITE NIGHTLIFE" }, { type: "text", text: "LIVE DJ SETS" }, { type: "text", text: "SKOPJE CENTER" }, { type: "text", text: "LUXURY EXPERIENCE" }]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Not just a bar — an experience"
description="Kultura brings an elite nightlife experience to Skopje. We merge music, energy, and atmosphere into a lifestyle."
bulletPoints={[
{
title: "Elite Energy",
description: "Designed for the stylish crowd.",
},
{
title: "Top DJs",
description: "Curated music for every Friday and Saturday.",
},
{
title: "Unforgettable",
description: "Memorable nights in the heart of the city.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085632.jpg?_wi=3"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Not just a bar — an experience"
description="Kultura brings an elite nightlife experience to Skopje. We merge music, energy, and atmosphere into a lifestyle."
bulletPoints={[
{ title: "Elite Energy", description: "Designed for the stylish crowd." },
{ title: "Top DJs", description: "Curated music for every Friday and Saturday." },
{ title: "Unforgettable", description: "Memorable nights in the heart of the city." }
]}
imageSrc="http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085632.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "House",
name: "Kultura Classic",
price: "High",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-drink-dark-background_23-2148437080.jpg?_wi=2",
},
{
id: "p2",
brand: "House",
name: "Skopje Sunset",
price: "High",
rating: 5,
reviewCount: "98",
imageSrc: "http://img.b2bpic.net/free-photo/desserts-glass-with-vanilla-cream-chocolate-sauce-espresso_140725-8294.jpg?_wi=2",
},
{
id: "p3",
brand: "Classic",
name: "Midnight Negroni",
price: "Premium",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974208.jpg?_wi=2",
},
{
id: "p4",
brand: "Classic",
name: "Velvet Martini",
price: "Premium",
rating: 5,
reviewCount: "112",
imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-making-delicious-cocktail_23-2149093575.jpg?_wi=2",
},
{
id: "p5",
brand: "House",
name: "Neon Dreams",
price: "High",
rating: 5,
reviewCount: "76",
imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg",
},
{
id: "p6",
brand: "House",
name: "The Kultura 160",
price: "High",
rating: 5,
reviewCount: "140",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-beer-bar_1150-18970.jpg",
},
]}
title="Signature Creations"
description="Our mixologists combine local secrets and global classics."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "House", name: "Kultura Classic", price: "High", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-drink-dark-background_23-2148437080.jpg" },
{ id: "p2", brand: "House", name: "Skopje Sunset", price: "High", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/desserts-glass-with-vanilla-cream-chocolate-sauce-espresso_140725-8294.jpg" },
{ id: "p3", brand: "Classic", name: "Midnight Negroni", price: "Premium", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974208.jpg" },
{ id: "p4", brand: "Classic", name: "Velvet Martini", price: "Premium", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-making-delicious-cocktail_23-2149093575.jpg" },
{ id: "p5", brand: "House", name: "Neon Dreams", price: "High", rating: 5, reviewCount: "76", imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg" },
{ id: "p6", brand: "House", name: "The Kultura 160", price: "High", rating: 5, reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-beer-bar_1150-18970.jpg" }
]}
title="Signature Creations"
description="Our mixologists combine local secrets and global classics."
/>
</div>
<div id="nightlife" data-section="nightlife">
<FeatureHoverPattern
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Friday Nights",
description: "Deep house and club anthems.",
icon: Zap,
},
{
title: "Saturday Energy",
description: "The best DJs in North Macedonia.",
icon: Music,
},
{
title: "VIP Access",
description: "Reserve a table for your group.",
icon: Star,
},
]}
title="The Citys Best Nightlife"
description="Every Friday and Saturday — the citys best DJs."
/>
</div>
<div id="nightlife" data-section="nightlife">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{ title: "Friday Nights", description: "Deep house and club anthems.", icon: Zap },
{ title: "Saturday Energy", description: "The best DJs in North Macedonia.", icon: Music },
{ title: "VIP Access", description: "Reserve a table for your group.", icon: Star }
]}
title="The Citys Best Nightlife"
description="Every Friday and Saturday — the citys best DJs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah",
role: "Frequent Guest",
testimonial: "Great place with incredible cocktails.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-girl-eyewear_158595-4906.jpg",
},
{
id: "2",
name: "Ivan",
role: "Music Lover",
testimonial: "Best atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-portrait-woman-man-vaporwave-style_23-2148950829.jpg",
},
{
id: "3",
name: "Elena",
role: "Nightlife Regular",
testimonial: "Amazing place, 10/10 energy.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-craft-beer_23-2148110868.jpg",
},
{
id: "4",
name: "Viktor",
role: "Cocktail Connoisseur",
testimonial: "Unique house drinks.",
imageSrc: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg",
},
{
id: "5",
name: "Sara",
role: "Partygoer",
testimonial: "Fun parties every weekend.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-neon-light_23-2149005458.jpg",
},
]}
title="Voices of Kultura"
description="What our guests say about their unforgettable nights."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah", role: "Frequent Guest", testimonial: "Great place with incredible cocktails.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-girl-eyewear_158595-4906.jpg" },
{ id: "2", name: "Ivan", role: "Music Lover", testimonial: "Best atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/interior-portrait-woman-man-vaporwave-style_23-2148950829.jpg" },
{ id: "3", name: "Elena", role: "Nightlife Regular", testimonial: "Amazing place, 10/10 energy.", imageSrc: "http://img.b2bpic.net/free-photo/couple-with-craft-beer_23-2148110868.jpg" },
{ id: "4", name: "Viktor", role: "Cocktail Connoisseur", testimonial: "Unique house drinks.", imageSrc: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg" },
{ id: "5", name: "Sara", role: "Partygoer", testimonial: "Fun parties every weekend.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-neon-light_23-2149005458.jpg" }
]}
title="Voices of Kultura"
description="What our guests say about their unforgettable nights."
/>
</div>
<div id="cta" data-section="cta">
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100%",
title: "Experience",
description: "Unforgettable",
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-beverage-with-leaf-copy-space_23-2148340091.jpg",
},
{
id: "m2",
value: "10/10",
title: "Energy",
description: "Every Weekend",
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658388.jpg",
},
{
id: "m3",
value: "1",
title: "Kultura",
description: "The Bar",
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg",
},
]}
title="Ready to Visit?"
description="The city is waiting for you."
/>
</div>
<div id="cta" data-section="cta">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "100%", title: "Experience", description: "Unforgettable", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-beverage-with-leaf-copy-space_23-2148340091.jpg" },
{ id: "m2", value: "10/10", title: "Energy", description: "Every Weekend", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658388.jpg" },
{ id: "m3", value: "1", title: "Kultura", description: "The Bar", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg" }
]}
title="Ready to Visit?"
description="The city is waiting for you."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Reserve Your Night"
title="Join the Experience"
description="Call us at 072 207 744 or book a table directly. Visit us in Skopje."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Reserve Your Night"
title="Join the Experience"
description="Call us at 072 207 744 or book a table directly. Visit us in Skopje."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Kultura",
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "https://www.instagram.com/kultura160",
},
{
label: "Maps",
href: "https://maps.app.goo.gl/rqpvxs9J25yG2Dg7A",
},
],
},
]}
bottomLeftText="© 2024 Kultura Bar. All rights reserved."
bottomRightText="MK | EN"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Kultura", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "https://www.instagram.com/kultura160" }, { label: "Maps", href: "https://maps.app.goo.gl/rqpvxs9J25yG2Dg7A" }] }
]}
bottomLeftText="© 2024 Kultura Bar. All rights reserved."
bottomRightText="MK | EN"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}