Swap the 'oyez.ariege.io' script-text title for the brand Oyez! wordmark
banner (self-hosted SVG), wrapped in an external link to oyez.ariege.io
(new tab, subtle hover fade). Sized responsively: w-5/6 of the column on
mobile, filling the column capped at max-w-md (448px) on desktop.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Swap the hero wordmark font from Sketch Gothic School (free for personal
use only) to Berry Rotunda — a public-domain rotunda/insular face that
suits the celtic-knot theme and carries no licensing constraints for
commercial/web use. Self-host as woff2/woff and drop the old font files.
The SVG clip viewBox auto-fits to the new glyph metrics.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Add the "farmstand · land art · residency · events venue" strip under
the hero stag (new home.heroStrip key in all five locales). One gold
line on wide screens; wraps to centered lines on mobile so the longer
locales never overflow.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The mobile tagline was too small/tight; bump its size and restore the
wider letter-spacing so it spans the hero, and remove the gap above the
title so the two sit together.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Reword the PageShell/PageHero comments to describe the layout intent
without naming the prior host site.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Replace the script-font title with the brand blackletter ("Sketch Gothic
School", self-hosted) rendered as SVG text that clips a looping
forest/cloud video, so the texture drifts through the letterforms. The
viewBox auto-fits the measured glyph box (one line at any width, ~92vw),
with a gold drop-shadow for the engraved edge. Plain <h1> kept for SEO.
Video re-encoded to ~3.1MB with a light poster.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- Gold left-to-right gradient on the tagline (clip-to-text), kept to one
line; smaller with tighter tracking on mobile, full size on desktop.
- Remove the dark gradient wash over the hero landscape so the photo
reads brighter.
- Mobile hero is content-height with top/bottom padding (no forced full
screen) so there's no dead band below the stag; desktop stays a
centered full-screen hero with breathing room under the navbar.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The full-height hero centered its content vertically, leaving a ~188px
dead band between the header and the tagline on phones. Anchor the
content near the top (justify-start + small top padding) below lg, and
keep the centered treatment from lg up. Gap drops 188px -> 48px on
mobile; desktop stays vertically centered.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The long uppercase Symposium hero title ran large at text-4xl on narrow
phones. Start at text-3xl, keep md:text-5xl at the desktop breakpoint.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Standard VueUse recipe: useWindowScroll for the reactive position,
compare against the watcher's previous value for direction. Header
translates off the top when scrolling down and slides back in on
scroll-up; always shown near the top and while the mobile sheet is open.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The celtic-knot gutters read too loud at full strength. Layer a flat
dark-green wash (--bg-overlay token) over the tile in the body
background so the knotwork recedes to a quiet texture behind the panel.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Calibrate all non-home pages to one layout language matching the Wix
design: the celtic-knot tile becomes the page background (shown in the
gutters), content floats in a single near-black rounded panel, and cards
inside are plain cards.
- Add PageShell (floating bg-panel card), PageSection (plain content
block), and PageHero (centered hero; left grid w/ aside image) under
src/components/layout/.
- Tile the body background and add a --panel token; the home page's
fixed landscape sits above this layer, so home is unchanged.
- Re-skin the 11 secondary views through these primitives and unify
headings to the font-display uppercase idiom.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Replace the static cosmic-stag.avif in the hero with an autoplaying,
muted, looping <video> of the morph (webm), falling back to a still
WebP frame inside the <video> for browsers that can't play any
<source>. Standards-compliant fallback pattern; assets imported via
Vite so they get content-hashed.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The Button base sets whitespace-nowrap + fixed h-12, so the French
welcome CTA "En savoir plus sur le Centre pour l'art et l'écologie"
overflowed the mobile viewport. Override on this instance:
whitespace-normal, h-auto + py-3, max-w-full, text-balance, and a
larger rounded-3xl to keep the pill shape on two lines.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Replace the paraphrased English strings (and the FR I had paraphrased
*from* my paraphrased EN) with the verbatim Wix source, view by view.
The Wix site (faunscastle.wixsite.com/ariege) is the user's canonical
content; their request is "verbatim or as faithful as possible".
Same i18n key structure as before, so the view templates don't change.
Where Wix has more material than my structure captured I added new
keys (silent until a view references them):
- concept.mission.motivationBody (the longer "slow living
productivity" paragraph)
- concept.quote (Thoreau attribution)
- vision.intro ("How we arrived here")
- symposium.purpose (think-tank + working body
paragraph)
A handful of view-facing keys grew to match Wix's prose length —
notably concept.slowFarming pillars (one sentence → full paragraph
each), vision.pillars (one sentence → full paragraph each), vision
philosophy values, and the symposium overview / eligibility blocks.
The views render fine; check that the pillar Card heights still
balance in the grid.
Headings and CTAs swapped to Wix verbatim ("Welcome to The Château du
Faune", "here are some possible paths…", "Just passing through?",
"book your stay", "We're Forming our Team Now", "Live & Work Here").
Footer tagline now mirrors the Wix homepage strapline
("farmstand ✧ land art ✧ Residency ✧ Events Venue") instead of my
paraphrase. Address unchanged.
FR is a faithful translation since Wix is EN-only; refine wording at
your discretion.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Full translations of all keys for es-ES, it, pt-PT. Header
FR/EN toggle becomes a five-code segmented pill row
(FR · EN · ES · IT · PT) in both desktop nav and mobile sheet.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Match the desktop nav's frosted aesthetic on the mobile menu:
- SheetContent in SiteHeader overrides the default bg-background with
bg-background/65 + backdrop-blur-xl + backdrop-saturate-150 (same
recipe the sticky <header> uses), plus a translucent white/10
border so the slide-in panel reads as glass rather than a solid
green block.
- SheetContent.vue (shared primitive): drop the overlay opacity from
bg-black/80 to bg-black/30 so the page behind the sheet dims
enough to indicate focus, but the pinned landscape still shows
through.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Install the shadcn-vue Alert primitives (Alert / AlertTitle /
AlertDescription + the alertVariants cva) at
src/components/ui/alert. Files mirrored from the registry JSON.
EventsView: the bouge.ariege.io heads-up at the top of the listing
was a hand-styled <aside> with a <p> kicker and a body paragraph;
swap to <Alert><AlertTitle>…</AlertTitle><AlertDescription>…
</AlertDescription></Alert>. Keep bg-card + text-foreground/85
overrides so it still reads as a quiet card on the green hero band
rather than the variant default.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Install the shadcn-vue Sheet primitives (Sheet / SheetTrigger /
SheetContent / SheetHeader / SheetTitle / SheetDescription /
SheetFooter / SheetClose + the sheetVariants cva) at
src/components/ui/sheet. Files mirrored from the registry JSON to
sidestep the same corepack-pnpm issue that blocks the CLI; X icon
import fixed to @lucide/vue.
SiteHeader: drop the hand-rolled hamburger that toggled a v-show
panel beneath the header, in favour of a Sheet with the hamburger
as SheetTrigger (as-child) and the full nav list as SheetContent
sliding from the right. Sheet handles open-state via v-model:open,
which the route watcher still drives so navigating from the menu
auto-closes the panel. SheetContent runs through a Portal at body
level so the slide animation isn't constrained by the frosted-glass
header.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
navigationMenuTriggerStyle ships with font-medium baked in. Our
pre-NavigationMenu nav had no weight class so it inherited Roboto 300
(font-light) from the body, which read more in keeping with the
restrained aesthetic of the rest of the page. Override the cva base
with font-light on each NavigationMenuTrigger and on the Marketplace
flat link.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Install the shadcn-vue NavigationMenu component family at
src/components/ui/navigation-menu (NavigationMenu / NavigationMenuList
/ NavigationMenuItem / NavigationMenuTrigger / NavigationMenuContent /
NavigationMenuLink / NavigationMenuIndicator / NavigationMenuViewport
+ navigationMenuTriggerStyle cva). Files came in via the registry JSON
(www.shadcn-vue.com/r/styles/default/navigation-menu.json) because the
CLI's corepack pnpm shim conflicts with our nix-managed pnpm — handle
that more cleanly later.
Adds @vueuse/core as a runtime dependency (reactiveOmit /
useForwardProps inside the navigation-menu primitives).
Two upstream fixes applied:
1. NavigationMenuTrigger imports ChevronDown from "@lucide/vue", not
the deprecated "lucide-vue-next" the registry ships by default.
2. NavigationMenuViewport's height/width CSS variable references use
Tailwind v3 syntax — h-[--reka-navigation-menu-viewport-height] —
which renders as a literal string under Tailwind v4, collapsing
the viewport to 2px. Wrap them in var() so v4 resolves them
correctly: h-[var(--reka-navigation-menu-viewport-height)].
SiteHeader desktop nav: drop the custom openGroup ref, the
document-level click/keydown listeners and the v-show toggle in
favour of NavigationMenuTrigger + NavigationMenuContent for the four
group dropdowns (Concept / What's On / Collaborate / Reservations),
plus a flat Marketplace link styled with navigationMenuTriggerStyle.
Hover/focus/open states all use bg-muted + text-primary to preserve
the green-bg/gold-text feel from the hand-rolled nav.
Mobile menu stays hand-rolled for this commit; Sheet refactor lands
in a follow-up.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Add the Badge primitive at src/components/ui/badge with the standard
default / secondary / destructive / outline variants.
Replace the two hand-rolled status pill patterns in AccommodationView
(rooms + cabins) with <Badge>:
- Room "Open" pill → variant="default" (filled gold on green)
- Room/Cabin "Coming soon" pill → variant="outline" (border + muted)
Keeps the small-caps tracking and 10px size via class overrides so
the visual rhythm against the room/cabin Card titles is preserved.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Add the shadcn-vue Card primitive (Card / CardHeader / CardTitle /
CardDescription / CardContent / CardFooter) at src/components/ui/card.
Replace ~20 hand-rolled "rounded-lg border border-border bg-card …"
patterns across nine views with <Card>:
- ConceptView (slow-farming pillars)
- VisionValuesView (philosophy + pillars + team)
- GalleryView (image figure cards)
- EventsView (program cards)
- SymposiumView (included items + apply steps)
- LongStaysView (path cards)
- OpportunitiesView (group cards + apply explainers)
- AccommodationView (rooms + cabins + exterior items)
- ReservationsView (kind cards + contact card)
- MarketplaceView (category cards)
- HomeView (featured events)
For image-bearing cards (events / rooms), use Card + CardContent so
the image stays flush at the top of the card and the inner padding
lives on the content slot. For clickable cards, the RouterLink wraps
the Card so the whole card is the link target.
Variants where the card sits on a tinted section (philosophy items on
bg-card section, cabins on bg-card section) override Card's default
bg-card with bg-background via the class prop.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Mirror the Wix layout for everything beneath the hero: each section
becomes a rounded-corner card inset from the viewport edges, so the
pinned Pyrenees landscape glows through the gutters between cards.
Inside each card, a Celtic-knot tile (src/assets/section-tile.webp,
repeating at 50px) sits at 80% opacity behind a translucent dark-
green overlay (bg-background/75) — enough darkness for cream text to
read cleanly, enough transparency for the tile pattern to show.
The Bouge.ariege.io callout uses a heavier near-black overlay
(bg-zinc-950/80) so its gold script title pops.
Tile texture mirrored from the Wix source for parity; can be swapped
later if we commission original artwork.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Replace the in-flow background image with a viewport-fixed element so
the Pyrenees landscape stays put while everything else scrolls. Stand
the hero up to min-h-screen and centre the kicker / title / stag stack
vertically. Bump the kicker size from text-xs to text-xl→text-4xl with
tighter tracking and a drop-shadow so it stays legible against the
bright sky portion of the photo. Pull the title down one size step at
each breakpoint to leave room for the bigger stag, which roughly
doubles in size to dominate the composition the way it does in the
Wix source. Drop the bottom gradient stop (was fading to opaque green
and blocking the photo) — fades cleanly to transparent now.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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>
Drop the near-opaque background (bg-background/95) for a translucent
bg-background/65 + backdrop-blur-xl + backdrop-saturate-150 sandwich,
so the pinned hero landscape glows softly through the sticky nav.
Switch the bottom border to white/10 so the separation reads as
glass rather than a hard rule.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Italianno's thin calligraphic strokes broke up at the hero title's
display size (the user noted the letters appeared disconnected).
Tangerine at 700 weight reads as a heavier italic serif with cleaner
glyph shapes and holds together at 96-128px.
Updates --font-script in the Tailwind theme block plus the Google
Fonts <link> in index.html.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Replace the WebP cosmic-stag with an AVIF version that has cleaner
transparency. AVIF support is universal across the browsers we target
(Chrome ≥85, Firefox ≥93, Safari ≥16, Edge ≥121). Asset is ~92% the
size of the WebP it replaces.
Updates the four import sites: index.html favicon, SiteHeader logo,
SiteFooter logo and the HomeView hero stag.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Add the shadcn-vue Button component at src/components/ui/button/ and
sweep every site CTA through it instead of repeating the same
rounded-md class string across nine views.
The Button's variants are tuned to the new Wix-inspired aesthetic:
- default: gold fill, cream text, rounded-full, uppercase tracking 0.2em
- outline: gold outline + gold text on transparent, same shape
- ghost / link / secondary / destructive: rounded-full equivalents
Two follow-ups noted:
1. components.json had a stale "framework" key from older shadcn-vue
schemas; dropped. The CLI still rejects the file on a path-resolve
check against tsconfig — needs deeper investigation, so I wrote
the Button by hand for now.
2. SiteHeader's nav-dropdown toggles and the locale switcher are not
routed through Button on purpose — they're a different control
pattern from CTAs.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Restructure the home view to mirror the source site's order and
treatment:
- Hero is now a full-bleed Pyrenees landscape photo with a fade-to-
background gradient overlay. Site name renders in Italianno script
at 7xl-9xl, centred. Aboreto small-caps tagline sits above; cosmic
stag overlays beneath.
- Welcome is a centred green band with an outlined gold pill linking
into the concept page.
- Add the missing bouge.ariege.io callout: dark panel, gold Italianno
title, uppercase Aboreto subtitle and body, primary pill CTA.
- Plan-your-visit becomes a bullet list (Aboreto strong + Roboto body)
paired with a property photo, replacing the previous 4-card grid.
- Featured events keep the 3-card shape but switch headings to Aboreto
caps and gain a gold pill "see all" CTA at the bottom.
- Drop the standalone contact band — SiteFooter already carries the
address and contact.
Hero photo mirrored from the Wix CDN into src/assets/hero-landscape.webp
(379 KB, 1920px wide WebP, q78).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Retheme to match the Wix source: deep forest-green background
(hsl 151 100% 8%), cream foreground, gold primary/accent. Update
both :root and .dark variants for dark-by-default.
Load Aboreto (display), Italianno (calligraphic script for the hero
title) and Roboto 300/400/500/700 from Google Fonts with preconnect
hints. Define --font-sans / --font-display / --font-script tokens,
which Tailwind 4 exposes as font-sans / font-display / font-script
utilities.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The PNG previously living at public/cosmic-stag.png was actually a
hand-drawn concept map of the property — rename it to property-map.png
so it's available when we wire it into Plan Your Visit or Concept.
The real cosmic-stag (with proper transparency) now lives at
src/assets/cosmic-stag.webp, imported from the three SFCs that use it
and referenced from index.html via a relative path. Vite hashes the
filename on build, so cache invalidation happens automatically and the
single import dedupes to one network fetch.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Three dashed-bordered cards (field / pantry / crafted on site) sketch
what the shop will hold, with a launch-date notice and a mailto for
specific-item requests. Real storefront lands in a follow-up.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Six main-house rooms (Qilin / Phoenix / Alicorn / Brownie / Golem /
Kelpie) with bed type, view and bath/kitchen note; each carries an
open or coming-soon status badge. Three cabins (Zephyr / Shinook /
Xocomil) below. A dashed-bordered list previews the exterior wave
(dépendance, dorm caravan, natural cabins, circus-barn apartment,
glamping tents). Reserve mailto + back-link at the foot.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Hero, four "ways to stay" cards (weekend / week-long retreat / small
gathering / residency), a brief house-style paragraph, a placeholder
booking form panel, and a contact card with email, address and
expected opening. Real booking form lands in a follow-up.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Six domain cards (eco-building, farming, wellness, community,
development, rewilding & arts) listing the positions inside each.
Below: three explainers for the hiring model, the symposium
application window, and the open application path. Apply CTA opens a
pre-subject mailto.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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>
Hero with dates badge, overview prose, four "what's included" cards
(funded position / living space / meals / self-care support), the
eligibility blurb, and a three-step application path. Two CTAs at the
bottom: see open positions, or write directly.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Six event cards (picnic potluck, art walk, sauna soiree, spring
residency, yin yoga, vinyasa flow) with date / location / one-line
description. The spring residency card links into the dedicated
Symposium II.0 page; the others sit as static cards until a real
calendar source lands. A note flags the in-progress bouge.ariege.io
community calendar for the wider region.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Six-image square grid with serif captions on a card background.
Sources are Wix CDN URLs of works already in the existing gallery;
to be downloaded into public/ once selections are confirmed.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Maps the project's stated value framework: a short mission paragraph,
five guiding qualities (mindfulness, collaboration, reciprocity,
balance, reverence), the seven operational pillars (eco-building,
slow farming, wellness, rewilding, community, the arts, development),
and the three core stewards.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Five-section page laying out the project's organizing idea: mission,
land art & residencies, farmstand & boutique, the three pillars of
slow farming, and events in nature. Each prose section pairs with a
property photo from the gallery; CTAs cross-link to /gallery,
/marketplace and /events.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Five-section home view: cosmic-stag hero with primary CTAs, welcome
panel paired with a property photo, four pathways (day visit / activity
/ retreat / residency) linking into the relevant sections, three
featured upcoming events, contact band. Earthy serif/sans rhythm and
accent terracotta hovers throughout.
Event imagery loads from the Wix CDN for now; plan is to mirror to
public/ once final selections are made.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
SiteHeader renders a sticky bilingual nav with click-to-open dropdowns
for Concept / What's On / Collaborate / Reservations groups plus a flat
Marketplace link and an FR/EN toggle. Outside-click and Esc close the
open group; route changes reset both desktop and mobile state.
SiteFooter pins contact, address and social links to every page.
Router declares all eleven content routes plus a 404. Each view is a
"coming soon" stub so per-section content can land independently
without breaking the build.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Replace shadcn neutral defaults with a warm parchment background, deep
moss primary and terracotta accent. Add Cormorant Garamond serif stack
for headings, system sans for body. Set the page title, French lang
attribute, meta description and cosmic-stag favicon.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Site is bilingual French/English. Replace the boilerplate's
en+es pair with en+fr; default locale becomes fr.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
