Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 596c4a7a7b | |||
| 9ab559205b |
205
src/app/page.tsx
205
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
@@ -29,137 +29,33 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Experience",
|
name: "Experience", id: "experience"},
|
||||||
id: "experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Visit",
|
name: "Visit", id: "visit"},
|
||||||
id: "visit",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Bar Lazy"
|
brandName="Bar Lazy"
|
||||||
button={{
|
button={{
|
||||||
text: "Follow Us",
|
text: "Follow Us", href: "https://www.instagram.com/bar___lazy/"}}
|
||||||
href: "https://www.instagram.com/bar___lazy/",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardTestimonial
|
<HeroLogo
|
||||||
useInvertedBackground={false}
|
logoText="Bar Lazy"
|
||||||
background={{
|
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Bar Lazy"
|
|
||||||
description="Where the records spin slow, the drinks are honest, and every night writes its own story. Maastricht's most laid-back listening room."
|
description="Where the records spin slow, the drinks are honest, and every night writes its own story. Maastricht's most laid-back listening room."
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
name: "Sarah J.",
|
|
||||||
handle: "@sarahj",
|
|
||||||
testimonial: "I would recommend this bar to anyone that enjoys good music and sincere conversations. The owners are the best.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215879.jpg?_wi=1",
|
|
||||||
imageAlt: "luxury vinyl record closeup dark lighting",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Michael C.",
|
|
||||||
handle: "@mikec",
|
|
||||||
testimonial: "Lovely owners who have put a lot of thought and work into creating such a cool space.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-playing-guitar-front-view_23-2149835627.jpg",
|
|
||||||
imageAlt: "warm amber lighting interior design",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "David K.",
|
|
||||||
handle: "@davidk",
|
|
||||||
testimonial: "Such a cool spot, with great vibes and music. Maastricht got a whole lot cooler!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-44.jpg?_wi=1",
|
|
||||||
imageAlt: "hifi sound system vintage speakers",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Emily R.",
|
|
||||||
handle: "@emilyr",
|
|
||||||
testimonial: "The sound system is elite and the atmosphere is unbeatable.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-cocktail-table_140725-6757.jpg?_wi=1",
|
|
||||||
imageAlt: "cocktails on marble bar counter",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Alex B.",
|
|
||||||
handle: "@alexb",
|
|
||||||
testimonial: "The best place for a relaxed late-night drink and good company.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg?_wi=1",
|
|
||||||
imageAlt: "dog friendly bar atmosphere relaxed",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Find Us",
|
text: "Find Us", href: "#visit"},
|
||||||
href: "#visit",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Instagram",
|
text: "Instagram", href: "https://www.instagram.com/bar___lazy/"},
|
||||||
href: "https://www.instagram.com/bar___lazy/",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215879.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215879.jpg?_wi=2"
|
||||||
imageAlt="Luxurious listening room interior"
|
imageAlt="Luxurious listening room interior"
|
||||||
avatars={[
|
className="py-20"
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215879.jpg",
|
|
||||||
alt: "User 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-44.jpg",
|
|
||||||
alt: "User 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/orange-juice-cocktail-table_140725-6757.jpg",
|
|
||||||
alt: "User 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg",
|
|
||||||
alt: "User 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-person-attending-vibrant-techno-music-party_23-2150551544.jpg",
|
|
||||||
alt: "User 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Join our community of 500+ music lovers"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Audiophile Sound",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Vinyl Selection",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Craft Cocktails",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Late Night Vibes",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Maastricht Local",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -168,18 +64,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "A place for those who "},
|
||||||
content: "A place for those who ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/girl-playing-guitar-front-view_23-2149835627.jpg", alt: "Listening"},
|
||||||
src: "http://img.b2bpic.net/free-photo/girl-playing-guitar-front-view_23-2149835627.jpg",
|
|
||||||
alt: "Listening",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: " listen"},
|
||||||
content: " listen",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -192,25 +81,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Hi-Fi Sound",
|
title: "Hi-Fi Sound", description: "Elite vinyl collection with a proper DJ booth and audiophile-grade system.", imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-44.jpg?_wi=2"},
|
||||||
description: "Elite vinyl collection with a proper DJ booth and audiophile-grade system.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-44.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Curated Drinks",
|
title: "Curated Drinks", description: "Thoughtful selection of drinks crafted with the same care as the music.", imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-cocktail-table_140725-6757.jpg?_wi=2"},
|
||||||
description: "Thoughtful selection of drinks crafted with the same care as the music.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-cocktail-table_140725-6757.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Dog Friendly",
|
title: "Dog Friendly", description: "Bring your four-legged friend — they're always welcome at Lazy.", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg?_wi=2"},
|
||||||
description: "Bring your four-legged friend — they're always welcome at Lazy.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Live Program",
|
title: "Live Program", description: "Eclectic events from intimate DJ sets to live performances.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-attending-vibrant-techno-music-party_23-2150551544.jpg"},
|
||||||
description: "Eclectic events from intimate DJ sets to live performances.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-attending-vibrant-techno-music-party_23-2150551544.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Experience"
|
title="Our Experience"
|
||||||
description="What makes Bar Lazy the heartbeat of Maastricht's nightlife."
|
description="What makes Bar Lazy the heartbeat of Maastricht's nightlife."
|
||||||
@@ -222,12 +99,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Music Lovers",
|
"Music Lovers", "Vinyl Enthusiasts", "Local Community", "Nightlife Seekers", "Cocktail Connoisseurs"]}
|
||||||
"Vinyl Enthusiasts",
|
|
||||||
"Local Community",
|
|
||||||
"Nightlife Seekers",
|
|
||||||
"Cocktail Connoisseurs",
|
|
||||||
]}
|
|
||||||
title="The Community"
|
title="The Community"
|
||||||
description="Join our growing community of music lovers."
|
description="Join our growing community of music lovers."
|
||||||
/>
|
/>
|
||||||
@@ -237,20 +109,15 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Your seat's waiting."
|
title="Your seat's waiting."
|
||||||
description="Friday & Saturday: 8 PM - 2 AM. Volksbondweg 23, Maastricht."
|
description="Friday & Saturday: 8 PM - 2 AM. Volksbondweg 23, Maastricht."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call Us",
|
text: "Call Us", href: "tel:+31628403971"},
|
||||||
href: "tel:+31628403971",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Directions",
|
text: "Directions", href: "https://maps.google.com/?q=Volksbondweg+23+Maastricht"},
|
||||||
href: "https://maps.google.com/?q=Volksbondweg+23+Maastricht",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -260,33 +127,21 @@ export default function LandingPage() {
|
|||||||
imageSrc="http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Experience",
|
label: "Experience", href: "#experience"},
|
||||||
href: "#experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Reviews",
|
label: "Reviews", href: "#home"},
|
||||||
href: "#home",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://www.instagram.com/bar___lazy/"},
|
||||||
href: "https://www.instagram.com/bar___lazy/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Call Us",
|
label: "Call Us", href: "tel:+31628403971"},
|
||||||
href: "tel:+31628403971",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -297,4 +152,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user