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

export const metadata: Metadata = {
  title: 'Zamówienie | AirProject',
  description: 'Dokończ swoje zamówienie na urządzenia i montaż, zostawiając nam swoje dane.',
  alternates: {
    canonical: '/zamowienie',
  }
};

export default function CheckoutPage() {
  return (
    <main className="bg-slate-50 min-h-screen">
      <HeroSection
        eyebrow="Sklep"
        title="Dokończ zamówienie"
        subtitle="Zgodnie z wymogami prawnymi (F-Gazy) oraz chęcią zapewnienia najwyższej jakości obsługi, wszystkie zamówienia finalizujemy po krótkim kontakcie. Zostaw swoje dane, a my zajmiemy się resztą!"
        ctaText="Wróć do koszyka"
        ctaLink="/koszyk"
        backgroundImage="https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=1600&q=80"
      />

      <div className="py-16 md:py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="mb-12 text-center max-w-3xl mx-auto">
          <h2 className="text-3xl font-extrabold text-primary font-heading mb-4">Wypełnij formularz</h2>
          <p className="text-text-muted text-lg">
            Nasz doradca skontaktuje się z Tobą w ciągu maksymalnie 24 godzin, aby potwierdzić 
            dostępność urządzeń z Twojego koszyka, omówić szczegóły montażu oraz zorganizować wysyłkę.
          </p>
        </div>

        <ContactSection />
      </div>
    </main>
  );
}