Merge version_2 into main #2
212
src/app/contact/page.tsx
Normal file
212
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,212 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import ContactForm from '@/components/form/ContactForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Mail, Phone, MapPin, Clock } from 'lucide-react';
|
||||
|
||||
export default function ContactPage() {
|
||||
const handleContactSubmit = (email: string) => {
|
||||
console.log('Contact form submitted with email:', email);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Montois Multi Services"
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "À Propos", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Témoignages", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Demander un devis", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Contactez-nous"
|
||||
description="Nous sommes à votre écoute pour discuter de vos besoins en services à la personne. Demandez un devis gratuit et personnalisé dès maintenant."
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg", alt: "Fabrice Chatelier" }
|
||||
]}
|
||||
avatarText="Réponse rapide garantie"
|
||||
buttons={[
|
||||
{ text: "Retour à l'accueil", href: "/" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Contact page hero"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<div className="bg-white dark:bg-slate-900 py-16 px-6">
|
||||
<div className="max-w-2xl mx-auto">
|
||||
<ContactForm
|
||||
title="Demander un Devis Gratuit"
|
||||
description="Remplissez ce formulaire pour nous contacter. Nous répondons rapidement à toutes les demandes."
|
||||
tag="Nous contacter"
|
||||
tagIcon={Mail}
|
||||
inputPlaceholder="Votre adresse email"
|
||||
buttonText="Envoyer ma demande"
|
||||
termsText="En soumettant ce formulaire, vous acceptez que nous vous contactions pour discuter de votre demande. Vos données sont confidentielles et sécurisées."
|
||||
onSubmit={handleContactSubmit}
|
||||
centered={true}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<div className="bg-gray-50 dark:bg-slate-800 py-16 px-6">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl md:text-4xl font-bold mb-12 text-center">Nos Coordonnées</h2>
|
||||
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="flex-shrink-0">
|
||||
<Phone className="w-8 h-8 text-blue-600" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-1">Téléphone</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300 text-base">
|
||||
Disponible sur demande
|
||||
</p>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mt-1">
|
||||
Nous répondons rapidement à toutes les appels
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="flex-shrink-0">
|
||||
<Mail className="w-8 h-8 text-blue-600" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-1">Email</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300 text-base">
|
||||
Disponible sur demande
|
||||
</p>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mt-1">
|
||||
Réponse dans les 24 heures
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="flex-shrink-0">
|
||||
<MapPin className="w-8 h-8 text-blue-600" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-1">Localisation</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300 text-base">
|
||||
Notre-Dame-de-Monts, Vendée
|
||||
</p>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mt-1">
|
||||
Côte Atlantique et alentours
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="flex-shrink-0">
|
||||
<Clock className="w-8 h-8 text-blue-600" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-1">Disponibilité</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300 text-base">
|
||||
Flexible selon vos besoins
|
||||
</p>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mt-1">
|
||||
Interventions régulières ou ponctuelles
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-12 p-6 bg-white dark:bg-slate-900 rounded-lg border border-gray-200 dark:border-slate-700">
|
||||
<h3 className="text-lg font-semibold mb-3">Pourquoi nous choisir?</h3>
|
||||
<ul className="space-y-2 text-gray-700 dark:text-gray-300">
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-600 mr-3">✓</span>
|
||||
<span>Artisan local avec 15+ ans d'expérience à Notre-Dame-de-Monts</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-600 mr-3">✓</span>
|
||||
<span>Agréé services à la personne - Réduction fiscale 50%</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-600 mr-3">✓</span>
|
||||
<span>Entièrement assuré et responsable civile complète</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-600 mr-3">✓</span>
|
||||
<span>Services personnalisés pour résidences principales et secondaires</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-600 mr-3">✓</span>
|
||||
<span>Devis gratuit et transparent sans engagement</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-somorrostro-beach-barcelona_1398-4869.jpg?_wi=2"
|
||||
imageAlt="Propriété côtière"
|
||||
logoText="Montois Multi Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Entretien Intérieur", href: "/#services" },
|
||||
{ label: "Entretien Extérieur", href: "/#services" },
|
||||
{ label: "Petits Travaux", href: "/#services" },
|
||||
{ label: "Turnovers Saisonniers", href: "/#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
{ label: "Accueil", href: "/" },
|
||||
{ label: "À Propos", href: "/#about" },
|
||||
{ label: "Tarifs", href: "/tarifs" },
|
||||
{ label: "FAQ", href: "/#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Notre-Dame-de-Monts, Vendée", href: "#" },
|
||||
{ label: "Côte Atlantique", href: "#" },
|
||||
{ label: "Demander un Devis", href: "/contact" },
|
||||
{ label: "Services à la Personne Agréée", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Montois Multi Services. Tous droits réservés."
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -23,11 +23,13 @@ const roboto = Roboto({
|
||||
export const metadata: Metadata = {
|
||||
title: "Montois Multi Services | Services à la Personne Notre-Dame-de-Monts", description: "Services d'entretien intérieur, extérieur et petits travaux pour résidences principales et secondaires. Artisan local agréé avec réduction fiscale 50%.", keywords: "services à la personne, entretien maison, Notre-Dame-de-Monts, Vendée, réduction fiscale, artisan local", metadataBase: new URL("https://www.montoismultiservices.fr"),
|
||||
alternates: {
|
||||
canonical: "https://www.montoismultiservices.fr"},
|
||||
canonical: "https://www.montoismultiservices.fr"
|
||||
},
|
||||
openGraph: {
|
||||
title: "Montois Multi Services | Services à la Personne Côte Atlantique", description: "Votre maison, entre de bonnes mains. Services d'entretien intérieur et extérieur avec réduction fiscale de 50%.", url: "https://www.montoismultiservices.fr", siteName: "Montois Multi Services", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/beautiful-woman-beige-coat-outside-park_1303-16902.jpg", alt: "Résidence côtière bien entretenue"},
|
||||
url: "http://img.b2bpic.net/free-photo/beautiful-woman-beige-coat-outside-park_1303-16902.jpg", alt: "Résidence côtière bien entretenue"
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
|
||||
@@ -34,9 +34,11 @@ export default function LandingPage() {
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Témoignages", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Demander un devis", href: "contact" }}
|
||||
button={{ text: "Demander un devis", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -50,7 +52,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
avatarText="Artisan local depuis plus de 15 ans"
|
||||
buttons={[
|
||||
{ text: "Demander un devis gratuit", href: "#contact" },
|
||||
{ text: "Demander un devis gratuit", href: "/contact" },
|
||||
{ text: "En savoir plus", href: "#about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -226,7 +228,7 @@ export default function LandingPage() {
|
||||
{ label: "À Propos", href: "#about" },
|
||||
{ label: "Témoignages", href: "#testimonials" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Demander un Devis", href: "#contact" }
|
||||
{ label: "Demander un Devis", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
201
src/app/services/page.tsx
Normal file
201
src/app/services/page.tsx
Normal file
@@ -0,0 +1,201 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Sparkles, Mail, Home, Leaf, Wrench, Calendar } from 'lucide-react';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Montois Multi Services"
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Témoignages", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
button={{ text: "Demander un devis", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Nos Services Professionnels"
|
||||
description="Découvrez l'ensemble de nos solutions d'entretien et de maintenance pour vos résidences. Chaque service est conçu pour répondre à vos besoins spécifiques avec professionnalisme et attention aux détails."
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg", alt: "Fabrice Chatelier" }
|
||||
]}
|
||||
avatarText="Expertise locale depuis 15 ans"
|
||||
buttons={[
|
||||
{ text: "Demander un devis", href: "contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Services hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
title="Services Complets pour Vos Propriétés"
|
||||
description="Des solutions intégrées pour l'entretien et la maintenance de vos résidences principales et secondaires."
|
||||
tag="Services à la Personne"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
title: "Entretien Intérieur", description: "Nettoyage régulier, entretien des espaces de vie et mise en état pour vos résidences secondaires. Ménage complet, dépoussiérage, nettoyage des surfaces et des équipements. Service de remise en état pour les arrivées et départs de locataires.", icon: Home,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-couch_23-2148751504.jpg?_wi=1", imageAlt: "Intérieur de maison nettoyé professionnellement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-beige-coat-outside-park_1303-16902.jpg?_wi=1", imageAlt: "Résidence côtière bien entretenue" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Entretien Extérieur", description: "Entretien des jardins, terrasses et espaces extérieurs pour maintenir vos propriétés en excellent état. Tonte de gazon, taille de haies, nettoyage des terrasses et balcons, entretien des abords. Préparation saisonnière de vos espaces verts.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/focused-male-florist-moving-rack-with-plants-pots-holding-shelf-with-houseplants-medium-shot-copy-space-gardening-job-concept_74855-12787.jpg", imageAlt: "Jardin et terrasse maintenus professionnellement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/so-much-work-office_329181-10288.jpg", imageAlt: "Vue aérienne d'une propriété entretenue" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Travaux de Maintenance", description: "Interventions rapides et efficaces pour les petites réparations et l'entretien courant de votre maison. Bricolage, petit électricité, petit plomberie, changement de luminaires. Entretien préventif pour éviter les problèmes futurs.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg", imageAlt: "Professionnel effectuant des réparations" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-somorrostro-beach-barcelona_1398-4869.jpg?_wi=1", imageAlt: "Propriété après travaux de maintenance" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services à la Demande", description: "Interventions ponctuelles adaptées à vos besoins spécifiques. Nettoyage en profondeur, préparation pour événements, assistance ponctuelle. Disponibilité rapide pour répondre à vos urgences et demandes particulières.", icon: Calendar,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-beige-coat-outside-park_1303-16902.jpg?_wi=2", imageAlt: "Résidence prête pour accueil" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-couch_23-2148751504.jpg?_wi=2", imageAlt: "Service professionnel adaptable" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Services details section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Nos Tarifs et Formules"
|
||||
description="Choisissez la formule qui correspond le mieux à vos besoins. Tous nos services bénéficient de la réduction fiscale de 50%."
|
||||
plans={[
|
||||
{
|
||||
id: "1", price: "À partir de 25€/h", name: "Entretien Intérieur", buttons: [
|
||||
{ text: "Demander un devis", href: "contact" },
|
||||
{ text: "En savoir plus", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Nettoyage complet des pièces", "Dépoussiérage et surfaces", "Nettoyage des équipements", "Service de turnover inclus", "Réduction fiscale 50%", "Disponibilité flexible"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Service Complet", price: "À partir de 30€/h", name: "Entretien Extérieur", buttons: [
|
||||
{ text: "Demander un devis", href: "contact" },
|
||||
{ text: "En savoir plus", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Tonte de gazon régulière", "Taille de haies et arbustes", "Nettoyage terrasses et balcons", "Entretien des abords", "Réduction fiscale 50%", "Contrats saisonniers disponibles"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", price: "À partir de 35€/h", name: "Travaux de Maintenance", buttons: [
|
||||
{ text: "Demander un devis", href: "contact" },
|
||||
{ text: "En savoir plus", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Bricolage et petites réparations", "Petit électricité et plomberie", "Changement de luminaires", "Entretien préventif", "Réduction fiscale 50%", "Intervention rapide"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4", price: "Tarif sur devis", name: "Services à la Demande", buttons: [
|
||||
{ text: "Demander un devis", href: "contact" },
|
||||
{ text: "En savoir plus", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Nettoyage en profondeur", "Préparation événementielle", "Assistance ponctuelle", "Interventions urgentes", "Réduction fiscale 50%", "Disponibilité rapide"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Pricing section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Commençons"
|
||||
tagIcon={Mail}
|
||||
title="Demander un Devis Gratuit"
|
||||
description="Contactez Fabrice Chatelier pour discuter de vos besoins en services à la personne. Nous répondons rapidement et proposons des solutions personnalisées."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Votre adresse email"
|
||||
buttonText="Obtenir un Devis"
|
||||
termsText="En soumettant ce formulaire, vous acceptez que nous vous contactions pour discuter de votre demande. Vos données sont confidentielles."
|
||||
ariaLabel="Contact section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-somorrostro-beach-barcelona_1398-4869.jpg?_wi=2"
|
||||
imageAlt="Propriété côtière au coucher du soleil"
|
||||
logoText="Montois Multi Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Entretien Intérieur", href: "/services" },
|
||||
{ label: "Entretien Extérieur", href: "/services" },
|
||||
{ label: "Travaux de Maintenance", href: "/services" },
|
||||
{ label: "Services à la Demande", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
{ label: "Accueil", href: "/" },
|
||||
{ label: "À Propos", href: "about" },
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Demander un Devis", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Notre-Dame-de-Monts, Vendée", href: "#" },
|
||||
{ label: "Côte Atlantique", href: "#" },
|
||||
{ label: "Services à la Personne", href: "#" },
|
||||
{ label: "Agréée - Réduction 50%", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Montois Multi Services. Tous droits réservés."
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
199
src/app/tarifs/page.tsx
Normal file
199
src/app/tarifs/page.tsx
Normal file
@@ -0,0 +1,199 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Mail } from 'lucide-react';
|
||||
|
||||
export default function TarifsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Montois Multi Services"
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "À Propos", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Témoignages", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Demander un devis", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Tarifs et Services"
|
||||
description="Découvrez nos tarifs clairs et transparents pour tous nos services à la personne. Conçu pour être accessible à tous, avec des options flexibles adaptées à vos besoins."
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg", alt: "Fabrice Chatelier" }
|
||||
]}
|
||||
avatarText="Tarification transparente et juste"
|
||||
buttons={[
|
||||
{ text: "Demander un devis gratuit", href: "/contact" },
|
||||
{ text: "Retour à l'accueil", href: "/" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Tarifs page hero"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Nos Tarifs par Service"
|
||||
description="Tous nos tarifs incluent la TVA et bénéficient de la réduction fiscale de 50% pour les services à la personne. Prix net après réduction."
|
||||
tag="Services à la Personne"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Entretien Standard", price: "À partir de 25€/h", subtitle: "Nettoyage et entretien intérieur", features: [
|
||||
"Nettoyage régulier des pièces de vie", "Entretien des espaces communs", "Gestion des résidus et déchets", "Disponibilité flexible selon vos besoins", "Interventions hebdomadaires ou ponctuelles"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Entretien Extérieur", price: "À partir de 30€/h", subtitle: "Jardins, terrasses et espaces extérieurs", features: [
|
||||
"Entretien des jardins et espaces verts", "Nettoyage des terrasses et patios", "Tonte et élagage réguliers", "Entretien des allées et accès", "Adaptation aux saisons côtières"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Petits Travaux", price: "À partir de 35€/h", subtitle: "Réparations et maintenance rapides", features: [
|
||||
"Petites réparations courantes", "Maintenance préventive", "Travaux d'entretien mineurs", "Interventions réactives et urgentes", "Matériaux fournis selon le projet"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4", badge: "Turnovers Saisonniers", price: "Sur devis", subtitle: "Préparation complète des résidences", features: [
|
||||
"Nettoyage approfondi avant/après saison", "Préparation pour arrivée de locataires", "Inspection et maintenance générale", "Rangement et organisation des espaces", "Vérification des installations principales"
|
||||
]
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Demander un devis personnalisé", href: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing-details" data-section="pricing-details">
|
||||
<div className="bg-white dark:bg-slate-900 py-16 px-6">
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<h2 className="text-3xl md:text-4xl font-bold mb-8 text-center">Informations Tarifaires</h2>
|
||||
|
||||
<div className="space-y-8">
|
||||
<div className="border-l-4 border-primary pl-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Réduction Fiscale de 50%</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300 mb-2">
|
||||
Tous nos tarifs affichés incluent déjà la réduction fiscale de 50% applicable aux services à la personne. Vous bénéficiez automatiquement de cet avantage fiscal sur chaque facture.
|
||||
</p>
|
||||
<p className="text-gray-700 dark:text-gray-300">
|
||||
Les tarifs mentionnés sont nets après réduction. Nous fournissons l'attestation fiscale nécessaire pour votre déclaration d'impôts.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="border-l-4 border-primary pl-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Durée Minimale d'Intervention</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300">
|
||||
Nous proposons une durée minimale d'une heure pour chaque intervention. Pour les contrats réguliers, des tarifs dégressifs peuvent être appliqués selon la fréquence et la durée totale du service.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="border-l-4 border-primary pl-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Frais de Déplacement</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300">
|
||||
Les frais de déplacement à Notre-Dame-de-Monts et communes limitrophes sont inclus dans le tarif horaire. Pour les interventions au-delà de notre zone habituelle, des frais additionnels peuvent s'appliquer.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="border-l-4 border-primary pl-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Matériaux et Fournitures</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300">
|
||||
Pour l'entretien standard, les produits de nettoyage courants sont inclus. Pour les travaux spécifiques ou l'achat de matériaux importants, nous établissons un devis détaillé avec les coûts respectifs.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="border-l-4 border-primary pl-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Contrats Réguliers</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300">
|
||||
Pour les contrats mensuels ou saisonniers, nous offrons des tarifs préférentiels. Plus votre contrat est long et régulier, plus vous bénéficiez de réductions intéressantes. Demandez-nous vos conditions personnalisées.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="border-l-4 border-primary pl-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Disponibilité et Urgences</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300">
|
||||
Nous proposons une disponibilité flexible pour s'adapter à votre calendrier. Les interventions d'urgence ou hors horaires standards peuvent faire l'objet de tarifs spécifiques à discuter directement.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-12 p-6 bg-gray-50 dark:bg-slate-800 rounded-lg border border-gray-200 dark:border-slate-700">
|
||||
<h3 className="text-lg font-semibold mb-3">Des Questions sur nos Tarifs?</h3>
|
||||
<p className="text-gray-700 dark:text-gray-300 mb-4">
|
||||
Chaque situation est unique. Nous vous proposons d'établir ensemble un devis personnalisé et gratuit adapté exactement à vos besoins.
|
||||
</p>
|
||||
<a
|
||||
href="/contact"
|
||||
className="inline-block px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium transition"
|
||||
>
|
||||
Demander un Devis Gratuit
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-somorrostro-beach-barcelona_1398-4869.jpg?_wi=2"
|
||||
imageAlt="Propriété côtière"
|
||||
logoText="Montois Multi Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Entretien Intérieur", href: "/#services" },
|
||||
{ label: "Entretien Extérieur", href: "/#services" },
|
||||
{ label: "Petits Travaux", href: "/#services" },
|
||||
{ label: "Turnovers Saisonniers", href: "/#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
{ label: "Accueil", href: "/" },
|
||||
{ label: "À Propos", href: "/#about" },
|
||||
{ label: "Tarifs", href: "/tarifs" },
|
||||
{ label: "FAQ", href: "/#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Notre-Dame-de-Monts, Vendée", href: "#" },
|
||||
{ label: "Côte Atlantique", href: "#" },
|
||||
{ label: "Demander un Devis", href: "/contact" },
|
||||
{ label: "Services à la Personne Agréée", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Montois Multi Services. Tous droits réservés."
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user