From a1b4c76ae8cfa0b5808ba7d13421715acebbc6ba Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Tue, 9 Jun 2026 12:38:35 +0200
Subject: [PATCH] feat(footer): inline instagram glyph, darken band, drop
 LinkedIn

Replace the "Instagram @chateaudufaune" plain-text link with the
familiar rounded-square + circle + dot glyph as an inline SVG
(currentColor, so hover inherits the link tint). Pull the band's
backdrop from bg-secondary/40 up to bg-black/90 so it actually
anchors the page against the pinned hero landscape. Drop the
placeholder LinkedIn entry; the LinkedIn page wasn't pointing
anywhere real.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/SiteFooter.vue | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/components/SiteFooter.vue b/src/components/SiteFooter.vue
index e986e55..6a0c17c 100644
--- a/src/components/SiteFooter.vue
+++ b/src/components/SiteFooter.vue
@@ -7,7 +7,7 @@ const year = new Date().getFullYear()
 </script>
 
 <template>
-  <footer class="mt-16 border-t border-border bg-secondary/40">
+  <footer class="mt-16 border-t border-border bg-black/90">
     <div class="mx-auto grid max-w-7xl gap-8 px-4 py-10 lg:px-6 md:grid-cols-3">
       <div>
         <div class="mb-3 flex items-center gap-3">
@@ -42,19 +42,24 @@ const year = new Date().getFullYear()
               href="https://www.instagram.com/chateaudufaune"
               target="_blank"
               rel="noopener"
-              class="text-muted-foreground hover:text-primary"
+              class="inline-flex items-center gap-2 text-muted-foreground hover:text-primary"
             >
-              Instagram @chateaudufaune
-            </a>
-          </li>
-          <li>
-            <a
-              href="https://www.linkedin.com/company/chateau-du-faune"
-              target="_blank"
-              rel="noopener"
-              class="text-muted-foreground hover:text-primary"
-            >
-              LinkedIn
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                class="h-4 w-4"
+                aria-hidden="true"
+              >
+                <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
+                <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
+                <line x1="17.5" y1="6.5" x2="17.51" y2="6.5" />
+              </svg>
+              @chateaudufaune
             </a>
           </li>
         </ul>