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,7 +32,7 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         { name: "About", id: "about" },
-        { name: "Vehicles", id: "products" },
+        { name: "Events", id: "/events" },
         { name: "Gallery", id: "features" },
         { name: "Contact", id: "contact" },
       ]}
@@ -42,27 +42,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="The Cadillac Club"
-      description="Celebrating the elegance, innovation, and timeless legacy of Cadillac automobiles. Join a community of enthusiasts dedicated to preserving the art of luxury driving."
+      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: "Join the Club",          href: "#contact"},
+        { text: "See Events", href: "/events" },
+        { text: "Visit Us", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-light-blue-interior-car-including-seats-steering-wheel_181624-12623.jpg"
-      imageAlt="Cadillac luxury experience"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/wide-angle-shot-interior-car-including-red-steering-wheel-white-seats_181624-18763.jpg",          alt: "Member profile one"},
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dressed-brown-leather-jacket-sits-wheel-tuned-retro-car-with-open-door_613910-19274.jpg",          alt: "Member profile two"},
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-shot-blue-interior-car-daytime_181624-19449.jpg",          alt: "Member profile three"},
-        {
-          src: "http://img.b2bpic.net/free-photo/vintage-car-with-coffee-cup_23-2151850186.jpg",          alt: "Member profile four"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-looking-car-rent_1303-16338.jpg",          alt: "Member profile five"},
-      ]}
-      avatarText="Over 1,200+ members joining the journey."
+      imageSrc="http://img.b2bpic.net/free-photo/night-club-with-live-music-performance_23-2149366114.jpg"
+      imageAlt="Cadillac Club Zagreb interior"
     />
   </div>
 
@@ -70,10 +57,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",          content: "A Legacy of Excellence"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/repairman-garage-cleans-customers-car_482257-76111.jpg",          alt: "Club meeting"},
+        { 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>
@@ -84,21 +69,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",          title: "Concours Restoration",          descriptions: [
-            "Expert support for classic restoration projects."],
-          imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580613.jpg"},
-        {
-          id: "f2",          title: "Social Gatherings",          descriptions: [
-            "Exclusive meetups and car show access."],
-          imageSrc: "http://img.b2bpic.net/free-photo/african-businessman-traditional-clothes-glasses-with-mobile-phone-against-black-car-suv-rich-africans-people_627829-2387.jpg"},
-        {
-          id: "f3",          title: "Road Tours",          descriptions: [
-            "Scenic driving tours for members."],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052508.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="Why Join Us"
-      description="Discover the benefits of membership in the world's premier Cadillac automotive group."
+      title="What We Offer"
+      description="Discover the best rock and blues music nights in Zagreb."
     />
   </div>
 
@@ -109,27 +85,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",          brand: "Cadillac",          name: "DeVille",          price: "Classic",          rating: 5,
-          reviewCount: "50",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-dress-posing_23-2148703141.jpg"},
-        {
-          id: "p2",          brand: "Cadillac",          name: "Eldorado",          price: "Rare",          rating: 5,
-          reviewCount: "40",          imageSrc: "http://img.b2bpic.net/free-photo/red-convertible-driving-city-road-dynamics-luxury-lifestyle_169016-72765.jpg"},
-        {
-          id: "p3",          brand: "Cadillac",          name: "Convertible",          price: "Luxury",          rating: 5,
-          reviewCount: "35",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-old-car_23-2149034785.jpg"},
-        {
-          id: "p4",          brand: "Cadillac",          name: "Grille Series",          price: "Iconic",          rating: 5,
-          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-vector/elegant-label-design_1198-65.jpg"},
-        {
-          id: "p5",          brand: "Cadillac",          name: "Leather Interior",          price: "Refined",          rating: 5,
-          reviewCount: "25",          imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500615.jpg"},
-        {
-          id: "p6",          brand: "Cadillac",          name: "Taillight Signature",          price: "Design",          rating: 5,
-          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/silver-sedan-with-red-lights_114579-4386.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="Classic Fleet Highlights"
-      description="Explore the iconic vehicles maintained and admired by our club members."
+      title="Club Highlights"
+      description="Get a glimpse of our music nights and atmosphere."
     />
   </div>
 
@@ -139,18 +100,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          title: "Members",          value: "1,200+",          icon: Users,
-        },
-        {
-          id: "m2",          title: "Restorations",          value: "450+",          icon: Wrench,
-        },
-        {
-          id: "m3",          title: "Events Hosted",          value: "200+",          icon: Calendar,
-        },
+        { 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 Milestones"
-      description="Driving our community forward with passion and dedication."
+      title="Club Statistics"
+      description="Delivering quality music nights to Zagreb."
     />
   </div>
 
@@ -160,59 +115,33 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          name: "James R.",          role: "Collector",          testimonial: "The best resource for finding parts and knowledge.",          imageSrc: "http://img.b2bpic.net/free-photo/smart-groomed-man-coat-is-standing-near-his-new-car_613910-21513.jpg"},
-        {
-          id: "t2",          name: "Sarah T.",          role: "Restorer",          testimonial: "I learned everything I know about Cadillac restoration here.",          imageSrc: "http://img.b2bpic.net/free-photo/owner-car-bought-new-detail_114579-2806.jpg"},
-        {
-          id: "t3",          name: "Michael D.",          role: "Fan",          testimonial: "Driving with the club has been a lifelong dream.",          imageSrc: "http://img.b2bpic.net/free-photo/transportation-transport-front-vehicle-red_1203-4323.jpg"},
-        {
-          id: "t4",          name: "Linda P.",          role: "Member",          testimonial: "Exceptional events and wonderful community spirit.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-small-girl-near-shiny-car-atuo-service-workshop_613910-3495.jpg"},
-        {
-          id: "t5",          name: "Robert B.",          role: "Collector",          testimonial: "Joining this club was the best automotive decision.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-posing-vintage-portrait_23-2150794812.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="Member Experiences"
-      description="Hear what our dedicated car enthusiasts say about being part of the club."
+      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="Inquiries"
-      title="Connect With The Club"
-      description="Reach out to join or learn more about membership eligibility."
-      buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@example.com"},
-      ]}
+      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: "About",              href: "#about"},
-            {
-              label: "Community",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              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"
-      bottomRightText="All rights reserved."
+      bottomLeftText="© 2024 Cadillac Club Zagreb"
+      bottomRightText="All rights reserved. Independent music night club."
     />
   </div>
       </ReactLenis>