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" }} background={{ variant: "plain" }}
mediaItems={[ 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", imageAlt: "Belle maison côtière Vendéenne",
}, },
{ {
@@ -195,7 +195,7 @@ export default function HomePage() {
{ {
id: "1", id: "1",
name: "Fabrice Chatelier", 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", 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" brandName="Montois Multi Services"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Nous Contacter", text: "Nous Contacter", href: "/contact"}}
href: "/contact",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -74,86 +72,79 @@ export default function PricingPage() {
</div> </div>
</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="mx-auto max-w-6xl">
<div className="grid md:grid-cols-3 gap-6 md:gap-8"> <div className="overflow-x-auto">
<div className="bg-card rounded-lg p-8 border border-background-accent/50"> <table className="w-full border-collapse">
<h3 className="text-2xl font-bold mb-4 text-foreground">Intervention Ponctuelle</h3> <thead>
<p className="text-foreground/70 mb-6"> <tr className="border-b border-background-accent/50">
Pour vos besoins occasionnels et ponctuels d'entretien ou de maintenance. <th className="text-left py-4 px-6 text-foreground font-bold">
</p> Service
<div className="mb-6"> </th>
<p className="text-3xl font-bold text-primary-cta">À partir de</p> <th className="text-right py-4 px-6 text-foreground font-bold">
<p className="text-xl text-foreground/60 mt-2">50 € / heure</p> Tarif
</div> </th>
<ul className="space-y-3 mb-8 text-foreground/70"> </tr>
<li className="flex items-center"> </thead>
<span className="mr-3 text-accent">✓</span> <tbody>
Tarif horaire flexible <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
</li> <td className="py-4 px-6 text-foreground">
<li className="flex items-center"> Entretien intérieur
<span className="mr-3 text-accent">✓</span> </td>
Disponibilité selon calendrier <td className="text-right py-4 px-6 text-foreground font-semibold">
</li> 30 €/h
<li className="flex items-center"> </td>
<span className="mr-3 text-accent">✓</span> </tr>
Devis avant intervention <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
</li> <td className="py-4 px-6 text-foreground">
</ul> Entretien extérieur
</div> </td>
<td className="text-right py-4 px-6 text-foreground font-semibold">
<div className="bg-card rounded-lg p-8 border border-accent/50 relative"> 30 €/h
<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"> </td>
Recommandé </tr>
</div> <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
<h3 className="text-2xl font-bold mb-4 text-foreground">Forfait Mensuel</h3> <td className="py-4 px-6 text-foreground">
<p className="text-foreground/70 mb-6"> Travaux de maintenance
Pour un entretien régulier et continu de votre propriété. </td>
</p> <td className="text-right py-4 px-6 text-foreground font-semibold">
<div className="mb-6"> 30 €/h
<p className="text-3xl font-bold text-primary-cta">À partir de</p> </td>
<p className="text-xl text-foreground/60 mt-2">500 € / mois</p> </tr>
</div> <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
<ul className="space-y-3 mb-8 text-foreground/70"> <td className="py-4 px-6 text-foreground">
<li className="flex items-center"> Entretien extérieur avec matériel thermique
<span className="mr-3 text-accent">✓</span> </td>
Interventions régulières <td className="text-right py-4 px-6 text-foreground font-semibold">
</li> 35 €/h
<li className="flex items-center"> </td>
<span className="mr-3 text-accent">✓</span> </tr>
Suivi personnalisé <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
</li> <td className="py-4 px-6 text-foreground">
<li className="flex items-center"> Entretien du linge
<span className="mr-3 text-accent">✓</span> </td>
10% de réduction <td className="text-right py-4 px-6 text-foreground font-semibold">
</li> 30 €/h
</ul> </td>
</div> </tr>
<tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
<div className="bg-card rounded-lg p-8 border border-background-accent/50"> <td className="py-4 px-6 text-foreground">
<h3 className="text-2xl font-bold mb-4 text-foreground">Forfait Annuel</h3> Enlèvement des déchets
<p className="text-foreground/70 mb-6"> </td>
Pour la gestion complète de votre propriété avec engagement annuel. <td className="text-right py-4 px-6 text-foreground font-semibold">
</p> 35 €/h
<div className="mb-6"> </td>
<p className="text-3xl font-bold text-primary-cta">À partir de</p> </tr>
<p className="text-xl text-foreground/60 mt-2">5 000 € / an</p> <tr className="border-b border-background-accent/50 hover:bg-card/50 transition-colors">
</div> <td className="py-4 px-6 text-foreground">
<ul className="space-y-3 mb-8 text-foreground/70"> Vérification de logement
<li className="flex items-center"> </td>
<span className="mr-3 text-accent">✓</span> <td className="text-right py-4 px-6 text-foreground font-semibold">
Meilleur tarif 7,50 €/visite
</li> </td>
<li className="flex items-center"> </tr>
<span className="mr-3 text-accent">✓</span> </tbody>
Priorité d'intervention </table>
</li>
<li className="flex items-center">
<span className="mr-3 text-accent">✓</span>
Support prioritaire
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -218,13 +209,9 @@ export default function PricingPage() {
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ {
text: "Demander Un Devis", text: "Demander Un Devis", href: "/contact"},
href: "/contact",
},
{ {
text: "Nous Appeler", text: "Nous Appeler", href: "tel:0677221466"},
href: "tel:0677221466",
},
]} ]}
/> />
</div> </div>
@@ -237,4 +224,4 @@ export default function PricingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

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

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