lien mécénat et contacts

app/components/ContactSpecifique.vue

@@ -6,9 +6,10 @@
       <div class="confetti"></div>
       <div class="contact_spe_descripion">
           <div class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom }}<span class="contact_spe_descripion_item--poste">, {{ poste }}</span></div>
-          <div v-if="nom2" class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom2 }}<span v-if="poste2" class="contact_spe_descripion_item--poste">, {{ poste2 }}</span></div>
           <div v-if="numero" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ numero }}</div>
           <div v-if="mail" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail }}</div>
+          <div v-if="nom2" class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom2 }}<span v-if="poste2" class="contact_spe_descripion_item--poste">, {{ poste2 }}</span></div>
+          <div v-if="mail2" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail2 }}</div>
           <div v-if="adresse" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</div>
       </div>
   </section>
@@ -25,6 +26,7 @@
     poste2: { type: String, default: '' },
     numero: { type: String, default: '' },
     mail: { type: String, required: true },
+    mail2: { type: String, required: true },
     adresse: { type: String, default: ''}
   })
 </script>
@@ -52,14 +54,23 @@
       .contact_spe_descripion {
         max-width: 370px;
         .contact_spe_descripion_item {
-          padding-bottom: 10px;
+          //padding-bottom: 10px;
           &--nom {
             font-weight: var(--fw-semibold);
           }
           &--poste {
             font-weight: var(--fw-light);
           }
+          &--nom {
+            padding-top: 12px;
           }
+          &--numero {
+            font-weight: var(--fw-extralight);
+            color: var(--c-text-black-soft);
+          }
+        }
+
+
       }
 
 

app/components/RoundedCard.vue

@@ -8,7 +8,13 @@
 
       <!-- Content -->
       <div class="rounded-card__content">
-        <NuxtLink v-if="url" :to="url" class="rounded-card__title-link">
+        <NuxtLink
+          v-if="url"
+          :to="url"
+          :target="isExternalUrl ? '_blank' : undefined"
+          :rel="isExternalUrl ? 'noopener noreferrer' : undefined"
+          class="rounded-card__title-link"
+        >
           <DsHeading as="h5" tone="default" class="rounded-card__title">
             {{ title }}
           </DsHeading>
@@ -34,7 +40,7 @@
   import DsButtonArrow from '@root/design-system/primitives/DsButtonArrow.vue'
 
 
-  defineProps({
+  const props = defineProps({
     id: { type: [String, Number], required: true },
     title: { type: String, required: true },
     url: { type: String, required: true },
@@ -43,6 +49,8 @@
     imgAlt: { type: String, default: '' },
     ratio: { type: String, default: 'square' },
   })
+
+  const isExternalUrl = computed(() => /^https?:\/\//i.test(props.url))
 </script>
 
 <style lang="scss">

app/pages/mecenat/entreprises.vue

@@ -129,10 +129,11 @@
             titre="Contacter le service des relations publiques et partenariats"
             nom="Audrey Chauvelot"
             poste="déléguée aux partenariats"
-            nom2="Etienne Gresset"
-            poste2="chargé de mécénat"
             numero="+33 (0)7 84 39 26 91"
             mail="audrey.chauvelot@orchestre-ile.com"
+            nom2="Etienne Gresset"
+            poste2="chargé de mécénat"
+            mail2="etienne.gresset@orchestre-ile.com"
             adresse=""
           />
       </PageSection>

app/pages/mecenat/mecenes.vue

@@ -87,7 +87,7 @@
       imgAlt: 'logo',
       title: "Kawai",
       description: `Membres du Cercle des mécènes`,
-      url:"",
+      url:"https://www.kawai.fr/",
     },
     {
       id: '7',
@@ -95,7 +95,7 @@
       imgAlt: 'logo',
       title: "Shigeru Kawai",
       description: `Membres du Cercle des mécènes`,
-      url:"",
+      url:"https://www.kawai.fr/products/pianos%C3%A0queue/gammeshigerukawai/",
     },
     {
       id: '8',
@@ -103,7 +103,7 @@
       imgAlt: 'logo',
       title: "Kairns Avocats",
       description: `Membres du Cercle des mécènes`,
-      url:"",
+      url:"https://kairns.fr/",
     },
     {
       id: '2',
@@ -138,7 +138,7 @@
       imgAlt: 'logo',
       title: "Fonds de dotation Francis Kurkdjian",
       description: `pour son soutien à la création du spectacle Les drôles de petites bêtes`,
-      url:"",
+      url:"https://www.fondsfranciskurkdjian.org/",
     },
     {
       id: '4',
@@ -146,7 +146,7 @@
       imgAlt: 'logo',
       title: "Fondation Sasakawa",
       description: `pour son soutien à la tournée au Japon`,
-      url:"",
+      url:"https://www.ffjs.org/?lang=fr",
     },
     {
       id: '4',
@@ -154,7 +154,7 @@
       imgAlt: 'logo',
       title: "CNM",
       description: `pour son soutien à la tournée au Japon`,
-      url:"",
+      url:"https://cnm.fr/",
     },
     {
       id: '1',

app/pages/mecenat/particuliers.vue

@@ -110,7 +110,7 @@
               <div class="flex justify-center flex-wrap gap-5">
                 <div>
                   <a
-                    href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2627_1f932e64ec.pdf"
+                    href="https://ondif.shop.secutix.com/selection/service?productId=10229737867152"
                     download="cercle_des_particuliers_plaquette_2025"
                     class="flex items-center gap-2 px-6 py-2 bg-secondary-brand-container text-primary-brand-container rounded-full font-bold text-sm hover:bg-primary-fixed transition-colors"
                     target="_blank"
@@ -146,10 +146,11 @@
             titre="Contacter le service des relations publiques et partenariats"
             nom="Audrey Chauvelot"
             poste="déléguée aux partenariats"
-            nom2="Etienne Gresset"
-            poste2="chargé de mécénat"
             numero="+33 (0)7 84 39 26 91"
             mail="audrey.chauvelot@orchestre-ile.com"
+            nom2="Etienne Gresset"
+            poste2="chargé de mécénat"
+            mail2="etienne.gresset@orchestre-ile.com"
             adresse=""
           />
       </PageSection>

app/pages/mecenat/projets.vue

@@ -129,10 +129,11 @@
             titre="Contacter le service des relations publiques et partenariats"
             nom="Audrey Chauvelot"
             poste="déléguée aux partenariats"
-            nom2="Etienne Gresset"
-            poste2="chargé de mécénat"
             numero="+33 (0)7 84 39 26 91"
             mail="audrey.chauvelot@orchestre-ile.com"
+            nom2="Etienne Gresset"
+            poste2="chargé de mécénat"
+            mail2="etienne.gresset@orchestre-ile.com"
             adresse=""
           />
       </PageSection>