Romeo Creative Media House

Book MC Romeo

Fill in your event details and MC Romeo will get back to you within 24 hours.

You

Event

Package

Details

Review

Step 01

Tell us about you

Who are we creating this experience for?

Full Name * Please enter your full name

WhatsApp Number * Please enter a valid phone number

Email Address

Your Location * Please enter your location

How did you find MC Romeo? * Please select how you found us

Step 02

Your event details

Tell MC Romeo everything about the occasion

Event Type * Please select your event type

Event Date * Please select your event date

Start Time * Please select the start time

Venue / Location * Please enter the venue

Expected Guests

Describe Your Event * Please give a brief description

Step 03

Choose your package

Wedding packages below — other events, select Custom for a quote

Silver

Reception Only

₦150,000

Wedding Reception MC

Grand Entrance Hype

Games & Props

Most Chosen

Gold

Full Wedding

₦200,000

Wedding Reception MC

Grand Entrance Hype

Games & Props

After Party Hype

Platinum

All-Inclusive

₦300,000

Reception MC

Grand Entrance

Games & Props

Guest Engagement

After Party + Red Carpet

60-Sec Reel & Photos

Custom Package

Other event type — Request a quote

Not a wedding? MC Romeo will send you a custom price.

Please select a package

Budget Range

Special Requests

Step 04

Event Questionnaire

Help MC Romeo prepare for your event

Thank you for choosing MC Romeo to be your host.
Making your event significant and memorable is the goal.

Kindly answer the questions below. All fields are optional — but the more detail you share, the better your event will be.

1. What names should MC Romeo call the couple?

2. Bride's family full name

Groom's family full name

3. Bride's hometown

Groom's hometown

4. Cleric for opening prayer

5. Preferred language at reception

YorubaEnglishBoth

6. Chairman / Chairperson of the day (with full citation)

9. Minute of silence for anyone?

YesNo

10. DJ or Live Band?

DJLive BandBothNot sure

11. Will there be an after party?

YesNoMaybe

12. Toast / story friend?

Yes, we have someoneMC Romeo should do it

13. Games preferences / games to avoid

</div>
        <div class="field"><label>14. Will the bride throw a bouquet?</label><div class="pill-grid"><label class="pill"><input type="radio" name="wq14" value="Yes">Yes</label><label class="pill"><input type="radio" name="wq14" value="No">No</label></div></div>
        <div class="field"><label>15. Others worthy of special recognition</label><textarea id="wq15" style="min-height:70px" placeholder="Best man, chief bridesmaid, sponsors, family heads…"/></div>
        <div class="field"><label>16. Any other important information?</label><textarea id="wq16" style="min-height:80px" placeholder="Cultural traditions, timing notes, sensitive topics to avoid, surprises planned…"/></div>
      </div></div>

<div id="q-birthday" style="display:none"><div class="field-group">
        <div class="field"><label>1. Who is the celebrant? What name should MC Romeo use?</label><input type="text" id="bq1" placeholder="e.g. Aunty Funke, Chief Badmus, Baby Joy…"/></div>
        <div class="field"><label>2. What age are they celebrating?</label><input type="text" id="bq2" placeholder="e.g. 50th, 21st, 1st birthday…"/></div>
        <div class="field"><label>3. Is this a surprise party?</label><div class="pill-grid"><label class="pill"><input type="radio" name="bq3" value="Yes — surprise">Yes, it's a surprise</label><label class="pill"><input type="radio" name="bq3" value="No">No, they know</label></div></div>
        <div class="field"><label>4. Theme / colour of the event</label><input type="text" id="bq4" placeholder="e.g. Red & Gold, All White, Garden Party…"/></div>
        <div class="field"><label>5. Will there be a cake cutting ceremony?</label><div class="pill-grid"><label class="pill"><input type="radio" name="bq5" value="Yes">Yes</label><label class="pill"><input type="radio" name="bq5" value="No">No</label></div></div>
        <div class="field"><label>6. DJ or Live Band?</label><div class="pill-grid"><label class="pill"><input type="radio" name="bq6" value="DJ">DJ</label><label class="pill"><input type="radio" name="bq6" value="Live Band">Live Band</label><label class="pill"><input type="radio" name="bq6" value="Both">Both</label><label class="pill"><input type="radio" name="bq6" value="Not sure">Not sure</label></div></div>
        <div class="field"><label>7. Games or activities planned?</label><textarea id="bq7" style="min-height:70px" placeholder="Any games you'd love, or ones to avoid…"/></div>
        <div class="field"><label>8. Anyone deserving special recognition?</label><textarea id="bq8" style="min-height:70px" placeholder="e.g. Parents, sponsors, best friends…"/></div>
        <div class="field"><label>9. Any other information MC Romeo should know?</label><textarea id="bq9" style="min-height:70px" placeholder="Surprises, timing notes, sensitive topics…"/></div>
      </div></div>

<div id="q-corporate" style="display:none"><div class="field-group">
        <div class="field"><label>1. Full name of the company / organisation</label><input type="text" id="cq1" placeholder="e.g. Zenith Bank Plc…"/></div>
        <div class="field"><label>2. Type of corporate event</label><div class="pill-grid"><label class="pill"><input type="radio" name="cq2" value="Award Night">Award Night</label><label class="pill"><input type="radio" name="cq2" value="Product Launch">Product Launch</label><label class="pill"><input type="radio" name="cq2" value="Conference">Conference</label><label class="pill"><input type="radio" name="cq2" value="End of Year Party">End of Year</label><label class="pill"><input type="radio" name="cq2" value="Other">Other</label></div></div>
        <div class="field"><label>3. Award categories (if any)</label><textarea id="cq3" style="min-height:70px" placeholder="e.g. Employee of the Year, Best Team…"/></div>
        <div class="field-row"><div class="field"><label>4. Dress code</label><input type="text" id="cq4" placeholder="e.g. Black tie, Smart casual…"/></div><div class="field"><label>5. Guest of honour</label><input type="text" id="cq6" placeholder="e.g. CEO Mr Adeyemi…"/></div></div>
        <div class="field"><label>6. Keynote speakers or special presenters</label><textarea id="cq5" style="min-height:60px" placeholder="Names and titles…"/></div>
        <div class="field"><label>7. Any other information?</label><textarea id="cq8" style="min-height:70px" placeholder="Protocol requirements, sensitive topics, timing…"/></div>
      </div></div>

<div id="q-burial" style="display:none"><div class="field-group">
        <div class="field"><label>1. Full name of the deceased</label><input type="text" id="buq1" placeholder="e.g. Chief Emmanuel Adewale Balogun…"/></div>
        <div class="field"><label>2. Your relationship to the deceased</label><input type="text" id="buq2" placeholder="e.g. Son, Daughter, Spouse…"/></div>
        <div class="field"><label>3. Tribute or eulogy speaker?</label><div class="pill-grid"><label class="pill"><input type="radio" name="buq3" value="Yes">Yes</label><label class="pill"><input type="radio" name="buq3" value="No">No</label></div><input type="text" id="buq3d" placeholder="If yes — who?" style="margin-top:8px;background:var(--surface);border:1.5px solid var(--rule);border-radius:10px;padding:11px 14px;color:var(--ink);font-size:14px;outline:none;transition:border-color .2s;width:100%"/></div>
        <div class="field"><label>4. Cleric for opening prayer</label><input type="text" id="buq4" placeholder="Name and denomination…"/></div>
        <div class="field"><label>5. Special songs or hymns</label><textarea id="buq5" style="min-height:60px" placeholder="e.g. Abide With Me, Amazing Grace…"/></div>
        <div class="field-row"><div class="field"><label>6. Dress code</label><input type="text" id="buq6" placeholder="e.g. All white, Black & white…"/></div><div class="field"><label>7. Lying-in-state?</label><div class="pill-grid"><label class="pill"><input type="radio" name="buq7" value="Yes">Yes</label><label class="pill"><input type="radio" name="buq7" value="No">No</label></div></div></div>
        <div class="field"><label>8. Any other information?</label><textarea id="buq8" style="min-height:70px" placeholder="Cultural or religious protocols, VIP guests, timing…"/></div>
      </div></div>

<div id="q-general" style="display:none"><div class="field-group">
        <div class="field"><label>1. Full name of the celebrant / host</label><input type="text" id="gq1" placeholder="e.g. Mr & Mrs Okafor, Engr. Bola…"/></div>
        <div class="field"><label>2. Theme or colour of the event</label><input type="text" id="gq2" placeholder="e.g. All white, colourful, no theme…"/></div>
        <div class="field"><label>3. Prayer / dedication session?</label><div class="pill-grid"><label class="pill"><input type="radio" name="gq3" value="Yes">Yes</label><label class="pill"><input type="radio" name="gq3" value="No">No</label></div></div>
        <div class="field"><label>4. DJ or Live Band?</label><div class="pill-grid"><label class="pill"><input type="radio" name="gq4" value="DJ">DJ</label><label class="pill"><input type="radio" name="gq4" value="Live Band">Live Band</label><label class="pill"><input type="radio" name="gq4" value="Both">Both</label><label class="pill"><input type="radio" name="gq4" value="None">None</label></div></div>
        <div class="field"><label>5. Anyone deserving special recognition?</label><textarea id="gq5" style="min-height:60px" placeholder="Sponsors, parents, special guests…"/></div>
        <div class="field"><label>6. Activities or games?</label><textarea id="gq6" style="min-height:60px" placeholder="Specific activities you'd like or want to avoid…"/></div>
        <div class="field"><label>7. Any other important information?</label><textarea id="gq7" style="min-height:70px" placeholder="Timing, cultural elements, surprises, things to avoid…"/></div>
      </div></div>

<div style="margin-top:24px;padding:14px 18px;background:var(--accent-tint);border-left:3px solid var(--accent);border-radius:0 10px 10px 0">
        <p style="font-family:'Fraunces',serif;font-style:italic;font-size:14px;color:var(--accent)">"Thank you — I am MC Romeo, Microphone Magician."</p>
      </div>

<div class="btn-row"><button type="button" class="btn-back" onclick="goBack(4)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>Back</button><button type="button" class="btn-next" onclick="goNext(4)">Review Booking <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></button></div>
    </div>

<div class="step" id="step-5">
      <div class="step-head">
        <div class="step-eyebrow">Step 05</div>
        <h2>Review & confirm</h2>
        <p>Double-check everything before submitting</p>
      </div>
      <div class="review-section"><div class="review-section-label">Your Information</div><div class="review-grid"><div class="review-item"><div class="review-key">Name</div><div class="review-val" id="rv-name">—</div></div><div class="review-item"><div class="review-key">WhatsApp</div><div class="review-val" id="rv-wa">—</div></div><div class="review-item"><div class="review-key">Email</div><div class="review-val" id="rv-email">—</div></div><div class="review-item"><div class="review-key">Location</div><div class="review-val" id="rv-loc">—</div></div></div></div>
      <div class="review-section"><div class="review-section-label">Event Details</div><div class="review-grid"><div class="review-item"><div class="review-key">Event Type</div><div class="review-val accent" id="rv-type">—</div></div><div class="review-item"><div class="review-key">Date & Time</div><div class="review-val" id="rv-dt">—</div></div><div class="review-item full"><div class="review-key">Venue</div><div class="review-val" id="rv-venue">—</div></div><div class="review-item"><div class="review-key">Guests</div><div class="review-val" id="rv-guests">—</div></div><div class="review-item"><div class="review-key">Found Us Via</div><div class="review-val" id="rv-src">—</div></div></div></div>
      <div class="review-section"><div class="review-section-label">Package</div><div class="review-grid"><div class="review-item"><div class="review-key">Package</div><div class="review-val accent" id="rv-pkg">—</div></div><div class="review-item"><div class="review-key">Budget</div><div class="review-val" id="rv-budget">—</div></div></div></div>
      <div class="btn-row"><button type="button" class="btn-back" onclick="goBack(5)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>Edit</button><button type="button" class="btn-next" id="submitBtn" onclick="submitForm()">Submit Booking <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></button></div>
    </div>

</form>

<div class="success-screen" id="successScreen">
    <div class="success-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V5a3 3 0 0 1 3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/></svg></div>
    <h2>Booking <em>Received!</em></h2>
    <p>Your details have landed safely with MC Romeo. Sit back — he will get back to you on WhatsApp within <strong>24 hours.</strong><br><br><em style="font-size:14px">Making your event significant and memorable is the goal.</em></p>
    <a id="waLink" href="#" target="_blank" class="btn-wa">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
      Chat on WhatsApp Now
    </a>
    <p class="success-ref" id="successRef"></p>
  </div>

</div>

/* ── Step system ── */
var currentStep = 1;
var TOTAL_STEPS = 5;

// Source pills
document.getElementById('sourceGrid').querySelectorAll('label').forEach(function(l){
  l.addEventListener('click', function(){
    document.getElementById('sourceGrid').querySelectorAll('label').forEach(function(x){ x.classList.remove('selected'); });
    l.classList.add('selected');
  });
});

// Event type pills
document.getElementById('eventTypeGrid').querySelectorAll('label').forEach(function(l){
  l.addEventListener('click', function(){
    document.getElementById('eventTypeGrid').querySelectorAll('label').forEach(function(x){ x.classList.remove('selected'); });
    l.classList.add('selected');
  });
});

// Package cards
document.querySelectorAll('.pkg-card,.pkg-custom').forEach(function(c){
  c.addEventListener('click', function(){
    document.querySelectorAll('.pkg-card,.pkg-custom').forEach(function(x){ x.classList.remove('selected'); });
    c.classList.add('selected');
  });
});

// Q pill groups
['wq5','wq7','wq8','wq9','wq10','wq11','wq12','wq14','bq3','bq5','bq6','buq3','buq7','gq3','gq4','cq2'].forEach(function(n){
  var els = document.querySelectorAll('[name="'+n+'"]');
  els.forEach(function(r){
    r.addEventListener('change', function(){
      document.querySelectorAll('[name="'+n+'"]').forEach(function(x){
        var lbl = x.closest('label');
        if(lbl) lbl.classList.remove('selected');
      });
      var lbl = r.closest('label');
      if(lbl) lbl.classList.add('selected');
    });
  });
});

/* ── Validation ── */
function v(id, errId, ok) {
  var el = document.getElementById(id);
  var err = document.getElementById(errId);
  if(!ok){ if(el) el.classList.add('err'); if(err) err.classList.add('show'); return false; }
  if(el) el.classList.remove('err'); if(err) err.classList.remove('show'); return true;
}

/* ── Navigation ── */
function getEventType(){ var e=document.querySelector('input[name="eventType"]:checked'); return e?e.value:''; }
function isWedding(){ return getEventType()==='Wedding'; }

/* ── Review ── */
function fmt(id){ var e=document.getElementById(id); return e?e.value.trim()||'—':'—'; }
function radio(n){ var e=document.querySelector('input[name="'+n+'"]:checked'); return e?e.value:'—'; }
function fmtTime(t){ if(!t) return ''; var p=t.split(':'),h=parseInt(p[0]); return (h>12?h-12:h||12)+':'+p[1]+' '+(h>=12?'PM':'AM'); }
function populateReview(){
  var set = function(id,val){ var e=document.getElementById(id); if(e) e.textContent=val; };
  set('rv-name',fmt('fullName'));
  set('rv-wa',fmt('whatsapp'));
  set('rv-email',document.getElementById('email').value.trim()||'Not provided');
  set('rv-loc',fmt('location'));
  set('rv-type',radio('eventType'));
  var d=document.getElementById('eventDate').value;
  set('rv-dt',(d?new Date(d).toDateString():'—')+(document.getElementById('eventTime').value?' at '+fmtTime(document.getElementById('eventTime').value):''));
  set('rv-venue',fmt('venue'));
  set('rv-guests',document.getElementById('guestCount').value||'Not specified');
  set('rv-src',radio('source'));
  set('rv-pkg',radio('package'));
  set('rv-budget',document.getElementById('budget').value||'Not specified');
}

/* ── Submit ── */
function submitForm(){
  var btn = document.getElementById('submitBtn');
  if(btn){ btn.disabled=true; btn.innerHTML='Sending…'; }
  var name=fmt('fullName'),wa=fmt('whatsapp'),email=document.getElementById('email').value.trim(),
      loc=fmt('location'),src=radio('source'),et=radio('eventType'),
      date=document.getElementById('eventDate').value,time=document.getElementById('eventTime').value,
      venue=fmt('venue'),guests=document.getElementById('guestCount').value||'Not specified',
      desc=fmt('eventDesc'),pkg=radio('package'),
      budget=document.getElementById('budget').value||'Not specified',
      notes=fmt('notes'),ref='RCM-'+Date.now().toString(36).toUpperCase().slice(-6);

var msg = '🎤 *NEW BOOKING — Romeo Creative Media House*\n━━━━━━━━━━━━━━━━━━━\n'
    +'👤 *CLIENT*\nName: '+name+'\nWhatsApp: '+wa+'\nEmail: '+(email||'Not provided')+'\nLocation: '+loc+'\nFound via: '+src
    +'\n\n🎯 *EVENT*\nType: '+et+'\nDate: '+(date?new Date(date).toDateString():'—')+(time?' at '+fmtTime(time):'')
    +'\nVenue: '+venue+'\nGuests: '+guests+'\nDescription: '+desc
    +'\n\n💰 *PACKAGE*\nPackage: '+pkg+'\nBudget: '+budget
    +(notes&¬es!=='—'?'\nSpecial Requests: '+notes:'')
    +extra
    +'\n\n📋 Ref: '+ref+'\n━━━━━━━━━━━━━━━━━━━\nSent via Romeo Creative Media House Intake Form';

// Save to localStorage
  var sub = {
    id:ref, timestamp:new Date().toISOString(),
    name:name, wa:wa, email:email, location:loc, source:src,
    eventType:et, eventDate:date, eventTime:time,
    venue:venue, guests:guests, desc:desc,
    pkg:pkg, budget:budget, notes:notes,
    weddingData: et==='Wedding'?{
      wq1:fmt('wq1'),wq2a:fmt('wq2a'),wq2b:fmt('wq2b'),
      wq3a:fmt('wq3a'),wq3b:fmt('wq3b'),wq4:fmt('wq4'),
      wq5:radio('wq5'),wq6:fmt('wq6'),
      wq7:radio('wq7'),wq7d:document.getElementById('wq7d').value,
      wq8:radio('wq8'),wq8d:document.getElementById('wq8d').value,
      wq9:radio('wq9'),wq9d:document.getElementById('wq9d').value,
      wq10:radio('wq10'),wq11:radio('wq11'),
      wq12:radio('wq12'),wq12d:document.getElementById('wq12d').value,
      wq13:fmt('wq13'),wq14:radio('wq14'),wq15:fmt('wq15'),wq16:fmt('wq16')
    }:null,
    status:'new'
  };
  try {
    var bks = JSON.parse(localStorage.getItem('rcmh_bookings')||'[]');
    bks.push(sub);
    localStorage.setItem('rcmh_bookings',JSON.stringify(bks));
  } catch(e){}

var waUrl = 'https://wa.me/2348138656216?text='+encodeURIComponent(msg);
  var wl = document.getElementById('waLink'); if(wl) wl.href=waUrl;
  var sr = document.getElementById('successRef'); if(sr) sr.textContent='Reference: '+ref;

setTimeout(function(){
    var form=document.getElementById('intakeForm'); if(form) form.style.display='none';
    var ps=document.getElementById('progressStrip'); if(ps) ps.style.display='none';
    var ss=document.getElementById('successScreen'); if(ss) ss.classList.add('show');
    window.open(waUrl,'_blank');
  }, 700);
}

/* ── Init ── */
var dateEl = document.getElementById('eventDate');
if(dateEl) dateEl.setAttribute('min', new Date().toISOString().split('T')[0]);
updateProgress();
</script>

<footer style="border-top:1px solid var(--rule);padding:20px 24px;text-align:center;font-size:11px;color:var(--ink-faint);margin-top:20px">
  <a href='/' style='color:var(--ink-faint);font-weight:600'>Romeo Creative Media House</a>
   · 
  Designed by <a href="https://wa.me/2348089633878" target="_blank" style="color:var(--accent);font-weight:600">OAI Media Services</a>
   · 
  © 2026
   · 
  <a href='/admin' style='color:rgba(232,160,64,.25);font-size:10px'>Admin</a>
</footer>
</body>
</html>