import FAQ from '@/components/ui/FAQ';
import ReserveForm from '@/components/ui/Reserve';
import { Suspense } from 'react';

const questions = [
  {
    question: 'Има ли wifi?',
    answer: 'Да, Вкъщи Бар предлага безплатен бърз wifi за всички гости.'
  },
  {
    question: 'Какви са работните часове?',
    answer: 'Вкъщи Бар работи всеки ден от 10:00 до 22:00 часа.'
  },
  {
    question: 'Има ли достъп до контакти за лаптоп?',
    answer: 'Да, на всяка маса на горния етаж има контакт за лаптоп.'
  },
  {
    question: 'Има ли минимална консумация?',
    answer:
      'Стига да не е пълно, може да работите от Вкъщи Бар без минимална консумация.'
  },
  {
    question: 'Има ли паркинг?',
    answer:
      'Ако не намерите място на улицата, може да паркирате на паркинга на НДК, който е на 2 минути пеша.'
  }
];

export default async function CoworkingPage() {
  return (
    <div className="max-w-6xl px-6 mx-auto">
      <h1 className="text-3xl font-bold text-center">
        Коуъркинг пространство
      </h1>
      <div className="h-4" />
      <Suspense fallback={<div className="h-[300px] flex items-center justify-center">Зареждане...</div>}>
        <ReserveForm eventType="Коуъркинг резервация" />
      </Suspense>
      <div className="h-10" />
      <h2 className="text-2xl font-bold text-center md:text-3xl">
        Често задавани въпроси
      </h2>
      <div className="h-4" />
      <FAQ questions={questions} />
      <div className="h-20" />
    </div>
  );
}