ajout de bouton réserver et ajout du formulaire lycée

app/components/concert/ConcertCard.vue

@@ -3,15 +3,19 @@
     <div class="concert-card__grid">
       <!-- Image -->
       <div class="concert-card__media">
-        <DsMedia v-if="imageUrl" :src="imageUrl" :alt="imageAlt" ratio="square" />
+        <NuxtLink v-if="href" :to="href" class="concert-card__link">
+          <DsMedia v-if="imageUrl" :src="imageUrl" :alt="imageAlt" ratio="square" />
+        </NuxtLink>
         <div v-else class="musicien_card_media-placeholder" aria-hidden="true" />
       </div>
 
       <!-- Content -->
       <div class="concert-card__content">
-        <DsHeading as="h4" tone="default" class="concert-card__title">
-          {{ title }}
-        </DsHeading>
+        <NuxtLink v-if="href" :to="href" class="concert-card__link">
+          <DsHeading as="h4" tone="default" class="concert-card__title">
+            {{ title }}
+          </DsHeading>
+        </NuxtLink>
 
         <!-- Meta : date + lieu -->
         <div class="concert-card__meta">
@@ -33,6 +37,9 @@
           <DsButtonArrow :to="`${href}`" variant="secondary">
             Découvrir
           </DsButtonArrow>
+          <DsButton :href="`${lien_billetterie_representation}`" variant="third" size="xs" class="concert-card__actions--reserver" target="_blank" rel="noopener noreferrer">
+            Réserver
+          </DsButton>
         </div>
       </div>
     </div>
@@ -45,6 +52,7 @@
   import DsHeading from '@root/design-system/primitives/DsHeading.vue'
   import DsText from '@root/design-system/primitives/DsText.vue'
   import DsButtonArrow from '@root/design-system/primitives/DsButtonArrow.vue'
+  import DsButton from '@root/design-system/primitives/DsButton.vue'
 
 
   defineProps({
@@ -53,6 +61,7 @@
     lieu: { type: String, default: '' },
     dateISO: { type: String, required: true },      // ex: "2026-01-15T20:00:00+01:00"
     dateLabel: { type: String, required: true },    // ex: "Jeu. 15 jan. 2026 — 20h"
+    lien_billetterie_representation: { type: String, default: '' },
     description: { type: String, default: '' },
     imageUrl: { type: String, default: '' },
     imageAlt: { type: String, default: '' },
@@ -83,21 +92,34 @@
 
   .concert-card__content {
     display: grid;
-    gap: var(--sp-6);
+    gap: var(--sp-4);
     max-width: 518px;
     padding-left: 5px;
     padding-right: 5px;
   }
 
+  .concert-card__link:hover,
+  .concert-card__link:focus-visible {
+    color: var(--c-brand_rouge) !important;
+    .ds-heading--default {
+      color: var(--c-brand_rouge) !important;
+    }
+  }
   .concert-card__meta {
     margin-top: calc(var(--sp-4) * -1);
   }
   .concert-card__description {
-    margin-top: 10px;
-    margin-bottom: 20px;
+    margin-top: 3px;
+    margin-bottom: 4px;
   }
   .concert-card__actions {
     margin-top: auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    &--reserver {
+      margin-right: 5px;
+    }
   }
 
 </style>