Merge version_2 into main #2
@@ -56,9 +56,7 @@ export default function PricingPage() {
|
||||
brandName="Montois Multi Services"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Nous Contacter",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Nous Contacter", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,86 +72,87 @@ export default function PricingPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="pricing-options" data-section="pricing-options" className="py-16 md:py-24 px-4 md:px-6">
|
||||
<div id="pricing-table" data-section="pricing-table" className="py-12 md:py-16 px-4 md:px-6">
|
||||
<div className="mx-auto max-w-6xl">
|
||||
<div className="grid md:grid-cols-3 gap-6 md:gap-8">
|
||||
<div className="bg-card rounded-lg p-8 border border-background-accent/50">
|
||||
<h3 className="text-2xl font-bold mb-4 text-foreground">Intervention Ponctuelle</h3>
|
||||
<p className="text-foreground/70 mb-6">
|
||||
Pour vos besoins occasionnels et ponctuels d'entretien ou de maintenance.
|
||||
</p>
|
||||
<div className="mb-6">
|
||||
<p className="text-3xl font-bold text-primary-cta">À partir de</p>
|
||||
<p className="text-xl text-foreground/60 mt-2">50 € / heure</p>
|
||||
</div>
|
||||
<ul className="space-y-3 mb-8 text-foreground/70">
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Tarif horaire flexible
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Disponibilité selon calendrier
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Devis avant intervention
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-card rounded-lg p-8 border border-accent/50 relative">
|
||||
<div className="absolute -top-4 left-1/2 -translate-x-1/2 bg-accent text-primary-cta-text px-4 py-2 rounded-full text-sm font-semibold">
|
||||
Recommandé
|
||||
</div>
|
||||
<h3 className="text-2xl font-bold mb-4 text-foreground">Forfait Mensuel</h3>
|
||||
<p className="text-foreground/70 mb-6">
|
||||
Pour un entretien régulier et continu de votre propriété.
|
||||
</p>
|
||||
<div className="mb-6">
|
||||
<p className="text-3xl font-bold text-primary-cta">À partir de</p>
|
||||
<p className="text-xl text-foreground/60 mt-2">500 € / mois</p>
|
||||
</div>
|
||||
<ul className="space-y-3 mb-8 text-foreground/70">
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Interventions régulières
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Suivi personnalisé
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
10% de réduction
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-card rounded-lg p-8 border border-background-accent/50">
|
||||
<h3 className="text-2xl font-bold mb-4 text-foreground">Forfait Annuel</h3>
|
||||
<p className="text-foreground/70 mb-6">
|
||||
Pour la gestion complète de votre propriété avec engagement annuel.
|
||||
</p>
|
||||
<div className="mb-6">
|
||||
<p className="text-3xl font-bold text-primary-cta">À partir de</p>
|
||||
<p className="text-xl text-foreground/60 mt-2">5 000 € / an</p>
|
||||
</div>
|
||||
<ul className="space-y-3 mb-8 text-foreground/70">
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Meilleur tarif
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Priorité d'intervention
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<span className="mr-3 text-accent">✓</span>
|
||||
Support prioritaire
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full border-collapse">
|
||||
<thead>
|
||||
<tr className="border-b border-background-accent/50">
|
||||
<th className="text-left py-4 px-6 text-foreground font-bold">
|
||||
Service
|
||||
</th>
|
||||
<th className="text-right py-4 px-6 text-foreground font-bold">
|
||||
Tarif
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Entretien intérieur
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
30 €/h
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Entretien extérieur
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
30 €/h
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Travaux de maintenance
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
30 €/h
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Entretien extérieur avec matériel thermique
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
35 €/h
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Entretien du linge
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
30 €/h
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Enlèvement des déchets
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
35 €/h
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Vérification de logement
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
7,50 €/visite
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="hover:bg-card/50 transition-colors">
|
||||
<td className="py-4 px-6 text-foreground">
|
||||
Mise en route du chauffe-eau et/ou du chauffage
|
||||
</td>
|
||||
<td className="text-right py-4 px-6 text-foreground font-semibold">
|
||||
15 €
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -218,13 +217,9 @@ export default function PricingPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander Un Devis",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Demander Un Devis", href: "/contact"},
|
||||
{
|
||||
text: "Nous Appeler",
|
||||
href: "tel:0677221466",
|
||||
},
|
||||
text: "Nous Appeler", href: "tel:0677221466"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user