Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Témoignages", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Maison Blanche"
|
||||
/>
|
||||
@@ -53,108 +45,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="L'Excellence Immobilière à Paris"
|
||||
description="Nous accompagnons une clientèle exigeante dans la vente, l'acquisition et la gestion de biens de prestige au cœur de la capitale."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg?_wi=1",
|
||||
imageAlt: "Appartement de luxe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg?_wi=1",
|
||||
imageAlt: "Architecture haussmannienne",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg?_wi=2",
|
||||
imageAlt: "Salon élégant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg?_wi=2",
|
||||
imageAlt: "Façade classique",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg?_wi=3",
|
||||
imageAlt: "Détails architecturaux",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg", imageAlt: "Appartement de luxe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg", imageAlt: "Architecture haussmannienne" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg", imageAlt: "Salon élégant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg", imageAlt: "Façade classique" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg", imageAlt: "Détails architecturaux" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg?_wi=3",
|
||||
imageAlt: "Vue parisienne",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg?_wi=4",
|
||||
imageAlt: "Intérieur raffiné",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg?_wi=4",
|
||||
imageAlt: "Quartier chic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg?_wi=5",
|
||||
imageAlt: "Terrasse privée",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg?_wi=5",
|
||||
imageAlt: "Toits de Paris",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg", imageAlt: "Vue parisienne" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg", imageAlt: "Intérieur raffiné" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg", imageAlt: "Quartier chic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg", imageAlt: "Terrasse privée" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197226.jpg", imageAlt: "Toits de Paris" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir nos biens",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Estimer votre bien",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Découvrir nos biens", href: "#features" },
|
||||
{ text: "Estimer votre bien", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Rejoignez plus de 500 clients satisfaits"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusivité",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Confidentialité",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prestige",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Paris",
|
||||
},
|
||||
{ type: "text", text: "Exclusivité" },
|
||||
{ type: "text", text: "Confidentialité" },
|
||||
{ type: "text", text: "Expertise" },
|
||||
{ type: "text", text: "Prestige" },
|
||||
{ type: "text", text: "Paris" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,36 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Vente de Prestige",
|
||||
tags: [
|
||||
"Confidentialité",
|
||||
"Expertise",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-interior-designer_74855-2977.jpg",
|
||||
imageAlt: "Vente de prestige",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Acquisition Privée",
|
||||
tags: [
|
||||
"Chasseur de biens",
|
||||
"Conseil",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realtor-making-deal-with-customer-office_23-2147764245.jpg",
|
||||
imageAlt: "Acquisition privée",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gestion Locative",
|
||||
tags: [
|
||||
"Conciergerie",
|
||||
"Rendement",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37459.jpg",
|
||||
imageAlt: "Gestion locative",
|
||||
},
|
||||
{ id: "f1", title: "Vente de Prestige", tags: ["Confidentialité", "Expertise"], imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-interior-designer_74855-2977.jpg", imageAlt: "Vente de prestige" },
|
||||
{ id: "f2", title: "Acquisition Privée", tags: ["Chasseur de biens", "Conseil"], imageSrc: "http://img.b2bpic.net/free-photo/realtor-making-deal-with-customer-office_23-2147764245.jpg", imageAlt: "Acquisition privée" },
|
||||
{ id: "f3", title: "Gestion Locative", tags: ["Conciergerie", "Rendement"], imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37459.jpg", imageAlt: "Gestion locative" },
|
||||
]}
|
||||
title="Nos Services d'Excellence"
|
||||
description="Une approche sur-mesure pour chaque projet immobilier, alliant discrétion, expertise et efficacité."
|
||||
@@ -203,27 +101,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Années d'expérience",
|
||||
value: "20+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Transactions réussies",
|
||||
value: "500+",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Temps de réponse",
|
||||
value: "24h",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", title: "Années d'expérience", value: "20+", icon: Award },
|
||||
{ id: "m2", title: "Transactions réussies", value: "500+", icon: Home },
|
||||
{ id: "m3", title: "Temps de réponse", value: "24h", icon: Clock },
|
||||
]}
|
||||
title="Notre Engagement"
|
||||
description="Des résultats concrets au service de vos ambitions immobilières."
|
||||
@@ -235,56 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophie Martin",
|
||||
date: "Oct 2024",
|
||||
title: "Vente rapide",
|
||||
quote: "Un service irréprochable et une discrétion totale pour la vente de mon appartement.",
|
||||
tag: "Vendeur",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jean Dupont",
|
||||
date: "Sep 2024",
|
||||
title: "Expertise incroyable",
|
||||
quote: "Maison Blanche Immobilier a trouvé le bien rare que je cherchais depuis des années.",
|
||||
tag: "Acquéreur",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Claire Dubois",
|
||||
date: "Août 2024",
|
||||
title: "Service personnalisé",
|
||||
quote: "Une gestion locative sans souci. Je recommande vivement leur professionnalisme.",
|
||||
tag: "Bailleur",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-with-digital-tablet-laptop-glass-reflective-desk_23-2147935568.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc Lefebvre",
|
||||
date: "Juil 2024",
|
||||
title: "Discrétion absolue",
|
||||
quote: "Une vente réalisée dans les meilleures conditions possibles. Expertise rare.",
|
||||
tag: "Vendeur",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-taking-his-shoes-off-hotel-room_637285-7610.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie Bernard",
|
||||
date: "Juin 2024",
|
||||
title: "Accompagnement parfait",
|
||||
quote: "Merci pour cette transaction fluide et cet accompagnement haut de gamme.",
|
||||
tag: "Acquéreur",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sophie Martin", date: "Oct 2024", title: "Vente rapide", quote: "Un service irréprochable et une discrétion totale pour la vente de mon appartement.", tag: "Vendeur", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg" },
|
||||
{ id: "t2", name: "Jean Dupont", date: "Sep 2024", title: "Expertise incroyable", quote: "Maison Blanche Immobilier a trouvé le bien rare que je cherchais depuis des années.", tag: "Acquéreur", avatarSrc: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ id: "t3", name: "Claire Dubois", date: "Août 2024", title: "Service personnalisé", quote: "Une gestion locative sans souci. Je recommande vivement leur professionnalisme.", tag: "Bailleur", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-with-digital-tablet-laptop-glass-reflective-desk_23-2147935568.jpg" },
|
||||
{ id: "t4", name: "Marc Lefebvre", date: "Juil 2024", title: "Discrétion absolue", quote: "Une vente réalisée dans les meilleures conditions possibles. Expertise rare.", tag: "Vendeur", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-taking-his-shoes-off-hotel-room_637285-7610.jpg" },
|
||||
{ id: "t5", name: "Julie Bernard", date: "Juin 2024", title: "Accompagnement parfait", quote: "Merci pour cette transaction fluide et cet accompagnement haut de gamme.", tag: "Acquéreur", avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg" },
|
||||
]}
|
||||
title="L'avis de nos clients"
|
||||
description="La satisfaction de nos clients est notre plus belle réussite."
|
||||
@@ -296,28 +135,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Où sont situés vos bureaux ?",
|
||||
content: "Nous vous accueillons au 37 Rue Bobillot, Paris 13ème.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Quelles sont vos horaires ?",
|
||||
content: "Nous sommes disponibles du lundi au samedi, de 9h à 19h.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Comment estimer mon bien ?",
|
||||
content: "Contactez-nous directement pour une estimation précise et gratuite de votre bien de prestige.",
|
||||
},
|
||||
{ id: "q1", title: "Où sont situés vos bureaux ?", content: "Nous vous accueillons au 37 Rue Bobillot, Paris 13ème." },
|
||||
{ id: "q2", title: "Quelles sont vos horaires ?", content: "Nous sommes disponibles du lundi au samedi, de 9h à 19h." },
|
||||
{ id: "q3", title: "Comment estimer mon bien ?", content: "Contactez-nous directement pour une estimation précise et gratuite de votre bien de prestige." },
|
||||
]}
|
||||
ctaTitle="Prenons rendez-vous"
|
||||
ctaDescription="Contactez-nous pour discuter de votre projet immobilier avec l'un de nos conseillers experts."
|
||||
ctaButton={{
|
||||
text: "Nous contacter",
|
||||
href: "mailto:contact@maisonblanche.fr",
|
||||
}}
|
||||
ctaButton={{ text: "Nous contacter", href: "mailto:contact@maisonblanche.fr" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -325,36 +149,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Agence",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Nos services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Politique de confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Agence", items: [{ label: "À propos", href: "#" }, { label: "Nos services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Politique de confidentialité", href: "#" }] },
|
||||
]}
|
||||
logoText="Maison Blanche Immobilier"
|
||||
copyrightText="© 2025 Maison Blanche Immobilier"
|
||||
|
||||
Reference in New Issue
Block a user