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>
  );
}