Name: Belleville, IL Singles Dinner
Start: 2026-06-04T18:00:00.000Z
End: 2026-06-04T20:00:00.000Z
Location: Grüv Bistro & Wine Bar

Check-in

Dinner & Drinks

Guided conversation prompts at each table

Table Topic Conversations

<h3 class="text-3xl oswald-gf-700 font-bold">For Singles Who Want Deeper Connections</h3> 
  <p>Get deep with a small group of singles</p> <p>An interactive dinner experience that pulls everyone in</p>
  <p>By the end of dinner, you feel more connected and less alone</p>

singles-dinner-belleville-il-2026-06-04-lp1_content_v1

<section class="w-full bg-black">
  <div class="mx-auto w-full max-w-7xl px-4 py-10 sm:px-4 lg:px-8">

    <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8">

      
      <article class="relative overflow-hidden rounded-2xl border border-amber-300/60 bg-gradient-to-br from-neutral-900/70 to-black p-8 shadow-[0_0_60px_rgba(245,158,11,0.12)]">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
            <circle cx="9" cy="7" r="4"/>
            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">01</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">SMALL GROUPS</div>
          </div>
        </div>
      <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
  By the end of dinner, you're not strangers anymore
</h3>

<div class="mt-5 h-px w-10 bg-amber-300/70"></div>

<p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
  You sit with a small group, not a big crowd.<br/><br/>
  Everyone at the table actually gets to talk.<br/><br/>
  By the end of dinner, you know the people at your table.
</p>
      </article>

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">02</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">GUIDED CONVERSATIONS</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          No Awkward Small Talk
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Conversation topics and simple activities keep things moving.<br/><br/>
          You never have to wonder what to say next.<br/><br/>
          The table already has something to talk about.<br/><br/>
          You just join in.
        </p>
      </article>

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
            <circle cx="9" cy="7" r="4"/>
            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
            <path d="M8 12h8"/>
            <path d="M12 8v8"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">03</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">ROTATING INTERACTIONS</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          Meet More Than One Person
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Conversations shift during the evening.<br/><br/>
          You will talk with several people throughout dinner.<br/><br/>
          No rushing. No pressure.<br/><br/>
          Just natural conversations as the evening unfolds.
        </p>
      </article>

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M12 21s-6.716-4.35-9-8.5C1.3 9.5 3.214 5 7.5 5c2.05 0 3.402 1.054 4.5 2.5C13.098 6.054 14.45 5 16.5 5 20.786 5 22.7 9.5 21 12.5 18.716 16.65 12 21 12 21z"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">04</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">DEEPER CONNECTIONS</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          Real Conversations Over Dinner
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Small groups make conversations richer.<br/><br/>
          You have time to listen. Time to respond.<br/><br/>
          The kind of conversation where people actually get to know each other.<br/><br/>
          Not just quick introductions.
        </p>
      </article>

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
            <circle cx="9" cy="7" r="4"/>
            <path d="M19 8l2 2 3-3"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">05</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">EVERYONE IS SINGLE</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          No Guessing Who's Available
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Everyone at the dinner came to meet people.<br/><br/>
          No guessing who is single.<br/><br/>
          No awkward wondering.<br/><br/>
          Just introductions and conversation.
        </p>
      </article>

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M18 8h1a4 4 0 0 1 0 8h-1"/>
            <path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/>
            <line x1="6" y1="1" x2="6" y2="4"/>
            <line x1="10" y1="1" x2="10" y2="4"/>
            <line x1="14" y1="1" x2="14" y2="4"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">06</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">DINNER EXPERIENCE</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          Good Food. Good Company.
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Enjoy dinner at Copper Whisk while meeting new people.<br/><br/>
          Food and drinks are available from the restaurant.<br/><br/>
          The meal is relaxed.<br/><br/>
          The conversation is the main event.
        </p>
      </article>

    </div>
  </div>
</section>

<div class="my-3">
  <h4 class="text-center font-poppins tracking-wide leading-relaxed text-neutral-300 text-xl sm:text-2xl lg:text-2xl font-semibold">
    An interactive dinner experience with guided conversation topics and activities
  </h4>

  <h4 class="text-center font-poppins tracking-wide leading-relaxed text-neutral-300 text-xl sm:text-2xl lg:text-2xl font-semibold my-3">
    Every seat at the table comes with a role, You'll leave knowing the people around you
  </h4>

  <h4 class="text-center font-poppins tracking-wide leading-relaxed text-neutral-300 text-xl sm:text-2xl lg:text-2xl font-semibold my-3">
    For people who prefer real over loud, No DJ, no crowded bar, just singles meeting over dinner and casual conversation
  </h4>
</div>

<span class="block text-yellow-400">Small groups so people actually get to know you</span>
<span class="my-3 block text-white">Deeper conversations through guided activities</span>
<span class="block text-orange-300">Rotating conversations so you meet more people</span>

Dinner with Strangers - An Interactive Singles Experience

<span class="block text-yellow-400">Apps. Bars. Random Meetups</span>   <span class="my-3 block text-white">We tried them all</span>   <span class="block text-orange-300">The results weren't even close</span>

<section class="w-full bg-black">
  <div class="mx-auto w-full max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
    <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-2 lg:gap-8">

      
      <article class="relative overflow-hidden rounded-2xl border border-amber-300/60 bg-gradient-to-br from-neutral-900/70 to-black p-8 shadow-[0_0_60px_rgba(245,158,11,0.12)]">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M16 11c0 2-2 4-4 4s-4-2-4-4 2-4 4-4 4 2 4 4Z"/>
            <path d="M6 20c1.5-3 10.5-3 12 0"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">01</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">SINGLE ROOM</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          No Guessing<br/>Who's Single
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          No guessing who's available. No ring checks. Everyone in the room is single and ready to mingle.
        </p>
      </article>

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">02</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">ICEBREAKERS</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          Approaching People<br/>Feels Easy
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Easily approach anyone you find interesting without worrying about what to say.
        </p>
      </article>

      

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M12 2L2 7l10 5 10-5-10-5z"/>
            <path d="M2 17l10 5 10-5"/>
            <path d="M2 12l10 5 10-5"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">04</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">ACTIVITIES</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          Fun, Low-Pressure<br/>Atmosphere
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Activities keep the night fun and low-pressure because everyone focuses on having a good time.
        </p>
      </article>

      
      <article class="relative overflow-hidden rounded-2xl border border-neutral-800/80 bg-gradient-to-br from-neutral-900/60 to-black p-8 shadow-sm transition-colors hover:border-amber-300/50">
        <div class="flex items-start justify-between">
          <svg class="h-10 w-10 text-amber-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <circle cx="12" cy="12" r="10"/>
            <path d="M12 6v6l4 2"/>
          </svg>
          <div class="text-right">
            <div class="text-xs font-semibold tracking-[0.3em] text-amber-300/80">05</div>
            <div class="mt-1 text-xs font-semibold tracking-[0.35em] text-amber-300/80">TIME</div>
          </div>
        </div>
        <h3 class="mt-10 font-serif text-3xl leading-tight text-white">
          A Safer Way to<br/>Meet Someone New
        </h3>
        <div class="mt-5 h-px w-10 bg-amber-300/70"></div>
        <p class="mt-6 max-w-sm text-lg leading-relaxed text-neutral-300/80">
          Real venue. Group setting. Everyone came to meet people, making it safer and more comfortable.
        </p>
      </article>

      
      
    </div>
  </div>
</section>

<span class="block text-yellow-400">The Question Remains:</span>   <span class="my-3 block text-white">Do People Show up For This?</span>   <span class="block text-orange-300">Short answer: yes. Here's why</span>

Get this ticket if you identify as a lady, otherwise, get the guys ticket

Ladies Singles Dinner & Conversations Ticket

Get this ticket if you identify as a guy, otherwise, get the ladies ticket

Guys Singles Dinner & Conversations Ticket

Belleville, IL Singles Dinner

Arrive, grab a drink, and meet other singles as the rooftop fills up.

Check-in & Rooftop Mingling

Enjoy the rooftop atmosphere, signature drinks, and an upbeat social crowd.

Drinks, Music & Socializing

Final drinks, conversations, and closing announcements.

Last Call & Wrap-Up

<h3 class="text-3xl oswald-gf-700 font-bold">The Hottest Place To Be on a Thursday Night</h3> 
    <p>Dress up for the skyline views and summer vibes<br/> 
    Get there before sunset and watch the night fill up</p> 
    <p>Everyone there is single and ready to mingle<br/>  
    This rooftop night is the place to see and be seen</p>

Get this ticket if you identify as a guy; otherwise, get the ladies ticket.

Guys Singles Rooftop Night at UpBar STL Ticket

Get this ticket if you identify as a lady; otherwise, get the guys ticket.

Ladies Singles Rooftop Night at UpBar STL Ticket

Singles Rooftop Night

Check-in & Welcome

Sing your favorite songs and meet new people.

Karaoke & Mingling

Last performances and closing announcements.

Final Songs & Wrap-Up

<h3 class="text-3xl oswald-gf-700 font-bold">Love is one song away</h3> 
    <p>Grab the mic and sing your favorite song <br/> 
    Or just watch & cheer, either way you're in</p> 
    <p>Nothing connects a room faster <br/> than the song everyone knows</p>
    <p>100% not rude if you don't want to sing</p>

Guys South County Karaoke Night Singles Mingle Ticket

Ladies South County Karaoke Night Singles Mingle Ticket

South County Karaoke Night

For Singles Who Want Deeper Connections Get deep with a small group of singles An interactive dinner experience that pulls everyone in By the end of dinner, you feel more connected and less alone

Browse upcoming singles events, ticket links, and venue details.

Belleville, IL Singles Dinner

For Singles Who Want Deeper Connections

Singles Rooftop Night

The Hottest Place To Be on a Thursday Night

South County Karaoke Night

Love is one song away

Share this Page