151 lines
6.6 KiB
TypeScript
151 lines
6.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Calendar, Users, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Events", id: "/events" },
|
|
{ name: "Gallery", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Cadillac Club"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="The Cadillac Club Zagreb"
|
|
description="Welcome to Zagreb's premier destination for rock, rock and roll, and blues enthusiasts. Experience live music, great atmosphere, and the timeless spirit of rhythm and blues in the heart of Croatia. Please note: This club is an independent night club establishment and is not affiliated with any automotive brands."
|
|
buttons={[
|
|
{ text: "See Events", href: "/events" },
|
|
{ text: "Visit Us", href: "#contact" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/night-club-with-live-music-performance_23-2149366114.jpg"
|
|
imageAlt="Cadillac Club Zagreb interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{ type: "text", content: "The Rhythm of Zagreb" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/people-dancing-night-club_23-2149366122.jpg", alt: "Live music stage" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "Live Blues Nights", descriptions: ["Authentic blues performances every weekend."], imageSrc: "http://img.b2bpic.net/free-photo/guitarist-performing-stage_23-2149366133.jpg" },
|
|
{ id: "f2", title: "Rock & Roll Vibes", descriptions: ["High-energy rock music sets."], imageSrc: "http://img.b2bpic.net/free-photo/drummer-performing-stage_23-2149366144.jpg" },
|
|
{ id: "f3", title: "Exclusive Events", descriptions: ["Themed music nights and guest bands."], imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-music-bar_23-2149366155.jpg" },
|
|
]}
|
|
title="What We Offer"
|
|
description="Discover the best rock and blues music nights in Zagreb."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", brand: "Events", name: "Blues Night", price: "Tickets", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/acoustic-guitar-bar_23-2149366166.jpg" },
|
|
{ id: "p2", brand: "Events", name: "Rock Sessions", price: "Tickets", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/electric-guitar-club_23-2149366177.jpg" },
|
|
{ id: "p3", brand: "Bar", name: "Signature Drinks", price: "Menu", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/cocktails-bar_23-2149366188.jpg" },
|
|
]}
|
|
title="Club Highlights"
|
|
description="Get a glimpse of our music nights and atmosphere."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", title: "Events Per Month", value: "12+", icon: Calendar },
|
|
{ id: "m2", title: "Music Genres", value: "3", icon: Users },
|
|
{ id: "m3", title: "Bands Hosted", value: "50+", icon: Wrench },
|
|
]}
|
|
title="Club Statistics"
|
|
description="Delivering quality music nights to Zagreb."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", name: "Marko H.", role: "Regular Guest", testimonial: "Best place in Zagreb for real rock and roll music!", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-bar_23-2149366199.jpg" },
|
|
{ id: "t2", name: "Ana L.", role: "Music Lover", testimonial: "The blues nights are absolutely magical here.", imageSrc: "http://img.b2bpic.net/free-photo/music-fan-stage_23-2149366200.jpg" },
|
|
]}
|
|
title="Guest Reviews"
|
|
description="Hear what our music community has to say about us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Contact"
|
|
title="Join The Rhythms"
|
|
description="Find us in Zagreb. Reach out for event schedules, reservations, or band bookings."
|
|
buttons={[{ text: "Book a Table", href: "mailto:hello@cadillacclub.zagreb" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Club", items: [{ label: "Events", href: "/events" }, { label: "About", href: "#about" }] },
|
|
{ title: "Links", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
|
|
]}
|
|
bottomLeftText="© 2024 Cadillac Club Zagreb"
|
|
bottomRightText="All rights reserved. Independent music night club."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|