Update src/app/events/page.tsx

Merge version_3 into main

src/app/events/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function EventsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Events", id: "/events" },
+            ]}
+            brandName="Cadillac Club"
+          />
+        </div>
+
+        <div id="events" data-section="events">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            title="Upcoming Events"
+            description="Join us for unforgettable nights of blues, rock, and roll. Check our schedule for the latest performances."
+            useInvertedBackground={false}
+            features={[
+              { 
+                id: "e1", 
+                title: "Friday Blues Sessions", 
+                descriptions: ["Date: October 20th", "Time: 21:00", "Performer: Delta Blues Band", "Experience authentic Delta blues in our intimate stage area."], 
+                imageSrc: "http://img.b2bpic.net/free-photo/guitarist-performing-stage_23-2149366133.jpg" 
+              },
+              { 
+                id: "e2", 
+                title: "Saturday Rock Night", 
+                descriptions: ["Date: October 21st", "Time: 22:00", "Performer: The Zagreb Rockers", "Get ready for high-energy rock classics all night long."], 
+                imageSrc: "http://img.b2bpic.net/free-photo/drummer-performing-stage_23-2149366144.jpg" 
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            bottomLeftText="© 2025 Cadillac Club"
+            bottomRightText="All rights reserved."
+            columns={[
+              { title: "Club", items: [{ label: "Home", href: "/" }, { label: "Events", href: "/events" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,6 +32,7 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         { name: "About", id: "about" },
+        { name: "Events", id: "/events" },
         { name: "Gallery", id: "features" },
         { name: "Contact", id: "contact" },
       ]}
@@ -44,8 +45,8 @@ export default function LandingPage() {
       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: "Visit Us",          href: "#contact"},
+        { 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"
@@ -56,10 +57,8 @@ export default function LandingPage() {
       <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"},
+        { 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>
@@ -70,18 +69,9 @@ export default function LandingPage() {
       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"},
+        { 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."
@@ -95,15 +85,9 @@ export default function LandingPage() {
       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"},
+        { 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."
@@ -116,15 +100,9 @@ export default function LandingPage() {
       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,
-        },
+        { 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."
@@ -137,10 +115,8 @@ export default function LandingPage() {
       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"},
+        { 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."
@@ -150,33 +126,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      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"},
-      ]}
+      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: "#products" },
-            { label: "About", href: "#about" },
-          ],
-        },
-        {
-          title: "Links",          items: [
-            { label: "Facebook", href: "#" },
-            { label: "Instagram", href: "#" },
-          ],
-        },
+        { 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."