Merge version_3 into main #4
@@ -1,208 +1,93 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Mail, Phone, MapPin, Clock } from 'lucide-react';
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import ContactForm from "@/components/form/ContactForm";
|
||||
import { Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const handleContactSubmit = (email: string) => {
|
||||
console.log('Contact form submitted with email:', email);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<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" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Demander un Devis Gratuit"
|
||||
description="Remplissez ce formulaire pour nous contacter. Nous répondons rapidement à toutes les demandes."
|
||||
tag="Nous contacter"
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "plain" }}
|
||||
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}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<div id="contact-info" data-section="contact-info" className="py-20">
|
||||
<div className="max-w-3xl mx-auto px-4">
|
||||
<h1 className="text-4xl font-bold mb-8 text-center">Get In Touch</h1>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
|
||||
<div className="text-center">
|
||||
<div className="flex justify-center mb-4">
|
||||
<Mail className="w-8 h-8" />
|
||||
</div>
|
||||
<h3 className="font-semibold mb-2">Email</h3>
|
||||
<p className="text-gray-600">fabrice.chatelier@webild.com</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="flex justify-center mb-4">
|
||||
<Phone className="w-8 h-8" />
|
||||
</div>
|
||||
<h3 className="font-semibold mb-2">Phone</h3>
|
||||
<p className="text-gray-600">+33 (0) 1 23 45 67 89</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="flex justify-center mb-4">
|
||||
<MapPin className="w-8 h-8" />
|
||||
</div>
|
||||
<h3 className="font-semibold mb-2">Location</h3>
|
||||
<p className="text-gray-600">Paris, France</p>
|
||||
</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 className="mb-12">
|
||||
<h2 className="text-2xl font-bold mb-6 text-center">Contact Information</h2>
|
||||
<div className="bg-gray-50 p-8 rounded-lg">
|
||||
<p className="text-gray-700 mb-4">
|
||||
<strong>Fabrice Chatelier</strong>
|
||||
</p>
|
||||
<p className="text-gray-600 mb-2">Email: fabrice.chatelier@webild.com</p>
|
||||
<p className="text-gray-600 mb-2">Phone: +33 (0) 1 23 45 67 89</p>
|
||||
<p className="text-gray-600">Based in Paris, France</p>
|
||||
</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 id="contact-form" data-section="contact-form" className="py-20 bg-gray-50">
|
||||
<div className="max-w-2xl mx-auto px-4">
|
||||
<ContactForm
|
||||
title="Send us a Message"
|
||||
description="We'll get back to you as soon as possible"
|
||||
tag="Contact Form"
|
||||
tagIcon={Mail}
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Send Message"
|
||||
centered={true}
|
||||
onSubmit={(email) => {
|
||||
console.log("Email submitted:", email);
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -1,60 +1,23 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Roboto } from "next/font/google";
|
||||
import { Poppins } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const roboto = Roboto({
|
||||
variable: "--font-roboto", subsets: ["latin"],
|
||||
weight: ["100", "300", "400", "500", "700", "900"],
|
||||
const poppins = Poppins({
|
||||
variable: "--font-poppins", subsets: ["latin"],
|
||||
weight: ["400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
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"
|
||||
},
|
||||
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"
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Montois Multi Services | Services à la Personne", description: "Services d'entretien professionnel pour vos résidences. Agréée - Réduction 50%.", images: ["http://img.b2bpic.net/free-photo/beautiful-woman-beige-coat-outside-park_1303-16902.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Webild", description: "Professional services for your business"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${roboto.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={`${poppins.variable}`}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1422,7 +1385,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
260
src/app/page.tsx
260
src/app/page.tsx
@@ -1,247 +1,43 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Home, Award, Percent, MapPin, Sparkles, Mail, Leaf, Wrench, Calendar } from 'lucide-react';
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Montois Multi Services"
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ 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>
|
||||
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Votre maison, entre de bonnes mains"
|
||||
description="Services à la personne pour vos résidences principales et secondaires à Notre-Dame-de-Monts et alentours. Entretien intérieur, extérieur et petits travaux confiés à un artisan local expérimenté."
|
||||
<HeroBillboardGallery
|
||||
title="Welcome to Webild"
|
||||
description="Professional services tailored to your needs"
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg", alt: "Fabrice Chatelier, propriétaire" }
|
||||
mediaItems={[
|
||||
{ imageSrc: "/img1.jpg", imageAlt: "Gallery 1" },
|
||||
{ imageSrc: "/img2.jpg", imageAlt: "Gallery 2" },
|
||||
{ imageSrc: "/img3.jpg", imageAlt: "Gallery 3" },
|
||||
]}
|
||||
avatarText="Artisan local depuis plus de 15 ans"
|
||||
buttons={[
|
||||
{ text: "Demander un devis gratuit", href: "/contact" },
|
||||
{ text: "En savoir plus", href: "#about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Hero section - Montois Multi Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Fabrice Chatelier met son expertise locale au service de vos propriétés. Avec plus de 15 ans d'expérience à Notre-Dame-de-Monts, il offre une disponibilité personnalisée et une connaissance approfondie du marché côtier."
|
||||
metrics={[
|
||||
{ icon: Home, label: "Résidences servies", value: "500+" },
|
||||
{ icon: Award, label: "Années d'expérience", value: "15+" },
|
||||
{ icon: Percent, label: "Réduction fiscale", value: "50%" },
|
||||
{ icon: MapPin, label: "Couverture locale", value: "Côte Atlantique" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About metrics 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.", 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.", 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: "Petits Travaux & Réparations", description: "Interventions rapides et efficaces pour les petites réparations et l'entretien courant de votre maison.", 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: "Turnovers Saisonniers", description: "Préparation complète de vos résidences secondaires pour les arrivées et départs de locataires ou résidents.", 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 nouvelles arrivées" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-couch_23-2148751504.jpg?_wi=2", imageAlt: "Nettoyage de transition professionnel" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Services section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Agrément et Certifications"
|
||||
description="Montois Multi Services est agréée services à la personne, permettant à nos clients de bénéficier d'une réduction fiscale de 50%."
|
||||
tag="Confiance & Expertise"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Agréée Services à la Personne", "Artisan Local Certifié", "Réduction Fiscale 50%", "Expérience 15+ ans", "Côte Atlantique", "Notre-Dame-de-Monts", "Assurance Responsabilité Civile", "Garantie Satisfaction Client"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
ariaLabel="Social proof section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Témoignages de Nos Clients"
|
||||
description="La satisfaction de nos clients est notre meilleure recommandation. Découvrez leurs expériences avec Montois Multi Services."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Catherine Moreau", handle: "@cmoreau", testimonial: "Fabrice entretient notre résidence secondaire depuis 5 ans. Son professionnalisme et sa réactivité nous rassurent complètement. Nous recommandons vivement!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg", imageAlt: "Portrait de Catherine Moreau"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Pierre Arnaud", handle: "@parnaud", testimonial: "Service impeccable. Fabrice réalise les travaux dans les délais et avec une grande attention au détail. Un vrai professionnel de confiance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", imageAlt: "Portrait de Pierre Arnaud"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Martine Lefevre", handle: "@mlefevre", testimonial: "Excellente qualité de service. Fabrice respecte scrupuleusement nos demandes et maintient notre propriété en parfait état. Très satisfaite.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_1149-1125.jpg", imageAlt: "Portrait de Martine Lefevre"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Jean-Claude Besson", handle: "@jcbesson", testimonial: "Fabrice est un artisan de confiance. Sa connaissance locale et son engagement personnel font toute la différence. À recommander sans hésitation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-agent_1098-12686.jpg", imageAlt: "Portrait de Jean-Claude Besson"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Questions Fréquemment Posées"
|
||||
description="Trouvez les réponses aux questions les plus courantes sur nos services et nos modalités."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Comment fonctionne la réduction fiscale de 50%?", content: "En tant qu'entreprise agréée services à la personne, vous pouvez bénéficier d'une réduction d'impôts égale à 50% du montant des services facturés. Montois Multi Services vous fournira la déclaration fiscale nécessaire pour déclarer ces frais auprès de l'administration."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Servez-vous les résidences principales et secondaires?", content: "Oui, Montois Multi Services intervient à la fois sur les résidences principales et secondaires à Notre-Dame-de-Monts et ses alentours. Nous sommes parfaitement conscients des besoins spécifiques des propriétaires de résidences côtières."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Quelle est votre zone de couverture?", content: "Nous couvrons Notre-Dame-de-Monts et sa région, notamment la Côte Atlantique et les environs de Noirmoutier. Pour les demandes au-delà de notre zone habituelle, veuillez nous contacter pour discuter de la possibilité d'une intervention."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Comment puis-je obtenir un devis?", content: "Vous pouvez demander un devis gratuit directement en utilisant notre formulaire de contact ou en appelant Fabrice pour discuter de vos besoins spécifiques. Nous répondons rapidement à toutes les demandes et proposons des tarifs compétitifs."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Êtes-vous assuré?", content: "Oui, Montois Multi Services dispose d'une assurance responsabilité civile complète pour couvrir tous les services fournis. Votre tranquillité d'esprit est notre priorité."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Proposez-vous des contrats de maintenance régulière?", content: "Absolument. Nous proposons des contrats de maintenance adaptés à vos besoins, qu'il s'agisse d'interventions hebdomadaires, mensuelles ou saisonnières pour vos propriétés."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
ariaLabel="FAQ 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: "Petits Travaux", href: "#services" },
|
||||
{ label: "Turnovers Saisonniers", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
{ label: "À Propos", href: "#about" },
|
||||
{ label: "Témoignages", href: "#testimonials" },
|
||||
{ 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"
|
||||
buttons={[{ text: "Learn More", href: "/services" }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,199 +1,73 @@
|
||||
"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';
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import { Briefcase, Zap, Shield, Target } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const serviceFeatures = [
|
||||
{
|
||||
title: "Web Development", description: "Custom web solutions built with modern technologies", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "/service1a.jpg", imageAlt: "Web Development 1" },
|
||||
{ imageSrc: "/service1b.jpg", imageAlt: "Web Development 2" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Digital Strategy", description: "Strategic planning for your digital transformation", icon: Target,
|
||||
mediaItems: [
|
||||
{ imageSrc: "/service2a.jpg", imageAlt: "Strategy 1" },
|
||||
{ imageSrc: "/service2b.jpg", imageAlt: "Strategy 2" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Security Solutions", description: "Protect your business with enterprise security", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "/service3a.jpg", imageAlt: "Security 1" },
|
||||
{ imageSrc: "/service3b.jpg", imageAlt: "Security 2" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Business Consulting", description: "Expert guidance to optimize your operations", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{ imageSrc: "/service4a.jpg", imageAlt: "Consulting 1" },
|
||||
{ imageSrc: "/service4b.jpg", imageAlt: "Consulting 2" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<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>
|
||||
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<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"
|
||||
]
|
||||
}
|
||||
]}
|
||||
features={serviceFeatures}
|
||||
animationType="slide-up"
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions for your business needs"
|
||||
tag="Services"
|
||||
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>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #ff8c42;
|
||||
--background: #f0f8fa;
|
||||
--card: #e8f2f6;
|
||||
--foreground: #0c3a4a;
|
||||
--primary-cta: #0066a1;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #f5e6d3;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #00a0d2;
|
||||
--background-accent: #d4e8f0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
@@ -1,197 +1,70 @@
|
||||
"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';
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function TarifsPage() {
|
||||
const pricingPlans = [
|
||||
{
|
||||
id: "1", price: "€29/mo", name: "Starter Plan", buttons: [
|
||||
{ text: "Get Started", href: "/contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 5 projects", "5GB storage", "Email support", "Basic analytics"],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "€79/mo", name: "Professional Plan", buttons: [
|
||||
{ text: "Get Started", href: "/contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited projects", "50GB storage", "Priority support", "Advanced analytics", "API access"],
|
||||
},
|
||||
{
|
||||
id: "3", price: "€199/mo", name: "Enterprise Plan", buttons: [
|
||||
{ text: "Get Started", href: "/contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited everything", "500GB storage", "24/7 phone support", "Custom analytics", "Dedicated account manager", "White-label options"],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<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"
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<div id="tarifs" data-section="tarifs">
|
||||
<PricingCardThree
|
||||
plans={pricingPlans}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your needs. All plans include essential features."
|
||||
tag="Tarifs"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
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