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

fix: apply recent accessibility and layout changes

Browse Source
This commit is contained in:
AI Assistant
2026-07-19 12:32:31 +02:00
parent 0b7c5bf920
commit d64266243e
37 changed files with 402 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/cennik-montazu/page.tsx
+8 -8
View File
@@ -140,11 +140,11 @@ export default function CennikMontazuPage() {
<Phone className="size-5" /> Zadzwoń po wycenę
</button>
</a>
<Link href="/kontakt">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Formularz kontaktowy <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -251,11 +251,11 @@ export default function CennikMontazuPage() {
<Phone className="size-5" /> {companyDetails.phone}
</button>
</a>
<Link href="/kontakt">
<button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
Napisz do nas <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/globals.css
+3 -3
View File
@@ -72,7 +72,7 @@
--secondary-foreground: #0f2a47;
--muted: #f5f7fa;
--muted-foreground: #5a6678;
--accent: #2ba8e0;
--accent: #1777a3;
--accent-foreground: #ffffff;
--accent-light: #e3f4fc;
--cta: #F39320;
@@ -81,7 +81,7 @@
--destructive: oklch(0.577 0.245 27.325);
--theme-border: #e2e8f0;
--input: #e2e8f0;
--ring: #2ba8e0;
--ring: #1777a3;
--success: #16a34a;
--chart-1: oklch(0.87 0 0);
--chart-2: oklch(0.556 0 0);
@@ -96,7 +96,7 @@
--sidebar-accent: #f5f7fa;
--sidebar-accent-foreground: #0f2a47;
--sidebar-border: #e2e8f0;
--sidebar-ring: #2ba8e0;
--sidebar-ring: #1777a3;
/* DaisyUI Overrides */
--color-primary: var(--accent);
app/klimatyzacja-do-biura/page.tsx
+12 -12
View File
@@ -139,11 +139,11 @@ export default function KlimatyzacjaDoBiuraPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/kontakt">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Zapytaj o wycenę dla firmy <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -231,11 +231,11 @@ export default function KlimatyzacjaDoBiuraPage() {
<p className="text-white/50 text-xs mb-1">od</p>
<p className="text-4xl font-extrabold text-white mb-1">199 zł</p>
<p className="text-white/50 text-xs mb-4">rocznie / urządzenie</p>
<Link href="/kontakt">
<button className="inline-flex items-center gap-2 px-5 py-2.5 bg-accent text-white font-bold rounded-xl text-sm hover:bg-accent/90 transition-colors whitespace-nowrap">
<Link href="/kontakt" className="inline-flex items-center gap-2 px-5 py-2.5 bg-accent text-white font-bold rounded-xl text-sm hover:bg-accent/90 transition-colors whitespace-nowrap">
Zapytaj o abonament <ArrowRight className="size-4" />
</button>
</Link>
</Link>
</div>
</div>
</div>
@@ -277,11 +277,11 @@ export default function KlimatyzacjaDoBiuraPage() {
<Phone className="size-5" /> {companyDetails.phone}
</button>
</a>
<Link href="/kontakt">
<button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
Napisz do nas <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/klimatyzacja-do-domu/page.tsx
+16 -16
View File
@@ -117,11 +117,11 @@ export default function KlimatyzacjaDoDomuPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/kalkulator">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kalkulator" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Dobierz urządzenie <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -197,16 +197,16 @@ export default function KlimatyzacjaDoDomuPage() {
))}
</div>
<div className="flex flex-col sm:flex-row gap-3">
<Link href="/kontakt">
<button className="inline-flex items-center gap-2 px-6 py-3 bg-accent text-white font-bold rounded-xl text-sm hover:bg-accent/90 transition-colors">
<Link href="/kontakt" className="inline-flex items-center gap-2 px-6 py-3 bg-accent text-white font-bold rounded-xl text-sm hover:bg-accent/90 transition-colors">
Zapytaj o bezpłatną wycenę <ArrowRight className="size-4" />
</button>
</Link>
<Link href="/sklep">
<button className="inline-flex items-center gap-2 px-6 py-3 bg-white border border-border font-bold rounded-xl text-sm hover:border-accent transition-colors text-primary">
</Link>
<Link href="/sklep" className="inline-flex items-center gap-2 px-6 py-3 bg-white border border-border font-bold rounded-xl text-sm hover:border-accent transition-colors text-primary">
Zobacz klimatyzatory w sklepie <ArrowRight className="size-4" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -246,11 +246,11 @@ export default function KlimatyzacjaDoDomuPage() {
<Phone className="size-5" /> {companyDetails.phone}
</button>
</a>
<Link href="/kalkulator">
<button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kalkulator" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
Kalkulator doboru <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/klimatyzacja/[miasto]/page.tsx
+4 -4
View File
@@ -158,12 +158,12 @@ export default async function MiastoPage({ params }: Props) {
Pompa ciepła {city.przyimek} {city.nameDopelniacz}
</h2>
<p className="text-white/80 leading-relaxed mb-6">{city.heatPumpTeaser}</p>
<Link href="/pompy-ciepla">
<button className="btn btn-primary font-bold text-white flex items-center gap-2">
<Link href="/pompy-ciepla" className="btn btn-primary font-bold text-white flex items-center gap-2">
Dowiedz się więcej o pompach ciepła
<ArrowRight className="size-4" />
</button>
</Link>
</Link>
</div>
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
{[
app/koszyk/page.tsx
+7 -7
View File
@@ -16,9 +16,9 @@ export default function KoszykPage() {
<ShoppingBag className="size-16 text-border mx-auto mb-4" />
<h1 className="text-2xl font-bold text-primary font-heading mb-2">Koszyk jest pusty</h1>
<p className="text-text-muted mb-6">Dodaj produkty ze sklepu aby złożyć zamówienie.</p>
<Link href="/sklep">
<button className="btn btn-primary text-white font-bold">Przejdź do sklepu</button>
</Link>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
Przejdź do sklepu
</Link>
</div>
</main>
);
@@ -80,11 +80,11 @@ export default function KoszykPage() {
</div>
<p className="text-xs text-text-muted mt-1">+ koszt montażu ustalany indywidualnie</p>
</div>
<Link href="/zamowienie" className="block">
<button className="btn btn-primary text-white font-bold w-full flex items-center justify-center gap-2">
<Link href="/zamowienie" className="block btn btn-primary text-white font-bold w-full flex items-center justify-center gap-2">
Złóż zamówienie <ArrowRight className="size-4" />
</button>
</Link>
</Link>
<button onClick={clearCart} className="w-full text-xs text-text-muted hover:text-primary transition-colors mt-3">
Wyczyść koszyk
</button>
app/layout.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ const fontSans = Inter({
const fontHeading = Poppins({
subsets: ["latin"],
weight: ["400", "500", "600", "700", "800"],
weight: ["600", "700", "800"],
variable: "--font-heading",
});
app/montaz-klimatyzacji/page.tsx
+8 -8
View File
@@ -117,11 +117,11 @@ export default function MontazKlimatyzacjiPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/kalkulator">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kalkulator" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Dobierz urządzenie <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -211,11 +211,11 @@ export default function MontazKlimatyzacjiPage() {
))}
</div>
<div className="mt-6 text-center">
<Link href="/kontakt">
<button className="inline-flex items-center gap-2 px-6 py-3 bg-accent text-white font-bold rounded-xl text-sm hover:bg-accent/90 transition-colors">
<Link href="/kontakt" className="inline-flex items-center gap-2 px-6 py-3 bg-accent text-white font-bold rounded-xl text-sm hover:bg-accent/90 transition-colors">
Zapytaj o bezpłatną wycenę <ArrowRight className="size-4" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/page.tsx
+8 -8
View File
@@ -161,11 +161,11 @@ export default function Home() {
</p>
</div>
<div className="flex flex-col gap-3 shrink-0">
<Link href="/serwis-lg">
<button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors whitespace-nowrap">
<Link href="/serwis-lg" className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors whitespace-nowrap">
Dowiedz się więcej <ArrowRight className="size-4" />
</button>
</Link>
</Link>
<a href={`tel:${companyDetails.phoneRaw}`}>
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20 whitespace-nowrap">
<Phone className="size-4" /> Zadzwoń teraz
@@ -310,11 +310,11 @@ export default function Home() {
<p className="text-sm text-text-muted leading-relaxed">Nasi certyfikowani technicy są dostępni od poniedziałku do soboty. Zarezerwuj termin już dziś, aby uniknąć kolejek w sezonie.</p>
</div>
<div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-4 shrink-0 w-full lg:w-auto">
<Link href="/kontakt" className="w-full sm:w-auto">
<button className="w-full sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-accent text-white font-bold text-sm hover:bg-accent/90 transition-colors rounded-xl">
<Link href="/kontakt" className="w-full sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-accent text-white font-bold text-sm hover:bg-accent/90 transition-colors rounded-xl">
Umów serwis <Calendar className="size-4" />
</button>
</Link>
</Link>
<a href={`tel:${companyDetails.phoneRaw}`} className="w-full sm:w-auto">
<button className="w-full sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-white text-primary border border-border font-bold text-sm hover:bg-slate-50 transition-colors rounded-xl">
<Phone className="size-4" /> Zadzwoń do nas
app/porownaj/page.tsx
+3 -3
View File
@@ -15,9 +15,9 @@ export default function PorownajPage() {
<main className="min-h-screen bg-slate-50 flex items-center justify-center">
<div className="text-center">
<p className="text-text-muted mb-4">Nie masz żadnych produktów do porównania.</p>
<Link href="/sklep">
<button className="btn btn-primary text-white font-bold">Wróć do sklepu</button>
</Link>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
Wróć do sklepu
</Link>
</div>
</main>
);
app/serwis-daikin/page.tsx
+8 -8
View File
@@ -94,11 +94,11 @@ export default function SerwisDaikinPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Zgłoś awarię online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -197,11 +197,11 @@ export default function SerwisDaikinPage() {
<Phone className="size-5" /> {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
Zgłoś online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/serwis-klimatyzacji/page.tsx
+8 -8
View File
@@ -150,11 +150,11 @@ export default function SerwisKlimatyzacjiPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Zgłoś awarię online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -235,11 +235,11 @@ export default function SerwisKlimatyzacjiPage() {
<Phone className="size-5" /> {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
Zgłoś online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/serwis-lg/page.tsx
+4 -4
View File
@@ -90,11 +90,11 @@ export default function SerwisLGPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/kontakt">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/kontakt" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Napisz do nas <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/serwis-mitsubishi/page.tsx
+8 -8
View File
@@ -94,11 +94,11 @@ export default function SerwisMitsubishiPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Zgłoś awarię online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -201,11 +201,11 @@ export default function SerwisMitsubishiPage() {
<Phone className="size-5" /> {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
Zgłoś online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/serwis-samsung/page.tsx
+8 -8
View File
@@ -94,11 +94,11 @@ export default function SerwisSamsungPage() {
<Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
Zgłoś awarię online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
@@ -197,11 +197,11 @@ export default function SerwisSamsungPage() {
<Phone className="size-5" /> {companyDetails.phone}
</button>
</a>
<Link href="/zgloszenie-awarii">
<button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
<Link href="/zgloszenie-awarii" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
Zgłoś online <ArrowRight className="size-5" />
</button>
</Link>
</Link>
</div>
</div>
</section>
app/sitemap.ts
+3 -2
View File
@@ -14,7 +14,8 @@ export default function sitemap(): MetadataRoute.Sitemap {
'/realizacje',
'/blog',
// '/o-nas',
'/o-nas',
'/kalkulator',
'/kontakt',
'/sklep',
'/koszyk',
@@ -29,7 +30,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
'/serwis-samsung',
'/serwis-mitsubishi',
'/klimatyzacja-do-domu',
/* '/klimatyzacja-do-biura', */
'/klimatyzacja-do-biura',
'/cennik-montazu',
'/zgloszenie-awarii',
'/dostawa',
app/zamowienie/page.tsx
+6 -2
View File
@@ -22,7 +22,9 @@ export default function ZamowieniePage() {
<main className="min-h-screen bg-slate-50 flex items-center justify-center">
<div className="text-center">
<p className="text-text-muted mb-4">Koszyk jest pusty.</p>
<Link href="/sklep"><button className="btn btn-primary text-white font-bold">Wróć do sklepu</button></Link>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
Wróć do sklepu
</Link>
</div>
</main>
);
@@ -35,7 +37,9 @@ export default function ZamowieniePage() {
<CheckCircle className="size-16 text-green-500 mx-auto mb-4" />
<h1 className="text-2xl font-bold text-primary font-heading mb-2">Zamówienie przyjęte!</h1>
<p className="text-text-muted mb-6">{state.message}</p>
<Link href="/sklep"><button className="btn btn-primary text-white font-bold">Wróć do sklepu</button></Link>
<Link href="/sklep" className="btn btn-primary text-white font-bold">
Wróć do sklepu
</Link>
</div>
</main>
);