remove linkedin and add good instagram

sanity/schemas/siteSettings.ts

@@ -11,7 +11,6 @@ export default defineType({
     defineField({ name: 'email', title: 'Email de contact', type: 'string' }),
     defineField({ name: 'phone', title: 'Téléphone', type: 'string' }),
     defineField({ name: 'instagram', title: 'Instagram', type: 'url' }),
-    defineField({ name: 'linkedin', title: 'LinkedIn', type: 'url' }),
     defineField({
       name: 'heroImages',
       title: "Images hero page d'accueil",

src/components/Footer.astro

@@ -8,8 +8,11 @@ const year = new Date().getFullYear();
     <div class="ft__row">
       <span class="ft__copy">&copy; {year}</span>
       <div class="ft__links">
-        <a href="https://instagram.com/aureliebarre" target="_blank" rel="noopener">instagram</a>
+        <a
-        <a href="https://linkedin.com/in/aureliebarre" target="_blank" rel="noopener">linkedin</a>
+          href="https://www.instagram.com/douzoute.maison.dangele/"
+          target="_blank"
+          rel="noopener">instagram</a
+        >
       </div>
     </div>
   </div>

src/components/components/Footer.astro

@@ -6,8 +6,11 @@ const year = new Date().getFullYear();
   <div class="ft__row">
     <span class="ft__copy">&copy; {year}</span>
     <div class="ft__links">
-      <a href="https://instagram.com/aureliebarre" target="_blank" rel="noopener">instagram</a>
+      <a
-      <a href="https://linkedin.com/in/aureliebarre" target="_blank" rel="noopener">linkedin</a>
+        href="https://www.instagram.com/douzoute.maison.dangele/"
+        target="_blank"
+        rel="noopener">instagram</a
+      >
     </div>
   </div>
 </footer>
@@ -29,7 +32,15 @@ const year = new Date().getFullYear();
     color: var(--text-3);
   }
 
-  .ft__links { display: flex; gap: 2rem; }
+  .ft__links {
-  .ft__links a { color: var(--text-3); transition: color 0.2s; }
+    display: flex;
-  .ft__links a:hover { color: var(--text); }
+    gap: 2rem;
+  }
+  .ft__links a {
+    color: var(--text-3);
+    transition: color 0.2s;
+  }
+  .ft__links a:hover {
+    color: var(--text);
+  }
 </style>

src/pages/contact.astro

@@ -1,11 +1,11 @@
 ---
-import BaseLayout from '../layouts/BaseLayout.astro';
+import BaseLayout from "../layouts/BaseLayout.astro";
 
 const stripImages = [
-  { src: '/images/events/engie/04.jpg', alt: 'Engie' },
+  { src: "/images/events/engie/04.jpg", alt: "Engie" },
-  { src: '/images/events/la-premiere/02.jpeg', alt: 'La Première' },
+  { src: "/images/events/la-premiere/02.jpeg", alt: "La Première" },
-  { src: '/images/perennes/devoteam/03.jpg', alt: 'Devoteam' },
+  { src: "/images/perennes/devoteam/03.jpg", alt: "Devoteam" },
-  { src: '/images/events/dior/09.jpeg', alt: 'Dior' },
+  { src: "/images/events/dior/09.jpeg", alt: "Dior" },
 ];
 ---
 
@@ -23,36 +23,67 @@ const stripImages = [
           <div class="contact__info">
             <div class="contact__group">
               <span class="label">email</span>
-              <a href="mailto:contact@aureliebarre.fr" class="contact__link">contact@aureliebarre.fr</a>
+              <a href="mailto:contact@aureliebarre.fr" class="contact__link"
+                >contact@aureliebarre.fr</a
+              >
             </div>
             <div class="contact__group">
               <span class="label">réseaux</span>
               <div class="contact__socials">
-                <a href="https://instagram.com/aureliebarre" target="_blank" rel="noopener" class="contact__link">instagram</a>
+                <a
-                <a href="https://linkedin.com/in/aureliebarre" target="_blank" rel="noopener" class="contact__link">linkedin</a>
+                  href="https://www.instagram.com/douzoute.maison.dangele/"
+                  target="_blank"
+                  rel="noopener"
+                  class="contact__link">instagram</a
+                >
               </div>
             </div>
           </div>
 
           <!-- Formulaire de contact -->
           <div class="contact__form-wrap">
-            <form class="contact__form" action="mailto:contact@aureliebarre.fr" method="POST" enctype="text/plain">
+            <form
+              class="contact__form"
+              action="mailto:contact@aureliebarre.fr"
+              method="POST"
+              enctype="text/plain"
+            >
               <div class="form__group">
-                <input type="text" id="name" name="name" placeholder=" " required />
+                <input
+                  type="text"
+                  id="name"
+                  name="name"
+                  placeholder=" "
+                  required
+                />
                 <label for="name">nom & prénom</label>
               </div>
               <div class="form__group">
-                <input type="email" id="email" name="email" placeholder=" " required />
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  placeholder=" "
+                  required
+                />
                 <label for="email">adresse email</label>
               </div>
               <div class="form__group">
-                <textarea id="message" name="message" placeholder=" " required rows="1"></textarea>
+                <textarea
+                  id="message"
+                  name="message"
+                  placeholder=" "
+                  required
+                  rows="1"></textarea>
                 <label for="message">votre projet</label>
               </div>
               <button type="submit" class="form__submit">
                 envoyer la demande
                 <svg width="14" height="14" viewBox="0 0 16 16" fill="none">
-                  <path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="currentColor" stroke-width="1"/>
+                  <path
+                    d="M3 8H13M13 8L9 4M13 8L9 12"
+                    stroke="currentColor"
+                    stroke-width="1"></path>
                 </svg>
               </button>
             </form>
@@ -63,17 +94,19 @@ const stripImages = [
 
     <!-- Photo strip: 4 images edge-to-edge -->
     <div class="hero__strip rv" style="--d:2">
-      {stripImages.map((img, i) => (
+      {
-        <div class="hero__strip-img" style={`--i:${i}`}>
+        stripImages.map((img, i) => (
-          <img src={img.src} alt={img.alt} />
+          <div class="hero__strip-img" style={`--i:${i}`}>
-        </div>
+            <img src={img.src} alt={img.alt} />
-      ))}
+          </div>
+        ))
+      }
     </div>
   </section>
 </BaseLayout>
 
 <style>
-  @import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
+  @import url("https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap");
 
   .hero {
     padding-top: calc(var(--header-h) + 4vh);
@@ -89,7 +122,7 @@ const stripImages = [
   }
 
   .hero__name {
-    font-family: 'Syne', sans-serif;
+    font-family: "Syne", sans-serif;
     font-size: clamp(4rem, 12vw, 11rem);
     font-weight: 700;
     line-height: 0.88;
@@ -98,7 +131,9 @@ const stripImages = [
     margin-bottom: 5rem;
   }
 
-  .hero__line { display: block; }
+  .hero__line {
+    display: block;
+  }
   .hero__line--2 {
     font-weight: 800;
     color: transparent;
@@ -256,7 +291,9 @@ const stripImages = [
 
   .hero__strip:hover .hero__strip-img:not(:hover) img {
     filter: brightness(0.85);
-    transition: filter 0.4s, transform 0.8s var(--ease);
+    transition:
+      filter 0.4s,
+      transform 0.8s var(--ease);
   }
 
   /* Responsive */