From 6f3a63af122f2bda1987fcd10e9df947b811e550 Mon Sep 17 00:00:00 2001
From: Julie <contact@parisweb.art>
Date: Tue, 28 Apr 2026 09:15:24 +0200
Subject: [PATCH] divers dev

---
 app/assets/scss/component/_header_nav.scss |  2 +-
 app/components/ContactSpecifique.vue       | 10 ++--
 app/components/concert/ConcertCard.vue     | 13 +++++
 app/pages/index.vue                        |  5 +-
 app/pages/mecenat/particuliers.vue         | 57 +++++++++++++++++++++-
 app/pages/professionnels/parc.vue          |  2 +-
 tailwind.config.js                         |  2 +
 7 files changed, 79 insertions(+), 12 deletions(-)

diff --git a/app/assets/scss/component/_header_nav.scss b/app/assets/scss/component/_header_nav.scss
index 9a1dfaa..e5a2ef0 100644
--- a/app/assets/scss/component/_header_nav.scss
+++ b/app/assets/scss/component/_header_nav.scss
@@ -283,7 +283,7 @@
                 @media (min-width: 900px) {
                     font-size: 18px;
                 }
-                padding-bottom: 7px;
+                padding-bottom: 3px;
                 &:hover {
                     a {
                         color: var(--c-brand_rouge);
diff --git a/app/components/ContactSpecifique.vue b/app/components/ContactSpecifique.vue
index 02312a9..4c92a6a 100644
--- a/app/components/ContactSpecifique.vue
+++ b/app/components/ContactSpecifique.vue
@@ -7,9 +7,9 @@
       <div class="contact_spe_descripion">
           <div class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom }}</div>
           <div class="contact_spe_descripion_item contact_spe_descripion_item--poste">{{ poste }}</div>
-          <div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ numero }}</div>
-          <div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail }}</div>
-          <div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</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="adresse" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</div>
       </div>
   </section>
 </template>
@@ -21,9 +21,9 @@
     titre: { type: String, required: true },    
     nom: { type: String, required: true },
     poste: { type: String, required: true },
-    numero: { type: String, required: true },
+    numero: { type: String, default: '' },
     mail: { type: String, required: true },
-    adresse: { type: String, required: true}
+    adresse: { type: String, default: ''}
   })
 </script>
 
diff --git a/app/components/concert/ConcertCard.vue b/app/components/concert/ConcertCard.vue
index c193758..9678b2c 100644
--- a/app/components/concert/ConcertCard.vue
+++ b/app/components/concert/ConcertCard.vue
@@ -68,6 +68,19 @@
     align-items: start;
   }
 
+  .concert-card__media {
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    background: rgba(0, 0, 0, 0.04);
+    overflow: hidden;
+
+    .ds-media,
+    .musicien_card_media-placeholder {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
   .concert-card__content {
     display: grid;
     gap: var(--sp-6);
diff --git a/app/pages/index.vue b/app/pages/index.vue
index f1e312f..3a89679 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -65,10 +65,7 @@
 
     <!-- CARTES PARTOUT ET POUR TOUS -->
     <PageSection padded_size="" class="theme_ppt_cards_wp">
-      <SectionContent
-        class="theme_ppt"
-        :style="themePptCardsBgStyle"
-      >
+      <SectionContent class="theme_ppt">
       <RoundedCardList >
         <RoundedCard
           v-for="ppt_card in cards_ppt"
diff --git a/app/pages/mecenat/particuliers.vue b/app/pages/mecenat/particuliers.vue
index 9959cfe..2c7f44b 100644
--- a/app/pages/mecenat/particuliers.vue
+++ b/app/pages/mecenat/particuliers.vue
@@ -99,9 +99,42 @@
             </div>
           </section>
         </PageSection>
+        <!-- ================== -->
+        <!-- BOUTONS DON ET PLAQUETTE -->
+        <!-- ================== -->
+        <PageSection class="mt-5 mb-[50px]">
+          <SectionContent>
+              <!-- PDF -->
+              <div class="flex justify-center flex-wrap gap-5">
+                <div>
+                  <a
+                    href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2025_981efe3857.pdf"
+                    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"
+                    rel="noopener noreferrer"
+                  >
+                    <span class="material-symbols-outlined text-lg">volunteer_activism</span>
+                    FAIRE UN DON EN LIGNE
+                  </a>
+                </div>
+                <div>
+                  <a
+                    href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2025_981efe3857.pdf"
+                    download="cercle_des_particuliers_plaquette_2025"
+                    class="flex items-center gap-2 px-6 py-2 bg-primary-container text-on-primary-container rounded-full font-bold text-sm hover:bg-primary-fixed transition-colors"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <span class="material-symbols-outlined text-lg">picture_as_pdf</span>
+                    PLAQUETTE DE VOS AVANTAGES
+                  </a>
+                </div>
+              </div>
+          </SectionContent>
+        </PageSection>
       </template>
 
-
       <!-- ================== -->
       <!-- CONTACT -->
       <!-- ================== -->
@@ -125,6 +158,28 @@
   import DsMedia from '@root/design-system/primitives/DsMedia.vue'
   import { computed } from 'vue'
 
+  useHead({
+    link: [
+      {
+        rel: 'preconnect',
+        href: 'https://fonts.googleapis.com',
+      },
+      {
+        rel: 'preconnect',
+        href: 'https://fonts.gstatic.com',
+        crossorigin: '',
+      },
+      {
+        rel: 'stylesheet',
+        href: 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap',
+      },
+      {
+        rel: 'stylesheet',
+        href: 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap',
+      },
+    ],
+  })
+
   // ======================================
   // RÉCUPÉRATION DES DONNÉES DANS STRAPI
   // ======================================
diff --git a/app/pages/professionnels/parc.vue b/app/pages/professionnels/parc.vue
index 68409a3..8b5c0fd 100644
--- a/app/pages/professionnels/parc.vue
+++ b/app/pages/professionnels/parc.vue
@@ -281,7 +281,7 @@
                     v-model.trim="quoteForm.message"
                     rows="6"
                     class="w-full rounded-xl border border-outline-variant/30 bg-white px-4 py-3 text-sm text-on-surface outline-none transition-colors focus:border-primary"
-                    placeholder="Précisez votre besoin, les dates, le matériel ou l’événement concerné."
+                    placeholder="Précisez votre besoin, les dates de retrait et retour (le Parc est fermé le weekend). Nous ne faisons pas de livraisons."
                   ></textarea>
                   <p v-if="quoteFormErrors.message" class="text-xs text-error">{{ quoteFormErrors.message }}</p>
                 </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 3c3f70d..b99c3bf 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -64,6 +64,8 @@ export default {
         'surface-container-lowest': '#ffffff',
         'surface-dim': '#cdd9ff',
         'on-secondary': '#f7f9ff',
+        'secondary-brand-container': '#e3061338',
+        'primary-brand-container': '#E20018',
       },
       borderRadius: {
         DEFAULT: '0.125rem',