content: positionnement GR470, activités, ton authentique de la maison
Build & Deploy / build-push-deploy (push) Failing after 2s

This commit is contained in:
2026-06-14 20:52:51 +02:00
parent 8bb70aca2f
commit 062e815549
6 changed files with 124 additions and 69 deletions
+13 -9
View File
@@ -9,32 +9,36 @@ import gallery1 from '../assets/images/gallery_1.jpg';
<div> <div>
<span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5"> <span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5">
Le gîte La maison
</span> </span>
<h2 class="font-serif text-5xl md:text-6xl font-light leading-tight mb-8"> <h2 class="font-serif text-5xl md:text-6xl font-light leading-tight mb-8">
Un havre de paix<br/>au bord de l'Allier Une maison vivante,<br/>entre rivière et forêt
</h2> </h2>
<p class="text-dark/70 leading-relaxed mb-4">
Ancienne demeure en pierre au bord de l'Allier, Cécile l'a faite à son image —
chaleureuse, vivante, entourée d'un grand jardin où il fait bon traîner.
On y arrive parfois fatigué du sentier, on en repart ressourcé.
</p>
<p class="text-dark/70 leading-relaxed mb-8"> <p class="text-dark/70 leading-relaxed mb-8">
Ancien moulin rénové avec soin, mêlant authenticité, pierre naturelle Pas une hôtellerie, pas un gîte comme les autres — plutôt une escale humaine,
et confort moderne. Laissez-vous bercer par le doux bruit de l'eau dans une maison qui a une âme.
et la beauté des paysages environnants.
</p> </p>
<ul class="space-y-3 list-none"> <ul class="space-y-3 list-none">
<li class="flex items-center gap-3 text-dark/70"> <li class="flex items-center gap-3 text-dark/70">
<span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span> <span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span>
6 couchages Étape officielle du GR470 (étapes 6 &amp; 7)
</li> </li>
<li class="flex items-center gap-3 text-dark/70"> <li class="flex items-center gap-3 text-dark/70">
<span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span> <span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span>
Terrasse avec vue sur la rivière À 100m de l'Allier
</li> </li>
<li class="flex items-center gap-3 text-dark/70"> <li class="flex items-center gap-3 text-dark/70">
<span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span> <span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span>
Nature préservée Jardin, terrasse et coins de verdure
</li> </li>
<li class="flex items-center gap-3 text-dark/70"> <li class="flex items-center gap-3 text-dark/70">
<span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span> <span class="w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0"></span>
Repas maison disponibles 3 chambres · petits groupes et couples bienvenus
</li> </li>
</ul> </ul>
</div> </div>
+5 -5
View File
@@ -1,11 +1,11 @@
--- ---
import { BedDouble, Trees, CookingPot, Wifi } from 'lucide-astro'; import { Mountain, Waves, Bike, Fish } from 'lucide-astro';
const features = [ const features = [
{ icon: BedDouble, label: '3 chambres' }, { icon: Mountain, label: 'GR470 · Étape officielle' },
{ icon: Trees, label: 'Nature préservée' }, { icon: Waves, label: 'Canoë & kayak' },
{ icon: CookingPot,label: 'Repas maison' }, { icon: Bike, label: 'VTT & VTTAE' },
{ icon: Wifi, label: 'Wifi inclus' }, { icon: Fish, label: 'Pêche à la mouche' },
]; ];
--- ---
+11 -7
View File
@@ -20,18 +20,22 @@ import facade from '../assets/images/facade.jpg';
<!-- Texte --> <!-- Texte -->
<div class="order-1 md:order-2"> <div class="order-1 md:order-2">
<span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5"> <span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5">
Restauration La table
</span> </span>
<h2 class="font-serif text-5xl md:text-6xl font-light leading-tight mb-8"> <h2 class="font-serif text-5xl md:text-6xl font-light leading-tight mb-8">
Des repas maison<br/>avec des produits locaux Cuisine du marché<br/>et du jardin
</h2> </h2>
<p class="text-dark/70 leading-relaxed mb-6"> <p class="text-dark/70 leading-relaxed mb-6">
Cuisine authentique et conviviale préparée à partir de produits Le matin, le petit-déjeuner est fait maison — pain, confitures,
frais et locaux. Chaque repas est une invitation à découvrir fruits de saison, herbes du jardin. Rien d'Instagram, tout de bon.
les saveurs du terroir auvergnat.
</p> </p>
<p class="text-dark/70 leading-relaxed"> <p class="text-dark/70 leading-relaxed mb-8">
Sur réservation : petits-déjeuners et dîners en table d'hôte. Le soir, Cécile propose parfois un repas partagé selon ce qu'elle
a trouvé au marché ou cueillit dans les bois alentour.
Simple, vivant, sincère.
</p>
<p class="text-dark/50 text-sm">
Sur réservation · Végétarien et sans gluten possibles
</p> </p>
</div> </div>
+10 -10
View File
@@ -8,7 +8,7 @@ import facade from '../assets/images/facade.jpg';
<div class="absolute inset-0"> <div class="absolute inset-0">
<Image <Image
src={facade} src={facade}
alt="Le Moulin des Rives" alt="Maison d'hotes chez Cécile"
class="w-full h-full object-cover" class="w-full h-full object-cover"
loading="eager" loading="eager"
/> />
@@ -18,7 +18,7 @@ import facade from '../assets/images/facade.jpg';
<!-- Contenu centré --> <!-- Contenu centré -->
<div class="relative z-10 text-center text-white px-6 max-w-4xl mx-auto"> <div class="relative z-10 text-center text-white px-6 max-w-4xl mx-auto">
<span class="block text-xs tracking-[0.4em] uppercase text-white/60 mb-6"> <span class="block text-xs tracking-[0.4em] uppercase text-white/60 mb-6">
Gîte de charme · Vallée de l'Allier Gorges du Haut-Allier · Alleyras, Auvergne
</span> </span>
<h1 class="font-serif text-7xl md:text-9xl font-light leading-none mb-6"> <h1 class="font-serif text-7xl md:text-9xl font-light leading-none mb-6">
@@ -26,21 +26,21 @@ import facade from '../assets/images/facade.jpg';
</h1> </h1>
<p class="text-lg text-white/70 font-light mb-12 max-w-lg mx-auto"> <p class="text-lg text-white/70 font-light mb-12 max-w-lg mx-auto">
Un lieu chaleureux et authentique au cœur de la nature. Une halte authentique sur le GR470, à deux pas de l'Allier sauvage.
</p> </p>
<div class="flex flex-col sm:flex-row gap-4 justify-center"> <div class="flex flex-col sm:flex-row gap-4 justify-center">
<a
href="#contact"
class="bg-primary text-white px-10 py-4 text-xs tracking-[0.25em] uppercase hover:bg-primary/80 transition-colors"
>
Réserver votre séjour
</a>
<a <a
href="#about" href="#about"
class="border border-white/60 text-white px-10 py-4 text-xs tracking-[0.25em] uppercase hover:bg-white/10 transition-colors" class="border border-white/60 text-white px-10 py-4 text-xs tracking-[0.25em] uppercase hover:bg-white/10 transition-colors"
> >
Découvrir Découvrir la maison
</a>
<a
href="#location"
class="text-white/60 px-10 py-4 text-xs tracking-[0.25em] uppercase hover:text-white transition-colors"
>
Les activités
</a> </a>
</div> </div>
</div> </div>
+81 -35
View File
@@ -1,45 +1,91 @@
<section class="py-32"> <section id="location" class="py-32 scroll-mt-20">
<div class="max-w-6xl mx-auto px-6"> <div class="max-w-6xl mx-auto px-6">
<div class="grid md:grid-cols-2 gap-16 items-center">
<div class="mb-14 text-center">
<span class="block text-xs tracking-[0.3em] uppercase text-primary mb-4">Dans les environs</span>
<h2 class="font-serif text-5xl font-light">Une étape idéale</h2>
<p class="text-dark/60 mt-4 max-w-xl mx-auto">
Alleyras est posée au cœur des Gorges du Haut-Allier, sur plusieurs grands itinéraires nature.
Vous pouvez arriver à pied, en train, ou en voiture.
</p>
</div>
<div class="grid md:grid-cols-2 gap-16 items-start mb-16">
<!-- Activités -->
<div class="space-y-8">
<div> <div>
<span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5"> <h3 class="font-serif text-2xl font-light mb-3">🥾 GR470 · Gorges de l'Allier</h3>
Localisation <p class="text-dark/70 leading-relaxed mb-3">
</span> Le GR470 passe directement par Pont d'Alleyras. La maison se situe exactement entre deux étapes officielles :
<h2 class="font-serif text-5xl md:text-6xl font-light leading-tight mb-8">
Au cœur de la<br/>vallée de l'Allier
</h2>
<p class="text-dark/70 leading-relaxed mb-2">
Entre rivière, forêts et villages de caractère.
</p> </p>
<p class="text-dark/70 leading-relaxed mb-2"> <div class="text-sm text-dark/60 space-y-1 pl-4 border-l border-primary/30">
A proximité directe des sentiers de randonnées et des activités de plein air. <div>Étape 6 · Monistrol-d'Allier → Pont d'Alleyras <span class="text-primary">17,6 km</span></div>
</p> <div>Étape 7 · Pont d'Alleyras → Chapeauroux <span class="text-primary">22,2 km</span></div>
<p class="text-dark/70 leading-relaxed mb-8">
GR470 à 500m, voie verte à 1km, baignade à 2km.
</p>
<div class="space-y-3 text-dark/70 text-sm">
<div class="flex items-center gap-3">
<span class="text-primary">—</span>
<span>Vallée de l'Allier, Auvergne</span>
</div>
<div class="flex items-center gap-3">
<span class="text-primary">—</span>
<span>Accessible en voiture et en train :</span>
</div>
<div class="flex items-center gap-3 pl-5">
<span class="text-primary">—</span>
<span>À 30 km du Puy-en-Velay, 40 km de Langeac</span>
</div>
<div class="flex items-center gap-3 pl-5">
<span class="text-primary">—</span>
<span>Gare d'Alleyras sur la voie des Cévennes</span>
</div>
</div> </div>
</div> </div>
<div class="h-[420px] bg-secondary/40 rounded-sm flex items-center justify-center text-dark/40 text-sm"> <div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d440.97773965266185!2d3.6727355223841234!3d44.919259000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12b3549765f98705%3A0x8bf01e8fb12db201!2s3%20Imp.%20du%20Moulin%2C%2043580%20Alleyras!5e1!3m2!1sfr!2sfr!4v1780157726814!5m2!1sfr!2sfr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <h3 class="font-serif text-2xl font-light mb-3">🚣 Canoë & kayak</h3>
<p class="text-dark/70 leading-relaxed">
L'Allier est l'une des dernières rivières sauvages d'Europe. Le secteur MonistrolAlleyrasChapeauroux
est très fréquenté par les kayakistes, canoéistes et packrafteurs. La maison est à 100m de la berge.
</p>
</div>
<div>
<h3 class="font-serif text-2xl font-light mb-3">🚵 VTT & VTTAE</h3>
<p class="text-dark/70 leading-relaxed">
Plusieurs circuits balisés autour d'Alleyras, Monistrol et Saugues, adaptés à tous les niveaux.
Parking sécurisé pour vélos.
</p>
</div>
<div>
<h3 class="font-serif text-2xl font-light mb-3">🎣 Pêche à la mouche</h3>
<p class="text-dark/70 leading-relaxed">
L'Allier est réputé pour la truite et le saumon sauvage. Un terrain de jeu rare, à deux pas de la terrasse.
</p>
</div>
<div>
<h3 class="font-serif text-2xl font-light mb-3">🚂 Train des Gorges</h3>
<p class="text-dark/70 leading-relaxed">
La ligne des Cévennes dessert Alleyras. On peut venir sans voiture, partir randonner,
et rentrer par le train — assez rare pour être souligné.
</p>
</div>
</div>
<!-- Carte + accès -->
<div class="space-y-6">
<div class="h-[420px] rounded-sm overflow-hidden">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d440.97773965266185!2d3.6727355223841234!3d44.919259000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12b3549765f98705%3A0x8bf01e8fb12db201!2s3%20Imp.%20du%20Moulin%2C%2043580%20Alleyras!5e1!3m2!1sfr!2sfr!4v1780157726814!5m2!1sfr!2sfr"
width="100%"
height="100%"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
<div class="text-sm text-dark/60 space-y-2">
<div class="flex items-center gap-3">
<span class="text-primary">—</span>
<span>3 impasse du Moulin, 43580 Alleyras</span>
</div>
<div class="flex items-center gap-3">
<span class="text-primary">—</span>
<span>À 30 min du Puy-en-Velay · 40 min de Langeac</span>
</div>
<div class="flex items-center gap-3">
<span class="text-primary">—</span>
<span>Gare d'Alleyras · Ligne des Cévennes</span>
</div>
</div>
</div> </div>
</div> </div>
+4 -3
View File
@@ -5,11 +5,12 @@
</a> </a>
<nav class="hidden md:flex items-center gap-8"> <nav class="hidden md:flex items-center gap-8">
<a href="#about" class="text-xs tracking-[0.2em] uppercase text-dark/60 hover:text-primary transition-colors">Le gîte</a> <a href="#about" class="text-xs tracking-[0.2em] uppercase text-dark/60 hover:text-primary transition-colors">La maison</a>
<a href="#gallery" class="text-xs tracking-[0.2em] uppercase text-dark/60 hover:text-primary transition-colors">Galerie</a> <a href="#gallery" class="text-xs tracking-[0.2em] uppercase text-dark/60 hover:text-primary transition-colors">Galerie</a>
<a href="#food" class="text-xs tracking-[0.2em] uppercase text-dark/60 hover:text-primary transition-colors">Restauration</a> <a href="#food" class="text-xs tracking-[0.2em] uppercase text-dark/60 hover:text-primary transition-colors">La table</a>
<a href="#location" class="text-xs tracking-[0.2em] uppercase text-dark/60 hover:text-primary transition-colors">Activités</a>
<a href="#contact" class="text-xs tracking-[0.2em] uppercase bg-primary text-white px-6 py-2.5 hover:bg-primary/80 transition-colors"> <a href="#contact" class="text-xs tracking-[0.2em] uppercase bg-primary text-white px-6 py-2.5 hover:bg-primary/80 transition-colors">
Réserver Nous écrire
</a> </a>
</nav> </nav>
</div> </div>