diff --git a/.env.local.example b/.env.local.example
index 3b09280..3c27ffe 100644
--- a/.env.local.example
+++ b/.env.local.example
@@ -4,3 +4,5 @@ JWT_SCOPE="<required scope for the service account>"
 GROUP_KEY="<email address of the google group>"
 BACKEND_URL="https://..."
 NEXT_PUBLIC_PLAUSIBLE_URL="<plausible url>"
+NEXT_PUBLIC_RECAPTCHA_SITE_KEY="<>"
+RECAPTCHA_SECRET="<>"
diff --git a/src/app/actions.ts b/src/app/actions.ts
index d554a73..a68e559 100644
--- a/src/app/actions.ts
+++ b/src/app/actions.ts
@@ -39,10 +39,12 @@ export async function sendQuestion({
   question,
   slug,
   recaptchaToken,
+  userId,
 }: {
   question: string;
   slug: string;
   recaptchaToken: string;
+  userId: string;
 }) {
   const isRecaptchaValid = await validateRecaptcha(recaptchaToken);
   if (!isRecaptchaValid) {
@@ -54,7 +56,7 @@ export async function sendQuestion({
   }
   const res = await fetch(`https://konf-qna.kir-dev.hu/api/presentation/${slug}/question`, {
     method: 'POST',
-    body: JSON.stringify({ content: question, userId: 'zokni' }),
+    body: JSON.stringify({ content: question, userId }),
   });
   if (res.status === 200) {
     return 201;
diff --git a/src/app/questions/page.tsx b/src/app/questions/page.tsx
index 5a7b9e0..90ee20f 100644
--- a/src/app/questions/page.tsx
+++ b/src/app/questions/page.tsx
@@ -1,26 +1,14 @@
-import { RoomQuestion } from '@/components/tiles/question-tile';
+import { QuestionPageBody } from '@/components/questions/question-page-body';
+import { getDelayData } from '@/models/get-delay-data';
 import { getPresentationData } from '@/models/get-presentation-data';
 
 export default async function questionsPage() {
   const presentations = await getPresentationData();
+  const delay = await getDelayData();
   return (
     <div className='flex flex-col px-4 sm:px-6 xl:px-0 max-w-6xl w-full overflow-hidden'>
       <h1 className='mb-16 mt-8'>Kérdezz az elődóktól!</h1>
-
-      <div className='grid grid-cols-1 sm:grid-cols-2 gap-6'>
-        <div className='order-1'>
-          <h2 className='text-4xl text-center'>IB028</h2>
-        </div>
-        <div className='order-3 sm:order-2'>
-          <h2 className='text-4xl text-center'>IB025</h2>
-        </div>
-        <div className='order-2 sm:order-3'>
-          <RoomQuestion presentations={presentations ?? []} room='IB028' />
-        </div>
-        <div className='order-4'>
-          <RoomQuestion presentations={presentations ?? []} room='IB025' />
-        </div>
-      </div>
+      <QuestionPageBody presentations={presentations} delay={delay ?? 0} />
     </div>
   );
 }
diff --git a/src/components/navbar/desktop-navbar.tsx b/src/components/navbar/desktop-navbar.tsx
index 5791dd7..3aeab29 100644
--- a/src/components/navbar/desktop-navbar.tsx
+++ b/src/components/navbar/desktop-navbar.tsx
@@ -25,7 +25,7 @@ export function DesktopNavbar() {
   }, []);
 
   return (
-    <nav className='w-full mx-auto hidden md:flex justify-end items-center flex-wrap gap-10 flex-col md:flex-row fixed p-5 top-0 z-20 overflow-hidden'>
+    <nav className='w-full mx-auto hidden lg:flex justify-end items-center flex-wrap gap-10 flex-col lg:flex-row fixed p-5 top-0 z-20 overflow-hidden'>
       <div
         id='desktop-nav-container'
         className={clsx(
diff --git a/src/components/navbar/navbar-items.tsx b/src/components/navbar/navbar-items.tsx
index 86461ca..0638847 100644
--- a/src/components/navbar/navbar-items.tsx
+++ b/src/components/navbar/navbar-items.tsx
@@ -31,7 +31,7 @@ const links = [
 
 export function NavbarItems() {
   return (
-    <div className='flex flex-col md:flex-row gap-3 mt-5 md:mt-0 md:gap-10'>
+    <div className='flex flex-col lg:flex-row gap-3 mt-5 lg:mt-0 lg:gap-10'>
       {links.map(({ href, label, external }) => (
         <Link
           href={href}
diff --git a/src/components/navbar/navbar-mobile.tsx b/src/components/navbar/navbar-mobile.tsx
index ad562b7..bda4a91 100644
--- a/src/components/navbar/navbar-mobile.tsx
+++ b/src/components/navbar/navbar-mobile.tsx
@@ -31,7 +31,7 @@ export function NavbarMobile() {
   }, []);
 
   return (
-    <nav className='md:hidden overflow-hidden'>
+    <nav className='lg:hidden overflow-hidden'>
       <div className='w-full px-5 py-3 fixed top-0 z-20' onClick={onLinkClick}>
         <div
           id='mobile-nav-container'
diff --git a/src/components/presentation/PresentationGrid.tsx b/src/components/presentation/PresentationGrid.tsx
index 3dcda05..1f86e8c 100644
--- a/src/components/presentation/PresentationGrid.tsx
+++ b/src/components/presentation/PresentationGrid.tsx
@@ -3,7 +3,6 @@
 import clsx from 'clsx';
 import Link from 'next/link';
 import React, { CSSProperties, useRef } from 'react';
-import { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 
 import { PresentationQuestionForm } from '@/components/presentation/PresentationQuestion';
 import { Tile } from '@/components/tiles/tile';
@@ -102,7 +101,7 @@ export function PresentationTile({
       <Tile clickable={!presentation.placeholder && !preview} className='w-full h-full' disableMinHeight={true}>
         <Tile.Body lessPadding='5' className='flex flex-col'>
           <span className='pb-2 text-xs'>
-            {presentation.room !== 'BOTH' && `${presentation.room}  | `}
+            {presentation.room !== 'BOTH' && !preview && `${presentation.room}  | `}
             {dateToHourAndMinuteString(presentation.startDate)} - {dateToHourAndMinuteString(presentation.endDate)}
           </span>
           <div className='flex flex-col justify-center flex-1'>
@@ -144,11 +143,7 @@ export function PresentationTile({
             {presentation.presenter?.company?.category === SponsorCategory.MAIN_SPONSOR && !preview && (
               <p className='mt-2 text-base whitespace-pre-line'>{presentation.description.split('\n')[0]}</p>
             )}
-            {preview && (
-              <GoogleReCaptchaProvider reCaptchaKey={process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY ?? ''}>
-                <PresentationQuestionForm slug={presentation.slug} />
-              </GoogleReCaptchaProvider>
-            )}
+            {preview && <PresentationQuestionForm slug={presentation.slug} />}
           </div>
         </Tile.Body>
       </Tile>
diff --git a/src/components/presentation/PresentationQuestion.tsx b/src/components/presentation/PresentationQuestion.tsx
index 7ceb16f..8a5f9b3 100644
--- a/src/components/presentation/PresentationQuestion.tsx
+++ b/src/components/presentation/PresentationQuestion.tsx
@@ -1,10 +1,11 @@
 import { Dialog } from '@headlessui/react';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useGoogleReCaptcha } from 'react-google-recaptcha-v3';
 import { FaCheckCircle } from 'react-icons/fa';
 
 import { sendQuestion } from '@/app/actions';
 import { WhiteButton } from '@/components/white-button';
+import { AllowedQuestionCount, getQuestionCount, getUserId, incrementQuestionCount } from '@/utils/questionHelpers';
 
 interface PresentationQuestionFormProps {
   slug: string;
@@ -17,18 +18,28 @@ export function PresentationQuestionForm({ slug }: PresentationQuestionFormProps
   const [error, setError] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const [question, setQuestion] = useState('');
+  const [questionCount, setQuestionCount] = useState(0);
+
+  const canAskQuestions = questionCount < AllowedQuestionCount;
+
+  useEffect(() => {
+    setQuestionCount(getQuestionCount(slug));
+  }, []);
 
   const onSend = async () => {
     if (!executeRecaptcha) return;
     const recaptchaToken = await executeRecaptcha('presentation_question');
-    if (question.trim()) {
+    if (question.trim() && canAskQuestions) {
       setIsLoading(true);
-      const status = await sendQuestion({ question, slug, recaptchaToken });
+      const status = await sendQuestion({ question, slug, recaptchaToken, userId: getUserId() });
       setIsLoading(false);
       switch (status) {
         case 201:
+          incrementQuestionCount(slug);
+          setQuestionCount(questionCount + 1);
           setIsSuccessOpen(true);
           setQuestion('');
+          setError('');
           break;
         case 400:
           setError('Hibás formátum!');
@@ -41,19 +52,34 @@ export function PresentationQuestionForm({ slug }: PresentationQuestionFormProps
 
   return (
     <div className='mt-10 w-full'>
-      <textarea
-        className='w-full rounded-md p-2 bg-transparent border-white border-[0.5px]'
-        value={question}
-        onChange={(e) => setQuestion(e.target.value)}
-        rows={4}
-        placeholder='Ide írd a kérdésed!'
-      />
-      {error && <p className='text-red-500 my-2'>{error}</p>}
-      <div className='w-full my-4 flex justify-center'>
-        <WhiteButton onClick={onSend} disabled={!question.trim() || isLoading || !executeRecaptcha}>
-          Kérdés küldése
-        </WhiteButton>
-      </div>
+      {canAskQuestions ? (
+        <>
+          <div className='relative'>
+            <textarea
+              className='w-full rounded-md p-2 bg-transparent border-white border-[0.5px]'
+              value={question}
+              onChange={(e) => setQuestion(e.target.value)}
+              rows={4}
+              placeholder='Ide írd a kérdésed!'
+            />
+            <p className='absolute right-0 bottom-0 p-4'>
+              {questionCount}/{AllowedQuestionCount} Kérdés feltéve
+            </p>
+          </div>
+          {error && <p className='text-red-500 my-2'>{error}</p>}
+          <div className='w-full my-4 flex justify-center'>
+            <WhiteButton onClick={onSend} disabled={!question.trim() || isLoading || !executeRecaptcha}>
+              Kérdés küldése
+            </WhiteButton>
+          </div>
+        </>
+      ) : (
+        <div className='w-full my-4 flex justify-center'>
+          <WhiteButton disabled={true} onClick={() => {}}>
+            Elfogytak a feltehető kérdések!
+          </WhiteButton>
+        </div>
+      )}
       <Dialog open={isSuccessOpen} onClose={() => setIsSuccessOpen(false)} className='relative z-50'>
         <div className='fixed inset-0 bg-black/80' aria-hidden='true' />
 
diff --git a/src/components/questions/question-page-body.tsx b/src/components/questions/question-page-body.tsx
new file mode 100644
index 0000000..951ce16
--- /dev/null
+++ b/src/components/questions/question-page-body.tsx
@@ -0,0 +1,33 @@
+'use client';
+
+import { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
+
+import { RoomQuestion } from '@/components/tiles/question-tile';
+import { PresentationWithDates } from '@/models/models';
+
+export function QuestionPageBody({
+  presentations,
+  delay,
+}: {
+  presentations: PresentationWithDates[] | undefined;
+  delay: number;
+}) {
+  return (
+    <GoogleReCaptchaProvider reCaptchaKey={process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY ?? ''}>
+      <div className='grid grid-cols-1 sm:grid-cols-2 gap-6'>
+        <div className='order-1'>
+          <h2 className='text-4xl text-center'>IB028</h2>
+        </div>
+        <div className='order-3 sm:order-2 mt-16 sm:mt-0'>
+          <h2 className='text-4xl text-center'>IB025</h2>
+        </div>
+        <div className='order-2 sm:order-3'>
+          <RoomQuestion presentations={presentations ?? []} room='IB028' delay={delay} />
+        </div>
+        <div className='order-4'>
+          <RoomQuestion presentations={presentations ?? []} room='IB025' delay={delay} />
+        </div>
+      </div>
+    </GoogleReCaptchaProvider>
+  );
+}
diff --git a/src/components/tiles/question-tile.tsx b/src/components/tiles/question-tile.tsx
index 74d05d4..a4f45ff 100644
--- a/src/components/tiles/question-tile.tsx
+++ b/src/components/tiles/question-tile.tsx
@@ -1,22 +1,46 @@
 'use client';
+import { useEffect, useState } from 'react';
+
 import { PresentationWithDates } from '@/models/models';
-import { getCurrentDate } from '@/utils/dateHelper';
 
 import { PresentationTile } from '../presentation/PresentationGrid';
 
 type Props = {
   presentations: PresentationWithDates[];
   room: 'IB028' | 'IB025';
+  delay: number;
 };
+const MARGIN_MINUTES = 10;
+
+export function RoomQuestion({ presentations, room, delay }: Props) {
+  const [now, setNow] = useState(new Date(0));
+
+  useEffect(() => {
+    setNow(getNow(delay));
+    const id = setInterval(() => setNow(getNow(delay)), 30000);
+    return () => clearInterval(id);
+  }, []);
 
-export function RoomQuestion({ presentations, room }: Props) {
-  const now = getCurrentDate();
-  const presentation = presentations.find((p) => p.room === room && p.startDate < now && p.endDate > now);
-  return presentation ? (
-    <PresentationTile presentation={presentation} preview />
+  const presentationInRoom = presentations.filter((p) => {
+    const endDateWithMargin = new Date(p.endDate);
+    endDateWithMargin.setMinutes(endDateWithMargin.getMinutes() + MARGIN_MINUTES);
+    return p.room === room && !p.placeholder && p.startDate < now && endDateWithMargin > now;
+  });
+  return presentationInRoom.length > 0 ? (
+    <div className='flex flex-col gap-4'>
+      {presentationInRoom.reverse().map((p) => (
+        <PresentationTile presentation={p} key={p.slug} preview />
+      ))}
+    </div>
   ) : (
     <p className='text-stone-200 text-base sm:text-[20px] text-center'>
       Jelenleg nincs előadás ebben a teremben, nézz vissza később!
     </p>
   );
 }
+
+function getNow(delay: number): Date {
+  const now = new Date();
+  now.setMinutes(now.getMinutes() - delay);
+  return now;
+}
diff --git a/src/models/get-delay-data.ts b/src/models/get-delay-data.ts
new file mode 100644
index 0000000..a93a923
--- /dev/null
+++ b/src/models/get-delay-data.ts
@@ -0,0 +1,9 @@
+export async function getDelayData() {
+  const response = await fetch(`${process.env.BACKEND_URL}/proto/delay`, { cache: 'no-store' });
+  if (!response.ok) {
+    console.error(response);
+    return;
+  }
+  const data: { delay: number } = await response.json();
+  return data.delay;
+}
diff --git a/src/utils/dateHelper.ts b/src/utils/dateHelper.ts
index e6822b9..f7ada13 100644
--- a/src/utils/dateHelper.ts
+++ b/src/utils/dateHelper.ts
@@ -6,8 +6,3 @@ export function dateToHourAndMinuteString(date: Date): string {
     timeZone: 'Europe/Budapest',
   });
 }
-
-export function getCurrentDate() {
-  return new Date(2024, 2, 19, 14, 12);
-  // return new Date();
-}
diff --git a/src/utils/questionHelpers.ts b/src/utils/questionHelpers.ts
new file mode 100644
index 0000000..79bd3f9
--- /dev/null
+++ b/src/utils/questionHelpers.ts
@@ -0,0 +1,31 @@
+const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890';
+
+export const AllowedQuestionCount = 3;
+
+export function getUserId(): string {
+  let key = localStorage.getItem('user-id');
+  if (!key) {
+    key = generateRandomString(32);
+    localStorage.setItem('user-id', key);
+  }
+  return key;
+}
+
+export function getQuestionCount(slug: string) {
+  let amount = Number(localStorage.getItem(`question-${slug}`));
+  if (isNaN(amount)) {
+    amount = 0;
+    localStorage.setItem(`question-${slug}`, String(amount));
+  }
+  return amount;
+}
+
+export function incrementQuestionCount(slug: string) {
+  localStorage.setItem(`question-${slug}`, String(getQuestionCount(slug) + 1));
+}
+
+function generateRandomString(length: number): string {
+  return Array.from({ length })
+    .map(() => chars[Math.floor(Math.random() * chars.length)])
+    .join('');
+}