michal.cukrowski/thermcool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: poprawki cenników, sekcji kontakt, pompy ciepła i sklepu

Browse Source
This commit is contained in:
MichalC
2026-07-04 20:05:43 +02:00
parent 03d425d4b1
commit 41ed8876b4
4 changed files with 61 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+37 -22
View File
@@ -191,7 +191,7 @@ export default function Home() {
Cennik usług
</div>
<h2 className="text-3xl sm:text-5xl font-extrabold text-primary font-heading leading-tight mb-4">
Serwis i czyszczenie klimatyzacji –<br />już od <span className="underline decoration-accent underline-offset-4">300 zł</span>
Montaż, serwis i czyszczenie klimatyzacji –<br />już od <span className="underline decoration-accent underline-offset-4">150 zł</span>
</h2>
<p className="text-text-muted text-sm sm:text-base max-w-2xl leading-relaxed">
Profesjonalna obsługa, certyfikowani specjaliści i szybki czas reakcji na terenie całego Wrocławia. Zadbaj o czyste powietrze i wydajność swoich urządzeń.
@@ -201,25 +201,41 @@ export default function Home() {
{/* Cards Grid */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
{/* Card 1: Czyszczenie (2 columns wide) */}
<div className="bg-white md:col-span-2 p-8 flex flex-col relative overflow-hidden rounded-2xl shadow-sm border border-border">
<div className="hidden md:block absolute top-0 right-0 w-48 h-48 bg-slate-50"></div>
<div className="relative z-10 flex flex-col md:flex-row gap-6 mb-12">
<div className="size-12 bg-accent flex items-center justify-center shrink-0 border border-accent/10 rounded-lg">
<Thermometer className="size-5 text-white" />
{/* Card 1: Montaż klimatyzacji */}
<div className="bg-white p-8 flex flex-col rounded-2xl shadow-sm border border-border">
<div className="flex flex-col gap-6 mb-12">
<div className="size-12 bg-slate-100 flex items-center justify-center shrink-0 border border-slate-200 rounded-lg">
<Wrench className="size-5 text-accent" />
</div>
<div className="pr-4 md:pr-40">
<h3 className="text-xl font-bold text-primary font-heading mb-3">Czyszczenie i odgrzybianie</h3>
<p className="text-sm text-text-muted leading-relaxed">Kompleksowe czyszczenie jednostki wewnętrznej i zewnętrznej, dezynfekcja chemiczna, odgrzybianie parowe, czyszczenie filtrów oraz sprawdzenie odpływu skroplin. Gwarantuje czyste powietrze bez alergenów.</p>
<div>
<h3 className="text-xl font-bold text-primary font-heading mb-3">Montaż klimatyzacji</h3>
<p className="text-sm text-text-muted leading-relaxed">Profesjonalny montaż urządzeń split i multisplit. Zapewniamy estetykę wykonania i pełne uruchomienie.</p>
</div>
</div>
<div className="relative z-10 border-t border-border pt-5 mt-auto">
<div className="border-t border-border pt-5 mt-auto">
<p className="text-[10px] font-bold uppercase tracking-widest text-text-muted mb-1">Cena usługi</p>
<p className="text-xl font-extrabold text-primary">od 300 zł</p>
<p className="text-xl font-extrabold text-primary">od 1400 zł</p>
</div>
</div>
{/* Card 2: Przegląd techniczny */}
{/* Card 2: Czyszczenie */}
<div className="bg-white p-8 flex flex-col rounded-2xl shadow-sm border border-border">
<div className="flex flex-col gap-6 mb-12">
<div className="size-12 bg-slate-100 flex items-center justify-center shrink-0 border border-slate-200 rounded-lg">
<Thermometer className="size-5 text-accent" />
</div>
<div>
<h3 className="text-xl font-bold text-primary font-heading mb-3">Czyszczenie i odgrzybianie</h3>
<p className="text-sm text-text-muted leading-relaxed">Kompleksowe czyszczenie, dezynfekcja chemiczna, odgrzybianie parowe, czyszczenie filtrów.</p>
</div>
</div>
<div className="border-t border-border pt-5 mt-auto">
<p className="text-[10px] font-bold uppercase tracking-widest text-text-muted mb-1">Cena usługi</p>
<p className="text-xl font-extrabold text-primary">od 250 zł</p>
</div>
</div>
{/* Card 3: Przegląd techniczny */}
<div className="bg-white p-8 flex flex-col rounded-2xl shadow-sm border border-border">
<div className="flex flex-col gap-6 mb-12">
<div className="size-12 bg-slate-100 flex items-center justify-center shrink-0 border border-slate-200 rounded-lg">
@@ -227,7 +243,7 @@ export default function Home() {
</div>
<div>
<h3 className="text-xl font-bold text-primary font-heading mb-3">Przegląd techniczny</h3>
<p className="text-sm text-text-muted leading-relaxed">Sprawdzenie parametrów pracy, kontrola szczelności układu, pomiar ciśnień roboczych i temperatur.</p>
<p className="text-sm text-text-muted leading-relaxed">Sprawdzenie parametrów pracy, kontrola szczelności układu, pomiar ciśnień roboczych.</p>
</div>
</div>
<div className="border-t border-border pt-5 mt-auto">
@@ -236,7 +252,7 @@ export default function Home() {
</div>
</div>
{/* Card 3: Uzupełnienie czynnika */}
{/* Card 4: Uzupełnienie czynnika */}
<div className="bg-white p-8 flex flex-col rounded-2xl shadow-sm border border-border">
<div className="flex flex-col gap-6 mb-12">
<div className="size-12 bg-slate-100 flex items-center justify-center shrink-0 border border-slate-200 rounded-lg">
@@ -244,16 +260,16 @@ export default function Home() {
</div>
<div>
<h3 className="text-xl font-bold text-primary font-heading mb-3">Uzupełnienie czynnika</h3>
<p className="text-sm text-text-muted leading-relaxed">Lokalizacja nieszczelności, próba ciśnieniowa azotem, próżniowanie układu i dobicie czynnika chłodniczego.</p>
<p className="text-sm text-text-muted leading-relaxed">Lokalizacja nieszczelności, próba ciśnieniowa azotem, dobicie czynnika chłodniczego.</p>
</div>
</div>
<div className="border-t border-border pt-5 mt-auto">
<p className="text-[10px] font-bold uppercase tracking-widest text-text-muted mb-1">Cena usługi</p>
<p className="text-sm font-extrabold text-primary">Wycena indywidualna</p>
<p className="text-xl font-extrabold text-primary">od 180 zł</p>
</div>
</div>
{/* Card 4: Naprawa usterek */}
{/* Card 5: Naprawa usterek */}
<div className="bg-white p-8 flex flex-col rounded-2xl shadow-sm border border-border">
<div className="flex flex-col gap-6 mb-12">
<div className="size-12 bg-slate-100 flex items-center justify-center shrink-0 border border-slate-200 rounded-lg">
@@ -270,7 +286,7 @@ export default function Home() {
</div>
</div>
{/* Card 5: Serwis sezonowy (Dark card) */}
{/* Card 6: Serwis sezonowy (Dark card) */}
<div className="bg-[#1a2332] p-8 flex flex-col border border-[#1a2332] shadow-sm rounded-2xl">
<div className="flex flex-col gap-6 mb-12">
<div className="size-12 bg-slate-800 flex items-center justify-center shrink-0 border border-slate-700 rounded-lg">
@@ -282,9 +298,8 @@ export default function Home() {
</div>
</div>
<div className="border-t border-white/10 pt-5 mt-auto">
<Link href="/kontakt" className="inline-flex items-center gap-2 text-xs font-bold text-white hover:text-white/80 transition-colors">
Zapytaj o pakiety <ArrowRight className="size-4" />
</Link>
<p className="text-[10px] font-bold uppercase tracking-widest text-white/60 mb-1">Cena usługi</p>
<p className="text-xl font-extrabold text-white">od 199 zł / rok</p>
</div>
</div>