content: positionnement GR470, activités, ton authentique de la maison
Build & Deploy / build-push-deploy (push) Failing after 2s
Build & Deploy / build-push-deploy (push) Failing after 2s
This commit is contained in:
@@ -9,32 +9,36 @@ import gallery1 from '../assets/images/gallery_1.jpg';
|
||||
|
||||
<div>
|
||||
<span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5">
|
||||
Le gîte
|
||||
La maison
|
||||
</span>
|
||||
<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>
|
||||
<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">
|
||||
Ancien moulin rénové avec soin, mêlant authenticité, pierre naturelle
|
||||
et confort moderne. Laissez-vous bercer par le doux bruit de l'eau
|
||||
et la beauté des paysages environnants.
|
||||
Pas une hôtellerie, pas un gîte comme les autres — plutôt une escale humaine,
|
||||
dans une maison qui a une âme.
|
||||
</p>
|
||||
<ul class="space-y-3 list-none">
|
||||
<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>
|
||||
6 couchages
|
||||
Étape officielle du GR470 (étapes 6 & 7)
|
||||
</li>
|
||||
<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>
|
||||
Terrasse avec vue sur la rivière
|
||||
À 100m de l'Allier
|
||||
</li>
|
||||
<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>
|
||||
Nature préservée
|
||||
Jardin, terrasse et coins de verdure
|
||||
</li>
|
||||
<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>
|
||||
Repas maison disponibles
|
||||
3 chambres · petits groupes et couples bienvenus
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
---
|
||||
import { BedDouble, Trees, CookingPot, Wifi } from 'lucide-astro';
|
||||
import { Mountain, Waves, Bike, Fish } from 'lucide-astro';
|
||||
|
||||
const features = [
|
||||
{ icon: BedDouble, label: '3 chambres' },
|
||||
{ icon: Trees, label: 'Nature préservée' },
|
||||
{ icon: CookingPot,label: 'Repas maison' },
|
||||
{ icon: Wifi, label: 'Wifi inclus' },
|
||||
{ icon: Mountain, label: 'GR470 · Étape officielle' },
|
||||
{ icon: Waves, label: 'Canoë & kayak' },
|
||||
{ icon: Bike, label: 'VTT & VTTAE' },
|
||||
{ icon: Fish, label: 'Pêche à la mouche' },
|
||||
];
|
||||
---
|
||||
|
||||
|
||||
@@ -20,18 +20,22 @@ import facade from '../assets/images/facade.jpg';
|
||||
<!-- Texte -->
|
||||
<div class="order-1 md:order-2">
|
||||
<span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5">
|
||||
Restauration
|
||||
La table
|
||||
</span>
|
||||
<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>
|
||||
<p class="text-dark/70 leading-relaxed mb-6">
|
||||
Cuisine authentique et conviviale préparée à partir de produits
|
||||
frais et locaux. Chaque repas est une invitation à découvrir
|
||||
les saveurs du terroir auvergnat.
|
||||
Le matin, le petit-déjeuner est fait maison — pain, confitures,
|
||||
fruits de saison, herbes du jardin. Rien d'Instagram, tout de bon.
|
||||
</p>
|
||||
<p class="text-dark/70 leading-relaxed">
|
||||
Sur réservation : petits-déjeuners et dîners en table d'hôte.
|
||||
<p class="text-dark/70 leading-relaxed mb-8">
|
||||
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>
|
||||
</div>
|
||||
|
||||
|
||||
+10
-10
@@ -8,7 +8,7 @@ import facade from '../assets/images/facade.jpg';
|
||||
<div class="absolute inset-0">
|
||||
<Image
|
||||
src={facade}
|
||||
alt="Le Moulin des Rives"
|
||||
alt="Maison d'hotes chez Cécile"
|
||||
class="w-full h-full object-cover"
|
||||
loading="eager"
|
||||
/>
|
||||
@@ -18,7 +18,7 @@ import facade from '../assets/images/facade.jpg';
|
||||
<!-- Contenu centré -->
|
||||
<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">
|
||||
Gîte de charme · Vallée de l'Allier
|
||||
Gorges du Haut-Allier · Alleyras, Auvergne
|
||||
</span>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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
|
||||
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"
|
||||
>
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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="grid md:grid-cols-2 gap-16 items-center">
|
||||
|
||||
<div>
|
||||
<span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5">
|
||||
Localisation
|
||||
</span>
|
||||
<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.
|
||||
<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>
|
||||
<h3 class="font-serif text-2xl font-light mb-3">🥾 GR470 · Gorges de l'Allier</h3>
|
||||
<p class="text-dark/70 leading-relaxed mb-3">
|
||||
Le GR470 passe directement par Pont d'Alleyras. La maison se situe exactement entre deux étapes officielles :
|
||||
</p>
|
||||
<p class="text-dark/70 leading-relaxed mb-2">
|
||||
A proximité directe des sentiers de randonnées et des activités de plein air.
|
||||
</p>
|
||||
<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 class="text-sm text-dark/60 space-y-1 pl-4 border-l border-primary/30">
|
||||
<div>Étape 6 · Monistrol-d'Allier → Pont d'Alleyras <span class="text-primary">17,6 km</span></div>
|
||||
<div>Étape 7 · Pont d'Alleyras → Chapeauroux <span class="text-primary">22,2 km</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<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 Monistrol–Alleyras–Chapeauroux
|
||||
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>
|
||||
|
||||
<div class="h-[420px] bg-secondary/40 rounded-sm flex items-center justify-center text-dark/40 text-sm">
|
||||
<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>
|
||||
<!-- 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>
|
||||
|
||||
@@ -5,11 +5,12 @@
|
||||
</a>
|
||||
|
||||
<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="#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">
|
||||
Réserver
|
||||
Nous écrire
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user