vf-site/README.md
Ruidy d9dcd6fd5f feat(home): add T3 Airbnb CTA in hero (FR/EN)
feat(analytics): add apt prop to all Airbnb CTAs for clearer tracking (FR/EN, rates, detail, thank-you).

style(home): increase apartment card image height on desktop (md:h-64).
2025-09-08 09:44:39 -04:00

1.5 KiB
Raw Blame History

VillaFleurie Website

This site is built with Astro and Tailwind, with FR/EN locales.

Quick Start

  • Requirements: Node 18+, Corepack enabled (pnpm). Then:
    • corepack enable
    • pnpm install
  • Dev server: pnpm dev → open http://localhost:4321/fr/ (root redirects to /fr/).
  • Build: pnpm build → static output in dist/. Preview: pnpm preview.

Structure

  • src/pages/fr|en/: localized pages (Home, Apartments, Reviews, Rates, Contact, Policies).
  • src/layouts/: shared layout with sticky header, language toggle, footer.
  • src/styles/global.css: Tailwind v4 with brand tokens (--color-brand, --color-brand-600).
  • src/i18n/routes.ts: route manifest (siblingPath, CTA label helper).
  • public/: static assets + _redirects (root → /fr/).
  • Spec: docs/spec/website-revamp-spec.md (goals, sitemap, copy, release plan).

i18n & Navigation

  • Folder-based locales with different slugs (e.g., FR avis ↔ EN reviews).
  • Always use the route helpers for links and the language toggle; dont hardcode crosslocale paths.

Forms & Analytics

  • Netlify Forms on /fr/contact/ and /en/contact/, with localized thankyou pages.
  • Plausible events: booking_request_submitted (primary), click_airbnb, click_booking, etc.

Contributing

  • Use Conventional Commits. Include screenshots (FR/EN) for UI changes.
  • Keep the spec updated when requirements change.
  • See AGENTS.md for contributor guidelines and the current phase plan.