feat: add service pages and update navigation
This commit is contained in:
MichalC
@@ -0,0 +1,250 @@
|
||||
import type { Metadata } from 'next';
|
||||
import Link from 'next/link';
|
||||
import { Check, Phone, Wrench, ArrowRight, Home, Thermometer, Wind, Zap } from 'lucide-react';
|
||||
import { companyDetails } from '@/content/company';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Klimatyzacja do domu Wrocław — montaż split i multisplit | ThermCool',
|
||||
description: 'Klimatyzacja do domu i mieszkania we Wrocławiu. Montaż split od 1200 zł, multisplit, dobór urządzenia, bezpłatna wycena. Uprawnienia F-Gaz. Zadzwoń!',
|
||||
alternates: { canonical: '/klimatyzacja-do-domu' },
|
||||
openGraph: {
|
||||
title: 'Klimatyzacja do domu Wrocław | ThermCool',
|
||||
description: 'Montaż klimatyzacji do domu i mieszkania. Split, multisplit, bezpłatna wycena. Wrocław i Dolny Śląsk.',
|
||||
},
|
||||
};
|
||||
|
||||
const faqItems = [
|
||||
{
|
||||
q: 'Ile kosztuje klimatyzacja do mieszkania?',
|
||||
a: 'Koszt klimatyzacji do mieszkania to cena urządzenia plus montaż. Dobry klimatyzator split do pokoju kosztuje od 1800 zł, montaż od 1200 zł — łącznie od ok. 3000 zł za jedno pomieszczenie. Przy kilku pokojach opłaca się system multisplit, który jest tańszy niż kilka osobnych urządzeń.',
|
||||
},
|
||||
{
|
||||
q: 'Jaką klimatyzację wybrać do mieszkania?',
|
||||
a: 'Do jednego pokoju (do 20 m²) wystarczy klimatyzator 2,5 kW. Do salonu (25–35 m²) potrzeba 3,5 kW. Do całego mieszkania z kilkoma pokojami najlepszy jest system multisplit — jedna jednostka zewnętrzna obsługuje kilka pomieszczeń. Pomożemy dobrać odpowiednie urządzenie po podaniu metrażu i układu mieszkania.',
|
||||
},
|
||||
{
|
||||
q: 'Czy klimatyzator też grzeje?',
|
||||
a: 'Tak — wszystkie nowoczesne klimatyzatory to pompy ciepła działające w obu kierunkach. Tryb grzania jest bardzo efektywny energetycznie (COP 3–5), co oznacza że za 1 kW energii elektrycznej uzyskujesz 3–5 kW ciepła. To tańsze ogrzewanie niż elektryczne grzejniki.',
|
||||
},
|
||||
{
|
||||
q: 'Czy montaż klimatyzacji w bloku wymaga zgody spółdzielni?',
|
||||
a: 'Montaż jednostki zewnętrznej na elewacji lub balkonie często wymaga zgody spółdzielni lub wspólnoty mieszkaniowej. Pomożemy przygotować dokumentację i odpowiemy na pytania zarządcy. W wielu przypadkach montaż jest możliwy bez problemu — szczególnie gdy jednostka zewnętrzna jest niewidoczna z ulicy.',
|
||||
},
|
||||
{
|
||||
q: 'Jak głośna jest klimatyzacja?',
|
||||
a: 'Nowoczesne klimatyzatory pracują bardzo cicho — jednostki wewnętrzne w trybie cichym generują zaledwie 19–22 dB (szept to ok. 30 dB). Jednostka zewnętrzna pracuje na poziomie 45–55 dB, ale montuje się ją na zewnątrz budynku. Do sypialni szczególnie polecamy modele z trybem nocnym.',
|
||||
},
|
||||
{
|
||||
q: 'Ile prądu zużywa klimatyzacja?',
|
||||
a: 'Nowoczesny klimatyzator inwerterowy 2,5 kW zużywa średnio 0,6–0,9 kW energii elektrycznej przy pełnym chłodzeniu. Przy cenie prądu 1 zł/kWh to ok. 0,70–0,90 zł na godzinę. W praktyce klimatyzator nie pracuje cały czas na pełnej mocy — inwerter reguluje moc do aktualnych potrzeb.',
|
||||
},
|
||||
];
|
||||
|
||||
const POMIESZCZENIA = [
|
||||
{ icon: Home, name: 'Sypialnia', moc: '2,5 kW', metraz: 'do 20 m²', tip: 'Polecamy modele z trybem nocnym i bardzo cichą pracą poniżej 20 dB.' },
|
||||
{ icon: Home, name: 'Salon', moc: '3,5–5 kW', metraz: '25–40 m²', tip: 'Duże przeszklenia i nasłonecznienie wymagają większej mocy — doradzimy po oględzinach.' },
|
||||
{ icon: Home, name: 'Biuro domowe', moc: '2,5 kW', metraz: 'do 20 m²', tip: 'Klimatyzacja w biurze domowym zwiększa koncentrację i komfort pracy latem.' },
|
||||
{ icon: Home, name: 'Całe mieszkanie', moc: 'multisplit', metraz: '50–100 m²', tip: 'Jedna jednostka zewnętrzna obsługuje 2–4 pokoje. Taniej i estetyczniej niż kilka splitów.' },
|
||||
];
|
||||
|
||||
export default function KlimatyzacjaDoDomuPage() {
|
||||
const jsonLd = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'Service',
|
||||
name: 'Klimatyzacja do domu Wrocław',
|
||||
provider: {
|
||||
'@type': 'HVACBusiness',
|
||||
name: companyDetails.name,
|
||||
telephone: companyDetails.phone,
|
||||
address: {
|
||||
'@type': 'PostalAddress',
|
||||
addressLocality: companyDetails.address.city,
|
||||
addressRegion: companyDetails.address.region,
|
||||
addressCountry: 'PL',
|
||||
},
|
||||
},
|
||||
areaServed: { '@type': 'AdministrativeArea', name: 'Dolny Śląsk' },
|
||||
description: 'Montaż klimatyzacji do domu i mieszkania we Wrocławiu i na Dolnym Śląsku. Split, multisplit, bezpłatna wycena.',
|
||||
offers: {
|
||||
'@type': 'Offer',
|
||||
priceCurrency: 'PLN',
|
||||
price: '1200',
|
||||
priceSpecification: { '@type': 'UnitPriceSpecification', price: '1200', priceCurrency: 'PLN', name: 'Montaż klimatyzatora split od' },
|
||||
},
|
||||
mainEntityOfPage: {
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: faqItems.map(f => ({
|
||||
'@type': 'Question',
|
||||
name: f.q,
|
||||
acceptedAnswer: { '@type': 'Answer', text: f.a },
|
||||
})),
|
||||
},
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
|
||||
<main>
|
||||
{/* Hero */}
|
||||
<section className="bg-primary text-white py-16 md:py-24">
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="inline-flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-full text-sm font-medium mb-6">
|
||||
<Home className="size-4" />
|
||||
Klimatyzacja do domu i mieszkania
|
||||
</div>
|
||||
<h1 className="text-3xl md:text-5xl font-extrabold font-heading leading-tight mb-6">
|
||||
Klimatyzacja do domu<br />
|
||||
<span className="text-accent">Wrocław — montaż od 1200 zł</span>
|
||||
</h1>
|
||||
<p className="text-lg text-white/80 mb-8 max-w-2xl">
|
||||
Chłodzenie latem, ogrzewanie zimą — nowoczesna klimatyzacja to inwestycja która
|
||||
zwraca się przez cały rok. Montujemy klimatyzatory w domach i mieszkaniach
|
||||
we Wrocławiu i na Dolnym Śląsku. Bezpłatna wycena przed realizacją.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4">
|
||||
<a href={`tel:${companyDetails.phoneRaw}`}>
|
||||
<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">
|
||||
<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">
|
||||
Dobierz urządzenie <ArrowRight className="size-5" />
|
||||
</button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Do jakiego pomieszczenia */}
|
||||
<section className="py-16 bg-white">
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 className="text-2xl font-extrabold text-primary font-heading mb-2">Jaką moc klimatyzatora wybrać?</h2>
|
||||
<p className="text-text-muted text-sm mb-8">Orientacyjny dobór mocy — dokładny dobór po podaniu metrażu, wysokości sufitu i nasłonecznienia.</p>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-12">
|
||||
{POMIESZCZENIA.map((p, i) => {
|
||||
const Icon = p.icon;
|
||||
return (
|
||||
<div key={i} className="bg-slate-50 rounded-2xl border border-border p-5">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<div className="size-9 rounded-lg bg-accent/10 flex items-center justify-center shrink-0">
|
||||
<Icon className="size-4 text-accent" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-bold text-primary text-sm">{p.name}</p>
|
||||
<p className="text-xs text-text-muted">{p.metraz}</p>
|
||||
</div>
|
||||
<span className="ml-auto text-sm font-extrabold text-accent">{p.moc}</span>
|
||||
</div>
|
||||
<p className="text-xs text-text-muted leading-relaxed">{p.tip}</p>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
{/* Zalety */}
|
||||
<h2 className="text-2xl font-extrabold text-primary font-heading mb-8">Dlaczego warto zamontować klimatyzację?</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
{[
|
||||
{ icon: Thermometer, title: 'Chłodzenie latem', desc: 'Utrzymuj optymalną temperaturę 22–24°C nawet przy 35°C na zewnątrz. Komfort snu i pracy przez całe lato.' },
|
||||
{ icon: Zap, title: 'Ogrzewanie zimą', desc: 'Klimatyzator w trybie grzania jest 3–5x efektywniejszy niż elektryczne grzejniki. Realny sposób na obniżenie rachunków.' },
|
||||
{ icon: Wind, title: 'Filtracja powietrza', desc: 'Nowoczesne klimatyzatory filtrują powietrze z kurzu, alergenów i bakterii. Szczególnie ważne dla alergików.' },
|
||||
{ icon: Wrench, title: 'Cicha praca', desc: 'Jednostki wewnętrzne w trybie nocnym pracują poniżej 20 dB. Nie przeszkadzają w śnie ani skupieniu.' },
|
||||
].map((item, i) => {
|
||||
const Icon = item.icon;
|
||||
return (
|
||||
<div key={i} className="flex gap-3 p-4 bg-slate-50 rounded-xl">
|
||||
<Icon className="size-5 text-accent shrink-0 mt-0.5" />
|
||||
<div>
|
||||
<p className="font-bold text-primary text-sm">{item.title}</p>
|
||||
<p className="text-xs text-text-muted mt-0.5">{item.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Cennik */}
|
||||
<section className="py-16 bg-slate-50">
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 className="text-2xl font-extrabold text-primary font-heading mb-2">Cennik montażu</h2>
|
||||
<p className="text-text-muted text-sm mb-8">Ceny netto + VAT 23%. Ostateczna wycena po oględzinach.</p>
|
||||
<div className="bg-white rounded-2xl border border-border overflow-hidden mb-6">
|
||||
{[
|
||||
{ label: 'Montaż klimatyzatora split (1 pokój, trasa do 3 mb)', cena: 'od 1200 zł' },
|
||||
{ label: 'Montaż systemu multisplit 2 pokoje', cena: 'od 2800 zł' },
|
||||
{ label: 'Montaż systemu multisplit 3 pokoje', cena: 'od 3800 zł' },
|
||||
{ label: 'Trasa freonowa w korytku PCV', cena: '25 zł/mb' },
|
||||
{ label: 'Trasa freonowa w bruździe ściennej', cena: '45 zł/mb' },
|
||||
{ label: 'Konsola ścienna jednostki zewnętrznej', cena: 'od 120 zł' },
|
||||
].map((r, i) => (
|
||||
<div key={i} className={`flex items-center justify-between px-5 py-4 gap-4 ${i > 0 ? 'border-t border-border' : ''}`}>
|
||||
<span className="text-sm text-primary">{r.label}</span>
|
||||
<span className="text-sm font-bold text-primary whitespace-nowrap">{r.cena}</span>
|
||||
</div>
|
||||
))}
|
||||
</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">
|
||||
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">
|
||||
Zobacz klimatyzatory w sklepie <ArrowRight className="size-4" />
|
||||
</button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* FAQ */}
|
||||
<section className="py-16 bg-white">
|
||||
<div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 className="text-2xl font-extrabold text-primary font-heading mb-8">Często zadawane pytania</h2>
|
||||
<div className="flex flex-col gap-4">
|
||||
{faqItems.map((item, i) => (
|
||||
<details key={i} className="group bg-slate-50 rounded-xl border border-border overflow-hidden">
|
||||
<summary className="flex items-center justify-between p-5 cursor-pointer font-semibold text-primary text-sm list-none">
|
||||
{item.q}
|
||||
<ArrowRight className="size-4 text-text-muted group-open:rotate-90 transition-transform shrink-0 ml-3" />
|
||||
</summary>
|
||||
<div className="px-5 pb-5 text-sm text-text-muted leading-relaxed border-t border-border pt-4">
|
||||
{item.a}
|
||||
</div>
|
||||
</details>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA */}
|
||||
<section className="py-16 bg-primary text-white">
|
||||
<div className="max-w-2xl mx-auto px-4 text-center">
|
||||
<h2 className="text-2xl font-extrabold font-heading mb-4">
|
||||
Chcesz klimatyzację w domu lub mieszkaniu?
|
||||
</h2>
|
||||
<p className="text-white/80 mb-8">
|
||||
Zadzwoń po bezpłatną wycenę — doradzimy i zamontujemy w całym Wrocławiu i Dolnym Śląsku.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href={`tel:${companyDetails.phoneRaw}`}>
|
||||
<button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
|
||||
<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">
|
||||
Kalkulator doboru <ArrowRight className="size-5" />
|
||||
</button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user