feat(long-stays): four pathways + symposium teaser

Four cards covering work/volunteer exchange, long-term residency
rentals, partial-exchange rentals and the in-development funded artist
programme. A trailing teaser cross-links to Symposium II.0 for those
looking for the flagship.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/i18n/locales/en.json

@@ -178,6 +178,30 @@
       "cta": "Write to us"
     }
   },
+  "longStays": {
+    "hero": {
+      "kicker": "Collaborate · Long Stays",
+      "title": "Live and work here",
+      "lede": "Several ways to get involved for the long haul — from a few weeks of work exchange to multi-year residency rentals, depending on your craft and the season."
+    },
+    "pathsTitle": "Ways in",
+    "paths": {
+      "exchangeTitle": "Work or volunteer exchange",
+      "exchangeBody": "Join an early-stage project, or come to support with your time and energy. Modular packages cover work hours, accommodation and meals.",
+      "rentalTitle": "Long-term residency rentals",
+      "rentalBody": "For gardeners, builders, ceramicists, community designers and kindred crafts looking for a warm, curated and family-like setting on a working farm. Drama-, drink- and drug-free.",
+      "partialTitle": "Partial exchange",
+      "partialBody": "Long-term rentals are also available without a work commitment, with rates that scale with your level of involvement and comfort.",
+      "fundedTitle": "Funded artists in residence",
+      "fundedBody": "A funded artist programme is in development, alongside studio rentals dedicated to traditional crafts and natural materials."
+    },
+    "symposiumTeaser": {
+      "title": "Looking for the flagship?",
+      "body": "Symposium II.0 is our fully funded three-month incubator — a focused, intensive way to enter the project as a core team member."
+    },
+    "ctaSymposium": "Discover Symposium II.0",
+    "ctaContact": "Talk to us first"
+  },
   "symposium": {
     "hero": {
       "kicker": "Symposium II.0",

src/i18n/locales/fr.json

@@ -178,6 +178,30 @@
       "cta": "Nous écrire"
     }
   },
+  "longStays": {
+    "hero": {
+      "kicker": "Collaborer · Séjours longue durée",
+      "title": "Vivre et travailler ici",
+      "lede": "Plusieurs façons de s'engager sur la durée — de quelques semaines d'échange de services à des résidences locatives sur plusieurs années, selon votre métier et la saison."
+    },
+    "pathsTitle": "Chemins d'engagement",
+    "paths": {
+      "exchangeTitle": "Échange de services / bénévolat",
+      "exchangeBody": "Rejoignez un projet en phase de démarrage, ou venez soutenir avec votre temps et votre énergie. Des formules modulables couvrent les heures de travail, l'hébergement et les repas.",
+      "rentalTitle": "Résidences locatives longue durée",
+      "rentalBody": "Pour les maraîcher·ères, bâtisseur·euses, céramistes, designers communautaires et métiers connexes en quête d'un cadre chaleureux, soigné et familial sur une fermette en activité. Sans drama, sans alcool, sans drogue.",
+      "partialTitle": "Échange partiel",
+      "partialBody": "Les résidences locatives longue durée sont aussi possibles sans engagement de travail, avec des tarifs qui s'ajustent à votre niveau d'implication et de confort.",
+      "fundedTitle": "Artistes en résidence financée",
+      "fundedBody": "Un programme de résidences financées est en développement, accompagné de locations d'ateliers dédiés aux artisanats traditionnels et aux matériaux naturels."
+    },
+    "symposiumTeaser": {
+      "title": "Vous cherchez l'expérience phare ?",
+      "body": "Le Symposium II.0 est notre incubateur de trois mois entièrement financé — une voie intense et concentrée pour entrer dans le projet en tant que membre de l'équipe centrale."
+    },
+    "ctaSymposium": "Découvrir Symposium II.0",
+    "ctaContact": "Discutons-en"
+  },
   "symposium": {
     "hero": {
       "kicker": "Symposium II.0",

src/views/LongStaysView.vue

@@ -1,12 +1,82 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
+import { RouterLink } from 'vue-router'
 
 const { t } = useI18n()
+
+const paths = ['exchange', 'rental', 'partial', 'funded'] as const
 </script>
 
 <template>
-  <article class="mx-auto max-w-4xl px-4 py-16">
+  <div>
-    <h1 class="font-serif text-4xl font-semibold tracking-tight">{{ t('nav.longStays') }}</h1>
+    <!-- Hero -->
-    <p class="mt-4 text-muted-foreground">{{ t('common.comingSoon') }}</p>
+    <section class="border-b border-border bg-secondary/40">
+      <div class="mx-auto max-w-4xl px-4 py-16 lg:px-6 lg:py-20">
+        <p class="text-xs uppercase tracking-[0.2em] text-accent">
+          {{ t('longStays.hero.kicker') }}
+        </p>
+        <h1 class="mt-3 font-serif text-5xl font-semibold leading-tight tracking-tight md:text-6xl">
+          {{ t('longStays.hero.title') }}
+        </h1>
+        <p class="mt-6 max-w-prose text-lg leading-relaxed text-foreground/90">
+          {{ t('longStays.hero.lede') }}
+        </p>
+      </div>
+    </section>
+
+    <!-- Paths -->
+    <section class="mx-auto max-w-7xl px-4 py-16 lg:px-6">
+      <h2 class="font-serif text-3xl font-semibold tracking-tight">
+        {{ t('longStays.pathsTitle') }}
+      </h2>
+      <div class="mt-8 grid gap-6 md:grid-cols-2">
+        <article
+          v-for="key in paths"
+          :key="key"
+          class="rounded-lg border border-border bg-card p-6"
+        >
+          <h3 class="font-serif text-xl font-semibold">
+            {{ t(`longStays.paths.${key}Title`) }}
+          </h3>
+          <p class="mt-3 text-base leading-relaxed text-foreground/85">
+            {{ t(`longStays.paths.${key}Body`) }}
+          </p>
         </article>
+      </div>
+    </section>
+
+    <!-- Symposium teaser -->
+    <section class="border-t border-border bg-secondary/30">
+      <div class="mx-auto grid max-w-7xl items-center gap-10 px-4 py-16 lg:grid-cols-2 lg:gap-14 lg:px-6">
+        <img
+          src="https://static.wixstatic.com/media/11062b_322db9c671074a6cb3d76de93ac013f0~mv2.jpg"
+          alt=""
+          class="aspect-[4/3] w-full rounded-lg object-cover"
+          loading="lazy"
+        />
+        <div>
+          <h2 class="font-serif text-3xl font-semibold tracking-tight">
+            {{ t('longStays.symposiumTeaser.title') }}
+          </h2>
+          <p class="mt-5 max-w-prose leading-relaxed">
+            {{ t('longStays.symposiumTeaser.body') }}
+          </p>
+          <div class="mt-8 flex flex-wrap items-center gap-3">
+            <RouterLink
+              to="/symposium"
+              class="rounded-md bg-primary px-5 py-3 text-sm font-medium text-primary-foreground hover:opacity-90"
+            >
+              {{ t('longStays.ctaSymposium') }}
+            </RouterLink>
+            <a
+              href="mailto:chateaudufaune@ariege.io"
+              class="rounded-md border border-border px-5 py-3 text-sm font-medium hover:bg-muted"
+            >
+              {{ t('longStays.ctaContact') }}
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+  </div>
 </template>