Files
thermcool/app/kalkulator/page.tsx
T

52 lines
2.4 KiB
TypeScript

import { CtaBanner } from "@/components/sections/CtaBanner";
import { Wrench, Phone, ArrowRight } from "lucide-react";
import Link from "next/link";
import { companyDetails } from "@/content/company";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: 'Kalkulator doboru | ThermCool',
description: "Kalkulator doboru klimatyzacji i pomp ciepła w przygotowaniu.",
};
export default function KalkulatorPage() {
return (
<main className="flex-1">
<section className="py-24 md:py-32 bg-muted">
<div className="container mx-auto px-4 max-w-3xl text-center">
<div className="w-24 h-24 bg-primary rounded-full flex items-center justify-center mx-auto mb-8 text-white shadow-xl">
<Wrench className="w-12 h-12" />
</div>
<h1 className="text-4xl md:text-5xl font-heading font-bold text-primary mb-6 leading-tight">
Narzędzie w przygotowaniu
</h1>
<p className="text-lg md:text-xl text-muted-foreground mb-10 leading-relaxed">
Pracujemy nad zaawansowanym konfiguratorem, który krok po kroku pomoże Ci dobrać sprzęt i natychmiast oszacuje koszty montażu. Narzędzie zostanie udostępnione już wkrótce!
</p>
<div className="flex flex-col sm:flex-row items-center justify-center gap-4">
<a href={`tel:${companyDetails.phoneRaw}`} className="w-full sm:w-auto">
<button className="btn btn-primary font-bold w-full sm:w-auto text-white flex items-center justify-center gap-2">
<Phone className="size-5" />
<span>Zadzwoń: {companyDetails.phone}</span>
</button>
</a>
<Link href="/kontakt" className="w-full sm:w-auto">
<button className="btn btn-outline btn-primary bg-white font-bold w-full sm:w-auto flex items-center justify-center gap-2">
<span>Napisz do nas</span>
<ArrowRight className="size-5" />
</button>
</Link>
</div>
</div>
</section>
<CtaBanner
title="Skorzystaj z naszej darmowej wyceny od ręki"
subtitle="Zadzwoń do nas lub wypełnij krótki formularz na stronie kontaktu. Przygotujemy dla Ciebie indywidualną, niezobowiązującą i darmową ofertę szybciej, niż myślisz."
ctaText="Przejdź do kontaktu"
/>
</main>
);
}