Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Crown, Heart, Moon, ShieldCheck, Sparkles } from "lucide-react";
|
||||
import { Crown, Heart, Moon, ShieldCheck, Sparkles, Coffee } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "L'Histoire",
|
||||
id: "#story",
|
||||
},
|
||||
{
|
||||
name: "Expérience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Accueil", id: "#hero" },
|
||||
{ name: "L'Histoire", id: "#story" },
|
||||
{ name: "Expérience", id: "#experience" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Hôtel Le Chat Bleu"
|
||||
/>
|
||||
@@ -54,104 +42,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Hôtel Le Chat Bleu"
|
||||
description="Laissez le temps se suspendre dans le murmure d'un silence choisi, là où chaque instant devient une confidence, et chaque séjour, une promesse de sérénité absolue."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Élise G.",
|
||||
handle: "@elise_travels",
|
||||
testimonial: "Un havre de paix absolu, chaque détail est une caresse.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
|
||||
imageAlt: "Portrait elegant woman",
|
||||
},
|
||||
{
|
||||
name: "Marc D.",
|
||||
handle: "@marc_voyage",
|
||||
testimonial: "Le luxe redéfini par la simplicité et la bienveillance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
|
||||
imageAlt: "Portrait man relaxed",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarah_life",
|
||||
testimonial: "Une parenthèse enchantée dans ma routine parisienne.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-bedroom_329181-13370.jpg",
|
||||
imageAlt: "Portrait woman refined",
|
||||
},
|
||||
{
|
||||
name: "Paul B.",
|
||||
handle: "@paul_business",
|
||||
testimonial: "Professionnalisme et humanité réunis, une perle rare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1138.jpg",
|
||||
imageAlt: "Portrait man in suit",
|
||||
},
|
||||
{
|
||||
name: "Julie M.",
|
||||
handle: "@julie_escapes",
|
||||
testimonial: "Tout simplement le meilleur accueil que j'aie jamais eu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg",
|
||||
imageAlt: "Portrait woman smiling",
|
||||
},
|
||||
{ name: "Élise G.", handle: "@elise_travels", testimonial: "Un havre de paix absolu, chaque détail est une caresse.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg", imageAlt: "Portrait elegant woman" },
|
||||
{ name: "Marc D.", handle: "@marc_voyage", testimonial: "Le luxe redéfini par la simplicité et la bienveillance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", imageAlt: "Portrait man relaxed" },
|
||||
{ name: "Sarah L.", handle: "@sarah_life", testimonial: "Une parenthèse enchantée dans ma routine parisienne.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-bedroom_329181-13370.jpg", imageAlt: "Portrait woman refined" },
|
||||
{ name: "Paul B.", handle: "@paul_business", testimonial: "Professionnalisme et humanité réunis, une perle rare.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1138.jpg", imageAlt: "Portrait man in suit" },
|
||||
{ name: "Julie M.", handle: "@julie_escapes", testimonial: "Tout simplement le meilleur accueil que j'aie jamais eu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg", imageAlt: "Portrait woman smiling" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119027.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119027.jpg"
|
||||
imageAlt="luxury boutique hotel room cozy"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg",
|
||||
alt: "High angle cozy bed arrangement with tea",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119048.jpg",
|
||||
alt: "Cozy and lively home interior design",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/weekend-photo-couple-playing-with-labrador-sunny-bedroom-guy-girl-are-stroking-belly-big-dog_197531-13742.jpg",
|
||||
alt: "Weekend photo of couple playing with Labrador in sunny bedroom",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-mirror-girl-lying-bed-lady-with-tenderness-hugging-her-young-man-while-he-sitting-floor_197531-13732.jpg",
|
||||
alt: "Photo in mirror of girl lying on bed",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elevated-view-thoughtful-young-man-lying-sofa_23-2148130293.jpg",
|
||||
alt: "An elevated view of thoughtful young man lying on sofa",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg", alt: "High angle cozy bed arrangement with tea" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119048.jpg", alt: "Cozy and lively home interior design" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/weekend-photo-couple-playing-with-labrador-sunny-bedroom-guy-girl-are-stroking-belly-big-dog_197531-13742.jpg", alt: "Weekend photo of couple playing with Labrador in sunny bedroom" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-mirror-girl-lying-bed-lady-with-tenderness-hugging-her-young-man-while-he-sitting-floor_197531-13732.jpg", alt: "Photo in mirror of girl lying on bed" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elevated-view-thoughtful-young-man-lying-sofa_23-2148130293.jpg", alt: "An elevated view of thoughtful young man lying on sofa" }
|
||||
]}
|
||||
avatarText="Rejoignez plus de 500 hôtes conquis par notre atmosphère feutrée."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Calme",
|
||||
icon: Moon,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Passion",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Bien-être",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Élégance",
|
||||
icon: Crown,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Confiance",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ type: "text-icon", text: "Calme", icon: Moon },
|
||||
{ type: "text-icon", text: "Passion", icon: Heart },
|
||||
{ type: "text-icon", text: "Bien-être", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Élégance", icon: Crown },
|
||||
{ type: "text-icon", text: "Confiance", icon: ShieldCheck }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,12 +76,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="L'âme d'une demeure"
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir notre histoire",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Découvrir notre histoire", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,34 +85,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Confiance et chaleur",
|
||||
description: "Un accueil qui réchauffe le cœur, où la sécurité n'est pas un concept, mais un sentiment profond qui vous enveloppe dès votre arrivée.",
|
||||
buttonIcon: "Heart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-dress-sensual-mood-drinking-coffee-holding-cup_285396-6152.jpg",
|
||||
imageAlt: "Young beautiful woman sitting on bed in hotel, stylish dress, sensual mood, drinking coffee, holding cup",
|
||||
},
|
||||
{
|
||||
title: "Le refuge des songes",
|
||||
description: "Chambres pensées comme des cocons, où le calme devient la norme et l'élégance se mêle à une quiétude absolue.",
|
||||
buttonIcon: "Moon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119027.jpg?_wi=2",
|
||||
imageAlt: "Young beautiful woman sitting on bed in hotel, stylish dress, sensual mood, drinking coffee, holding cup",
|
||||
},
|
||||
{
|
||||
title: "Passion et sérénité",
|
||||
description: "Retrouvez cette sensation précieuse de vacances réelles, où le temps s'efface pour laisser place à la tendresse d'une expérience authentique.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-close-up-portrait-leather-sofa-expressive-pose-looking-camera_8353-8002.jpg?_wi=1",
|
||||
imageAlt: "Young beautiful woman sitting on bed in hotel, stylish dress, sensual mood, drinking coffee, holding cup",
|
||||
},
|
||||
{
|
||||
title: "Douceur de vivre",
|
||||
description: "Un espace préservé où l'attention portée à chaque invité transforme votre séjour en une parenthèse enchantée.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-989.jpg?_wi=1",
|
||||
imageAlt: "Young beautiful woman sitting on bed in hotel, stylish dress, sensual mood, drinking coffee, holding cup",
|
||||
},
|
||||
{ title: "Confiance et chaleur", description: "Un accueil qui réchauffe le cœur, où la sécurité n'est pas un concept, mais un sentiment profond qui vous enveloppe dès votre arrivée.", buttonIcon: Heart, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-dress-sensual-mood-drinking-coffee-holding-cup_285396-6152.jpg", imageAlt: "Young beautiful woman sitting on bed in hotel" },
|
||||
{ title: "Le refuge des songes", description: "Chambres pensées comme des cocons, où le calme devient la norme et l'élégance se mêle à une quiétude absolue.", buttonIcon: Moon, imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119027.jpg", imageAlt: "Cozy home interior design" },
|
||||
{ title: "Passion et sérénité", description: "Retrouvez cette sensation précieuse de vacances réelles, où le temps s'efface pour laisser place à la tendresse d'une expérience authentique.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/woman-close-up-portrait-leather-sofa-expressive-pose-looking-camera_8353-8002.jpg", imageAlt: "Woman close up portrait" },
|
||||
{ title: "Douceur de vivre", description: "Un espace préservé où l'attention portée à chaque invité transforme votre séjour en une parenthèse enchantée.", buttonIcon: Coffee, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-989.jpg", imageAlt: "Portrait handsome smiling businessman" }
|
||||
]}
|
||||
title="Une expérience sensorielle"
|
||||
description="Chaque détail raconte une histoire de bienveillance et de douceur, pensée pour que vous vous sentiez, ici, comme dans un secret bien gardé."
|
||||
@@ -212,15 +99,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Passion",
|
||||
"Confiance",
|
||||
"Vacances",
|
||||
"Chambre",
|
||||
"Calme",
|
||||
"Expérience",
|
||||
"Bien-être",
|
||||
]}
|
||||
names={["Passion", "Confiance", "Vacances", "Chambre", "Calme", "Expérience", "Bien-être"]}
|
||||
title="Un murmure d'évasion"
|
||||
description="Laissez les images porter votre esprit vers cet ailleurs apaisé."
|
||||
/>
|
||||
@@ -230,42 +109,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marie L.",
|
||||
role: "Hôte fidèle",
|
||||
testimonial: "Une expérience de vacances incomparable, une passion palpable dans chaque détail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-close-up-portrait-leather-sofa-expressive-pose-looking-camera_8353-8002.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas V.",
|
||||
role: "Voyageur",
|
||||
testimonial: "Chambre magnifique, calme absolu. Une véritable confiance retrouvée envers l'hôtellerie.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-989.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie M.",
|
||||
role: "Hôte",
|
||||
testimonial: "Des câlins de bien-être, une atmosphère chaleureuse que je n'oublierai pas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-lying-bed_1150-8836.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jean-Pierre D.",
|
||||
role: "Client régulier",
|
||||
testimonial: "L'expérience est tout simplement magique, chaque moment y est précieux.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-leaning-cafe-counter_1262-1781.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Claire R.",
|
||||
role: "Visiteuse",
|
||||
testimonial: "Vacances parfaites, une passion pour le détail qui change tout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624074.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marie L.", role: "Hôte fidèle", testimonial: "Une expérience de vacances incomparable, une passion palpable dans chaque détail.", imageSrc: "http://img.b2bpic.net/free-photo/woman-close-up-portrait-leather-sofa-expressive-pose-looking-camera_8353-8002.jpg" },
|
||||
{ id: "2", name: "Thomas V.", role: "Voyageur", testimonial: "Chambre magnifique, calme absolu. Une véritable confiance retrouvée envers l'hôtellerie.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-989.jpg" },
|
||||
{ id: "3", name: "Sophie M.", role: "Hôte", testimonial: "Des câlins de bien-être, une atmosphère chaleureuse que je n'oublierai pas.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-lying-bed_1150-8836.jpg" },
|
||||
{ id: "4", name: "Jean-Pierre D.", role: "Client régulier", testimonial: "L'expérience est tout simplement magique, chaque moment y est précieux.", imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-leaning-cafe-counter_1262-1781.jpg" },
|
||||
{ id: "5", name: "Claire R.", role: "Visiteuse", testimonial: "Vacances parfaites, une passion pour le détail qui change tout.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624074.jpg" }
|
||||
]}
|
||||
title="Ce que disent nos hôtes"
|
||||
description="52 témoignages de passion, de confiance et de câlins partagés."
|
||||
@@ -285,58 +135,19 @@ export default function LandingPage() {
|
||||
title="Hôtel Le Chat Bleu"
|
||||
description="77 Rue de Zimmersheim, 68400 Riedisheim. 03 89 43 86 13. Fermé · Ouverture à 09:30 mardi."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Votre nom", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Votre email", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Dites-nous en plus sur votre séjour idéal...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Dites-nous en plus sur votre séjour idéal...", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Réseaux",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Information", items: [{ label: "Mentions Légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
|
||||
{ title: "Réseaux", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Hôtel Le Chat Bleu"
|
||||
bottomRightText="Une création exclusive"
|
||||
|
||||
Reference in New Issue
Block a user