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

const liveMusicQuestions = [
  {
    question: 'Има ли входна такса за музикалните вечери?',
    answer:
      'Не, входът е безплатен за всички наши музикални и тематични вечери.'
  },
  {
    question: 'Мога ли да оставя бакшиш за музикантите?',
    answer:
      'Да, можете да оставите пари в шапката или буркана на музикантите като израз на вашата благодарност.'
  },
  {
    question: 'Трябва ли да направя резервация предварително?',
    answer:
      'Препоръчително е да запазите място предварително, за да си осигурите място, особено при популярни събития.'
  },
  {
    question: 'Какви групи и изпълнители идват в бара?',
    answer:
      'Идват различни групи и изпълнители с разнообразни музикални стилове. Можете да дойдете в бара или да се обадите, за да получите повече информация.'
  },
  {
    question: 'Мога ли да свиря или пея в бара?',
    answer:
      'Да, ако желаете да свирите или пеете при нас, моля, посетете бара или ни се обадете, за да се разберем.'
  },
  {
    question: 'Как мога да разбера за предстоящите музикални събития?',
    answer:
      'Следете нашия уебсайт или социални мрежи за актуална информация относно предстоящи събития и изпълнители.'
  },
  {
    question: 'Имате ли тематични вечери освен музикалните изпълнения?',
    answer:
      'Да, организираме и различни тематични вечери, които предлагат уникално изживяване за нашите гости.'
  },
  {
    question: 'Мога ли да резервирам маса за група приятели?',
    answer:
      'Да, препоръчваме да направите резервация, за да си осигурите място за вас и вашите приятели.'
  },
  {
    question:
      'Имате ли специални предложения за напитки по време на събитията?',
    answer:
      'Да, по време на музикалните и тематични вечери предлагаме специални коктейли и промоции.'
  },
  {
    question: 'Можете ли да организирате частно музикално събитие за мен?',
    answer:
      'Да, можем да обсъдим възможностите за организиране на частно музикално или тематично събитие според вашите нужди.'
  }
];

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