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 Hero from '../components/Beka/Hero';
import Services from '../components/Beka/Services';
import About from '../components/Beka/About';
import Projects from '../components/Beka/Projects';
import ContactForm from '../components/Beka/ContactForm';
import Footer from '../components/Beka/Footer';
import WhatsAppButton from '../components/Beka/WhatsAppButton';

export default function Home() {
  return (
    <div className="min-h-screen bg-white font-sans selection:bg-amber-600/30 selection:text-amber-900">
      <Head>
        <title>{getPageTitle('Beka Kaplama | Modern Kaplama Sistemleri')}</title>
        <meta name="description" content="Akustik panel, PU cephe lambri, PVC mermer plaka ve 3D uygulamalar ile mekanlarınıza estetik ve güç katıyoruz. Beka Kaplama Sistemleri." />
      </Head>

      <Navbar />
      
      <main>
        <Hero />
        <About />
        <Services />
        <Projects />
        <ContactForm />
      </main>

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

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