Update src/app/page.tsx

This commit is contained in:
2026-05-14 05:54:55 +00:00
parent 7cf608e749
commit 2c1364f056

View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "La Maison",
id: "about",
},
name: "La Maison", id: "about"},
{
name: "Savoir-faire",
id: "services",
},
name: "Savoir-faire", id: "services"},
{
name: "Réalisations",
id: "portfolio",
},
name: "Réalisations", id: "portfolio"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Maison Malfirtre"
/>
@@ -59,102 +49,57 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "plain",
}}
variant: "plain"}}
title="Lart de révéler le potentiel des lieux."
description="Maison Malfirtre accompagne les propriétaires exigeants dans la rénovation premium, la mise en valeur intérieure et la transformation esthétique de biens singuliers."
testimonials={[
{
name: "Claire V.",
handle: "@client",
testimonial: "Une vision esthétique rare et une gestion d'une sérénité absolue.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg",
},
name: "Claire V.", handle: "@client", testimonial: "Une vision esthétique rare et une gestion d'une sérénité absolue.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg"},
{
name: "Marc-Antoine D.",
handle: "@propriétaire",
testimonial: "Maison Malfirtre a transformé notre bien en un espace iconique.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
},
name: "Marc-Antoine D.", handle: "@propriétaire", testimonial: "Maison Malfirtre a transformé notre bien en un espace iconique.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg"},
{
name: "Sophie L.",
handle: "@investisseur",
testimonial: "Le luxe réside dans le détail, et ici, tout est impeccable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
},
name: "Sophie L.", handle: "@investisseur", testimonial: "Le luxe réside dans le détail, et ici, tout est impeccable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
{
name: "Jean B.",
handle: "@expatrié",
testimonial: "Un accompagnement clé en main qui dépasse toutes les attentes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
},
name: "Jean B.", handle: "@expatrié", testimonial: "Un accompagnement clé en main qui dépasse toutes les attentes.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
{
name: "Lucas P.",
handle: "@architecte",
testimonial: "Une approche rigoureuse et un sens du détail irréprochable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
},
name: "Lucas P.", handle: "@architecte", testimonial: "Une approche rigoureuse et un sens du détail irréprochable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg"},
]}
buttons={[
{
text: "Consultation privée",
href: "#contact",
},
text: "Consultation privée", href: "#contact"},
{
text: "Notre savoir-faire",
href: "#services",
},
text: "Notre savoir-faire", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg",
alt: "Client portrait",
},
src: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg", alt: "Client portrait"},
{
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
alt: "Client portrait",
},
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", alt: "Client portrait"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
alt: "Client portrait",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg", alt: "Client portrait"},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
alt: "Client portrait",
},
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", alt: "Client portrait"},
{
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
alt: "Client portrait",
},
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg", alt: "Client portrait"},
]}
marqueeItems={[
{
type: "text",
text: "Design sur-mesure",
},
type: "text", text: "Design sur-mesure"},
{
type: "text",
text: "Finitions de prestige",
},
type: "text", text: "Finitions de prestige"},
{
type: "text",
text: "Gestion de projet globale",
},
type: "text", text: "Gestion de projet globale"},
{
type: "text",
text: "Audit architectural",
},
type: "text", text: "Audit architectural"},
{
type: "text",
text: "Expertise haussmannienne",
},
type: "text", text: "Expertise haussmannienne"},
]}
/>
</div>
@@ -167,7 +112,7 @@ export default function LandingPage() {
description="Nous ne vendons pas simplement des travaux, mais une transformation complète. Regard esthétique, choix des matières et coordination exigeante sont au cœur de notre méthode."
subdescription="Chaque lieu possède un potentiel inexploité. Notre mission est de le révéler avec justesse et raffinement, pour créer des espaces qui ne se contentent pas d'être habités, mais d'être vécus."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119035.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119035.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -179,61 +124,43 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Rénovation premium",
description: "Transformation complète d'appartements et maisons avec un souci du détail constant.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-gold-lamp-designed-decorated-exquisite-white-background_140725-15866.jpg",
},
title: "Rénovation premium", description: "Transformation complète d'appartements et maisons avec un souci du détail constant.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-gold-lamp-designed-decorated-exquisite-white-background_140725-15866.jpg"},
items: [
{
icon: Layers,
text: "Direction artistique",
},
text: "Direction artistique"},
{
icon: CheckCircle,
text: "Coordination artisanale",
},
text: "Coordination artisanale"},
],
imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg?_wi=2",
imageAlt: "interior design blueprint sketching",
reverse: false
},
{
title: "Mise en valeur esthétique",
description: "Préparation méticuleuse d'un bien pour révéler son âme avant commercialisation.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-project_23-2148903498.jpg",
},
title: "Mise en valeur esthétique", description: "Préparation méticuleuse d'un bien pour révéler son âme avant commercialisation.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-project_23-2148903498.jpg"},
items: [
{
icon: Eye,
text: "Diagnostic visuel",
},
text: "Diagnostic visuel"},
{
icon: Palette,
text: "Palette de couleurs",
},
text: "Palette de couleurs"},
],
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119035.jpg?_wi=2",
imageAlt: "interior design blueprint sketching",
reverse: true
},
{
title: "Prévisualisation 3D",
description: "Visualisez le potentiel de votre intérieur avant même le début des travaux.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blueprints-close-up_23-2148890063.jpg",
},
title: "Prévisualisation 3D", description: "Visualisez le potentiel de votre intérieur avant même le début des travaux.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blueprints-close-up_23-2148890063.jpg"},
items: [
{
icon: Box,
text: "Projection spatiale",
},
text: "Projection spatiale"},
{
icon: Settings,
text: "Validation matériaux",
},
text: "Validation matériaux"},
],
imageSrc: "http://img.b2bpic.net/free-photo/view-automatic-smart-feeder-household-pets_23-2151482486.jpg?_wi=1",
imageAlt: "interior design blueprint sketching",
reverse: false
},
]}
title="Un savoir-faire dexception"
@@ -247,35 +174,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Consultation privée",
content: "Premier échange pour définir vos ambitions et le contexte du lieu.",
},
id: "1", title: "Consultation privée", content: "Premier échange pour définir vos ambitions et le contexte du lieu."},
{
id: "2",
title: "Audit du potentiel",
content: "Analyse esthétique et fonctionnelle approfondie des volumes et de la lumière.",
},
id: "2", title: "Audit du potentiel", content: "Analyse esthétique et fonctionnelle approfondie des volumes et de la lumière."},
{
id: "3",
title: "Direction artistique",
content: "Définition de la palette, des matières et de l'identité visuelle du projet.",
},
id: "3", title: "Direction artistique", content: "Définition de la palette, des matières et de l'identité visuelle du projet."},
{
id: "4",
title: "Prévisualisation 3D",
content: "Visualisation réaliste du futur intérieur pour valider chaque détail.",
},
id: "4", title: "Prévisualisation 3D", content: "Visualisation réaliste du futur intérieur pour valider chaque détail."},
{
id: "5",
title: "Coordination",
content: "Sélection des artisans et suivi rigoureux du planning et des finitions.",
},
id: "5", title: "Coordination", content: "Sélection des artisans et suivi rigoureux du planning et des finitions."},
{
id: "6",
title: "Livraison",
content: "Finalisation, mise en scène décorative et remise des clés.",
},
id: "6", title: "Livraison", content: "Finalisation, mise en scène décorative et remise des clés."},
]}
title="Un accompagnement structuré"
description="Six étapes pour une transformation en toute sérénité."
@@ -289,45 +198,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "prev-1",
title: "Appartement Haussmannien",
quote: "Visualiser les volumes et les matériaux avant de lancer les travaux change la perspective du projet.",
name: "Client Maison Malfirtre",
role: "Paris",
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892914.jpg",
},
id: "prev-1", title: "Appartement Haussmannien", quote: "Visualiser les volumes et les matériaux avant de lancer les travaux change la perspective du projet.", name: "Client Maison Malfirtre", role: "Paris", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892914.jpg"},
{
id: "prev-2",
title: "Cuisine Contemporaine",
quote: "Le rendu 3D permet une sérénité totale sur le choix final.",
name: "Client Maison Malfirtre",
role: "Paris",
imageSrc: "http://img.b2bpic.net/free-photo/architecture-nature-merge-modern-design-generative-ai_188544-9636.jpg",
},
id: "prev-2", title: "Cuisine Contemporaine", quote: "Le rendu 3D permet une sérénité totale sur le choix final.", name: "Client Maison Malfirtre", role: "Paris", imageSrc: "http://img.b2bpic.net/free-photo/architecture-nature-merge-modern-design-generative-ai_188544-9636.jpg"},
{
id: "prev-3",
title: "Suite Hôtelière",
quote: "L'immersion visuelle aide à prendre les décisions les plus audacieuses.",
name: "Client Maison Malfirtre",
role: "Paris",
imageSrc: "http://img.b2bpic.net/free-photo/symmetrical-concrete-building_1122-1154.jpg",
},
id: "prev-3", title: "Suite Hôtelière", quote: "L'immersion visuelle aide à prendre les décisions les plus audacieuses.", name: "Client Maison Malfirtre", role: "Paris", imageSrc: "http://img.b2bpic.net/free-photo/symmetrical-concrete-building_1122-1154.jpg"},
{
id: "prev-4",
title: "Salon Art Déco",
quote: "Un outil indispensable pour valider la cohérence esthétique.",
name: "Client Maison Malfirtre",
role: "Paris",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg",
},
id: "prev-4", title: "Salon Art Déco", quote: "Un outil indispensable pour valider la cohérence esthétique.", name: "Client Maison Malfirtre", role: "Paris", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg"},
{
id: "prev-5",
title: "Espace Galerie",
quote: "La projection 3D est un pont essentiel vers le résultat final.",
name: "Client Maison Malfirtre",
role: "Paris",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150728058.jpg",
},
id: "prev-5", title: "Espace Galerie", quote: "La projection 3D est un pont essentiel vers le résultat final.", name: "Client Maison Malfirtre", role: "Paris", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150728058.jpg"},
]}
title="Se projeter avant de transformer"
description="Découvrez le futur de votre intérieur grâce à nos outils de visualisation avancés."
@@ -342,41 +221,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Haussmannien Contemporain",
price: "Patrimoine & Modernité",
imageSrc: "http://img.b2bpic.net/free-photo/view-automatic-smart-feeder-household-pets_23-2151482486.jpg?_wi=2",
},
id: "p1", name: "Haussmannien Contemporain", price: "Patrimoine & Modernité", imageSrc: "http://img.b2bpic.net/free-photo/view-automatic-smart-feeder-household-pets_23-2151482486.jpg"},
{
id: "p2",
name: "Art Déco",
price: "Sophistication & Géométrie",
imageSrc: "http://img.b2bpic.net/free-photo/candlestick-with-candles-dried-flowers_169016-5448.jpg",
},
id: "p2", name: "Art Déco", price: "Sophistication & Géométrie", imageSrc: "http://img.b2bpic.net/free-photo/candlestick-with-candles-dried-flowers_169016-5448.jpg"},
{
id: "p3",
name: "Minimalisme Chaud",
price: "Sérénité & Matières",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookie-tray-marble-surface_114579-79855.jpg",
},
id: "p3", name: "Minimalisme Chaud", price: "Sérénité & Matières", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookie-tray-marble-surface_114579-79855.jpg"},
{
id: "p4",
name: "Japandi Premium",
price: "Équilibre & Pureté",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg",
},
id: "p4", name: "Japandi Premium", price: "Équilibre & Pureté", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg"},
{
id: "p5",
name: "Riviera Française",
price: "Lumière & Douceur",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-old-phone_23-2150908619.jpg",
},
id: "p5", name: "Riviera Française", price: "Lumière & Douceur", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-old-phone_23-2150908619.jpg"},
{
id: "p6",
name: "Boutique-Hôtel",
price: "Confort & Sensualité",
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-arrangement_23-2149090593.jpg",
},
id: "p6", name: "Boutique-Hôtel", price: "Confort & Sensualité", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-arrangement_23-2149090593.jpg"},
]}
title="Signatures Esthétiques"
description="Une bibliothèque d'univers pour inspirer vos futurs projets."
@@ -389,45 +244,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Maison élégante",
quote: "Le résultat final a dépassé toutes mes attentes, une exécution impeccable.",
name: "Sophie P.",
role: "Propriétaire",
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
},
id: "1", title: "Maison élégante", quote: "Le résultat final a dépassé toutes mes attentes, une exécution impeccable.", name: "Sophie P.", role: "Propriétaire", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"},
{
id: "2",
title: "Bien vendu",
quote: "Maison Malfirtre a su sublimer chaque angle de notre ancien appartement.",
name: "Jean-Marc L.",
role: "Marchand de biens",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hands-pockets-standing-bedroom_23-2148112193.jpg",
},
id: "2", title: "Bien vendu", quote: "Maison Malfirtre a su sublimer chaque angle de notre ancien appartement.", name: "Jean-Marc L.", role: "Marchand de biens", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hands-pockets-standing-bedroom_23-2148112193.jpg"},
{
id: "3",
title: "Rénovation sereine",
quote: "Une coordination exemplaire, je me suis senti accompagné à chaque étape.",
name: "Marie R.",
role: "Famille",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-park_23-2148242744.jpg",
},
id: "3", title: "Rénovation sereine", quote: "Une coordination exemplaire, je me suis senti accompagné à chaque étape.", name: "Marie R.", role: "Famille", imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-park_23-2148242744.jpg"},
{
id: "4",
title: "Investissement rentable",
quote: "L'œil esthétique de l'équipe a été déterminant pour mon projet d'investissement.",
name: "Pierre D.",
role: "Investisseur",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-taking-selfie-with-smart-phone-while-eating-restaurant_637285-9045.jpg",
},
id: "4", title: "Investissement rentable", quote: "L'œil esthétique de l'équipe a été déterminant pour mon projet d'investissement.", name: "Pierre D.", role: "Investisseur", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-taking-selfie-with-smart-phone-while-eating-restaurant_637285-9045.jpg"},
{
id: "5",
title: "Design unique",
quote: "Une signature visuelle forte et une exécution de très haute volée.",
name: "Claire B.",
role: "Propriétaire",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-white-jacket-just-standing-pink-background-lady-emotions-fashion-feeling-color-woman_140725-99194.jpg",
},
id: "5", title: "Design unique", quote: "Une signature visuelle forte et une exécution de très haute volée.", name: "Claire B.", role: "Propriétaire", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-white-jacket-just-standing-pink-background-lady-emotions-fashion-feeling-color-woman_140725-99194.jpg"},
]}
title="Leurs expériences"
description="Ils nous ont fait confiance pour révéler leur intérieur."
@@ -441,20 +266,12 @@ export default function LandingPage() {
description="Nous étudions chaque demande avec une attention particulière. Décrivez-nous votre projet."
inputs={[
{
name: "nom",
type: "text",
placeholder: "Nom",
},
name: "nom", type: "text", placeholder: "Nom"},
{
name: "email",
type: "email",
placeholder: "Email",
},
name: "email", type: "email", placeholder: "Email"},
]}
textarea={{
name: "message",
placeholder: "Décrivez votre projet ici...",
}}
name: "message", placeholder: "Décrivez votre projet ici..."}}
imageSrc="http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407610.jpg"
/>
</div>
@@ -464,50 +281,31 @@ export default function LandingPage() {
logoText="Maison Malfirtre"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Accueil",
href: "#hero",
},
label: "Accueil", href: "#hero"},
{
label: "La Maison",
href: "#about",
},
label: "La Maison", href: "#about"},
{
label: "Savoir-faire",
href: "#services",
},
label: "Savoir-faire", href: "#services"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Confier un projet",
href: "#contact",
},
label: "Confier un projet", href: "#contact"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
],
},
{
title: "Légal",
items: [
title: "Légal", items: [
{
label: "Mentions Légales",
href: "#",
},
label: "Mentions Légales", href: "#"},
{
label: "Confidentialité",
href: "#",
},
label: "Confidentialité", href: "#"},
],
},
]}