Merge version_4 into main

Merge version_4 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"
+      title="The Cadillac Club Zagreb"
-      description="Celebrating the elegance, innovation, and timeless legacy of Cadillac automobiles. Join a community of enthusiasts dedicated to preserving the art of luxury driving."
+      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: "Join the Club",          href: "#contact"},
+        { 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"
+      imageSrc="http://img.b2bpic.net/free-photo/night-club-with-live-music-performance_23-2149366114.jpg"
-      imageAlt="Cadillac luxury experience"
+      imageAlt="Cadillac Club Zagreb interior"
-      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."
     />
   </div>
 
@@ -70,10 +57,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
+        { type: "text", content: "The Rhythm of Zagreb" },
-          type: "text",          content: "A Legacy of Excellence"},
+        { type: "image", src: "http://img.b2bpic.net/free-photo/people-dancing-night-club_23-2149366122.jpg", alt: "Live music stage" },
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/repairman-garage-cleans-customers-car_482257-76111.jpg",          alt: "Club meeting"},
       ]}
     />
   </div>
@@ -84,21 +69,12 @@ 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: "f1",          title: "Concours Restoration",          descriptions: [
+        { 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" },
-            "Expert support for classic restoration projects."],
+        { 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" },
-          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"},
       ]}
-      title="Why Join Us"
+      title="What We Offer"
-      description="Discover the benefits of membership in the world's premier Cadillac automotive group."
+      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: "Events", name: "Blues Night", price: "Tickets", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/acoustic-guitar-bar_23-2149366166.jpg" },
-          id: "p1",          brand: "Cadillac",          name: "DeVille",          price: "Classic",          rating: 5,
+        { 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" },
-          reviewCount: "50",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-dress-posing_23-2148703141.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: "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"},
       ]}
-      title="Classic Fleet Highlights"
+      title="Club Highlights"
-      description="Explore the iconic vehicles maintained and admired by our club members."
+      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: "Events Per Month", value: "12+", icon: Calendar },
-          id: "m1",          title: "Members",          value: "1,200+",          icon: Users,
+        { id: "m2", title: "Music Genres", value: "3", icon: Users },
-        },
+        { id: "m3", title: "Bands Hosted", value: "50+", icon: Wrench },
-        {
-          id: "m2",          title: "Restorations",          value: "450+",          icon: Wrench,
-        },
-        {
-          id: "m3",          title: "Events Hosted",          value: "200+",          icon: Calendar,
-        },
       ]}
-      title="Club Milestones"
+      title="Club Statistics"
-      description="Driving our community forward with passion and dedication."
+      description="Delivering quality music nights to Zagreb."
     />
   </div>
 
@@ -160,59 +115,33 @@ 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: "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: "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: "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"},
       ]}
-      title="Member Experiences"
+      title="Guest Reviews"
-      description="Hear what our dedicated car enthusiasts say about being part of the club."
+      description="Hear what our music community has to say about us."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      tag="Contact"
-      tag="Inquiries"
+      title="Join The Rhythms"
-      title="Connect With The Club"
+      description="Find us in Zagreb. Reach out for event schedules, reservations, or band bookings."
-      description="Reach out to join or learn more about membership eligibility."
+      buttons={[{ text: "Book a Table", href: "mailto:hello@cadillacclub.zagreb" }]}
-      buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@example.com"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Club", items: [{ label: "Events", href: "/events" }, { label: "About", href: "#about" }] },
-          title: "Club",          items: [
+        { title: "Links", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Community",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 Cadillac Club"
+      bottomLeftText="© 2024 Cadillac Club Zagreb"
-      bottomRightText="All rights reserved."
+      bottomRightText="All rights reserved. Independent music night club."
     />
   </div>
       </ReactLenis>