import React, { ReactElement } from 'react';
import Head from 'next/head';
import LayoutGuest from '../layouts/Guest';
import { getPageTitle } from '../config';
import Navbar from '../components/Beka/Navbar';
import ContactForm from '../components/Beka/ContactForm';
import PageHero from '../components/Beka/PageHero';
import Footer from '../components/Beka/Footer';
import WhatsAppButton from '../components/Beka/WhatsAppButton';

export default function Iletisim() {
  return (
    <div className="min-h-screen bg-white font-sans selection:bg-amber-600/30 selection:text-amber-900">
      <Head>
        <title>{getPageTitle('İletişim | Beka Kaplama')}</title>
        <meta name="description" content="Ücretsiz keşif ve teklif için bizimle iletişime geçin." />
      </Head>

      <Navbar />
      
      <main className="pt-0">
        <PageHero 
          title="İletişim" 
          subtitle="Bize Ulaşın" 
          image="https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"
        />
        <ContactForm />
      </main>

      <Footer />
      
      <WhatsAppButton />
    </div>
  );
}

Iletisim.getLayout = function getLayout(page: ReactElement) {
  return <LayoutGuest>{page}</LayoutGuest>;
};