import { Metadata } from 'next';
import { HeroSection } from '@/components/sections/HeroSection';
import { ContactSection } from '@/components/sections/ContactSection';
import { MapEmbed } from '@/components/sections/MapEmbed';

export const metadata: Metadata = {
  title: 'Kontakt | AirProject',
  description: 'Skontaktuj się z nami! Odpowiemy na Twoje pytania, doradzimy w wyborze urządzeń i przygotujemy bezpłatną wycenę. Jesteśmy do Twojej dyspozycji.',
  alternates: {
    canonical: '/kontakt',
  }
};

export default function KontaktPage() {
  return (
    <main>
      <HeroSection
        eyebrow="Kontakt"
        title="Jesteśmy do Twojej dyspozycji"
        subtitle="Zastanawiasz się nad montażem klimatyzacji? Planujesz remont? A może masz awarię, która wymaga natychmiastowej interwencji hydraulika? Napisz lub zadzwoń."
        ctaText="Zadzwoń do nas"
        ctaLink="tel:+48123456789" // TODO: Use real phone from config
        secondaryCtaText="Napisz maila"
        secondaryCtaLink="mailto:kontakt@aeroservice-demo.pl" // TODO: Use real email
        backgroundImage="https://images.unsplash.com/photo-1516387938699-a93567ec168e?w=1600&q=80"
      />

      <ContactSection />

      <MapEmbed />
    </main>
  );
}