bender/a0b23db6-04e2-423f-b7bf-31b8a75efe32
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

12 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
da26438c1e Update src/app/page.tsx 2026-03-08 17:34:07 +00:00
bender
d62cd1790f Update src/app/page.tsx 2026-03-07 00:09:26 +00:00
bender
6db75adeea Update src/app/pricing/page.tsx 2026-03-07 00:06:01 +00:00
bender
1f72e6b6d6 Merge version_2 into main 
Merge version_2 into main
 2026-03-07 00:05:18 +00:00
bender
b532d91212 Update theme colors 2026-03-07 00:05:12 +00:00
bender
acd5edfa08 Merge version_2 into main 
Merge version_2 into main
 2026-03-07 00:05:03 +00:00
bender
6d2f5c595c Update theme colors 2026-03-07 00:04:57 +00:00
bender
4bcbbc8db4 Merge version_2 into main 
Merge version_2 into main
 2026-03-07 00:04:37 +00:00
bender
40c8ce4d9c Update theme colors 2026-03-07 00:04:31 +00:00
bender
7c6e21ff85 Merge version_2 into main 
Merge version_2 into main
 2026-03-06 23:46:26 +00:00
bender
682d1d6c23 Update src/app/pricing/page.tsx 2026-03-06 23:46:22 +00:00
bender
cdd0c935a6 Merge version_1 into main 
Merge version_1 into main
 2026-03-06 23:28:38 +00:00
3 changed files with 87 additions and 100 deletions
Expand all files Collapse all files

4
src/app/page.tsx
View File

@@ -79,7 +79,7 @@ export default function HomePage() {
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stair-pool_1203-2781.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AanP4tq0gi26KyP6ID7LVKsvKY/uploaded-1772907690471-fpgwof8v.jpg",
imageAlt: "Belle maison côtière Vendéenne",
},
{
@@ -195,7 +195,7 @@ export default function HomePage() {
{
id: "1",
name: "Fabrice Chatelier",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-can-solve-problem_329181-10291.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AanP4tq0gi26KyP6ID7LVKsvKY/uploaded-1772842156474-a6oliyzl.jpg",
imageAlt: "Fabrice Chatelier, Gérant de Montois Multi Services",
},
]}

165
src/app/pricing/page.tsx
View File

@@ -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,79 @@ 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>
</tbody>
</table>
</div>
</div>
</div>
@@ -218,13 +209,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>
@@ -237,4 +224,4 @@ export default function PricingPage() {
</div>
</ThemeProvider>
);
}
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fffefe;
--card: #f6f7f4;
--foreground: #080908;
--primary-cta: #0e3a29;
--primary-cta-text: #fffefe;
--secondary-cta: #e7eecd;
--secondary-cta-text: #080908;
--accent: #35c18b;
--background-accent: #ecebe4;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);