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>
This commit is contained in:
parent
9beafd40cb
commit
cc500ddd36
3 changed files with 122 additions and 4 deletions
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
<h1 class="font-serif text-4xl font-semibold tracking-tight">{{ t('nav.longStays') }}</h1>
|
||||
<p class="mt-4 text-muted-foreground">{{ t('common.comingSoon') }}</p>
|
||||
<div>
|
||||
<!-- Hero -->
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue