make this contact section more interesting Masqueraders Concierge

Welcome Masqueraders

Let's make your carnival experience extraordinary!

Countdown to Carnival 2025

00 Days

00 Hours

00 Minutes

00 Seconds

About Us

Masqueraders Concierge is dedicated to providing exceptional carnival experiences. Our team of professionals ensures every detail is taken care of, from costume design to event coordination.

With over 10 years in the industry, we've perfected the art of carnival celebration, making us the premier choice for discerning clients.

Our Price List

Service	Description	Price
Standard Costume	Beautifully designed standard masquerade costume	$299
Custom Costume	Tailored to your measurements with unique design	$599
VIP Event Access	Exclusive VIP area with premium amenities	$399
Photography Package	Professional photographer for 4 hours	$249
Makeup Artist	Professional carnival makeup application	$149
Full Day Concierge	Personal assistant for the entire event day	$499

Client Reviews

★★★★★

"Absolutely transformed my carnival experience! The attention to detail was impeccable."

- Sarah J.

★★★★★

"Worth every penny. The custom costume made me stand out all weekend."

- Michael T.

★★★★☆

"This was my third year with Masqueraders and they keep getting better!"

- Lisa M.

Contact Us

:root { --primary-color: #ce2121; --primary-light: #e74c3c; --primary-dark: #b71c1c; --text-color: #333; --light-text: #fff; --bg-light: #f5f5f5; --bg-dark: #222; --accent-color: #ffcc00; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { color: var(--text-color); line-height: 1.6; background-color: var(--bg-light); } header { background-color: var(--primary-color); color: var(--light-text); padding: 1rem 2rem; position: fixed; width: 100%; z-index: 1000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } nav { display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 1.8rem; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } .nav-links { display: flex; gap: 2rem; } .nav-links a { color: var(--light-text); text-decoration: none; font-weight: 500; transition: all 0.3s; padding: 0.5rem; border-radius: 5px; } .nav-links a:hover { background-color: rgba(255,255,255,0.2); } .mobile-menu { display: none; font-size: 1.5rem; cursor: pointer; } .hero { height: 100vh; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1514525253161-7a46d19cd819'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--light-text); padding-top: 80px; position: relative; overflow: hidden; } .hero-content h1 { font-size: 4rem; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); animation: fadeInDown 1s ease; } .hero-content h2 { font-size: 2rem; margin-bottom: 2rem; font-weight: 300; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); animation: fadeInUp 1s ease 0.3s both; } .cta-button { background-color: var(--primary-color); color: var(--light-text); border: none; padding: 1rem 2rem; font-size: 1.2rem; border-radius: 5px; cursor: pointer; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; animation: fadeIn 1s ease 0.6s both; } .cta-button:hover { background-color: var(--primary-dark); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); } .cta-button.pulse { animation: pulse 2s infinite; } .confetti { position: absolute; width: 10px; height: 10px; background-color: var(--accent-color); opacity: 0; animation: confetti 5s ease-in-out infinite; } .confetti:nth-child(1) { left: 10%; animation-delay: 0s; } .confetti:nth-child(2) { left: 30%; animation-delay: 1s; } .confetti:nth-child(3) { left: 70%; animation-delay: 2s; } .countdown { padding: 4rem 2rem; background-color: var(--primary-color); color: var(--light-text); text-align: center; } .countdown h2 { font-size: 2.5rem; margin-bottom: 2rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .countdown-container { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; } .countdown-item { background-color: rgba(255,255,255,0.2); color: var(--light-text); padding: 1.5rem; border-radius: 10px; min-width: 120px; backdrop-filter: blur(5px); transition: transform 0.3s; } .countdown-item:hover { transform: scale(1.05); } .countdown-item span:first-child { font-size: 3rem; font-weight: bold; display: block; } .about { padding: 4rem 2rem; max-width: 1200px; margin: 0 auto; background-color: white; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); margin-top: -50px; position: relative; z-index: 2; } .about h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: var(--primary-color); } .about-content { display: flex; gap: 3rem; align-items: center; } .about-text { flex: 1; } .about-text p { margin-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.8; } .about-image { flex: 1; } .about-image img { width: 100%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: transform 0.5s; } .about-image img:hover { transform: scale(1.02); } .pricing { padding: 4rem 2rem; background-color: var(--bg-light); } .pricing h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: var(--primary-color); } .price-table { max-width: 1000px; margin: 0 auto; background-color: white; border-radius: 15px; padding: 2rem; box-shadow: 0 10px 30px rgba(0,0,0,0.05); overflow: hidden; } table { width: 100%; border-collapse: collapse; } th, td { padding: 1.2rem; text-align: left; border-bottom: 1px solid #eee; } th { background-color: var(--primary-color); color: white; font-weight: 500; } tr:nth-child(even) { background-color: #f9f9f9; } tr:hover { background-color: #f5f5f5; } td:last-child { font-weight: bold; color: var(--primary-color); } .reviews { padding: 4rem 2rem; max-width: 1200px; margin: 0 auto; background-color: white; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); margin-top: 2rem; } .reviews h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: var(--primary-color); } .carousel { position: relative; max-width: 800px; margin: 0 auto; overflow: hidden; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .carousel-inner { display: flex; transition: transform 0.5s ease; } .carousel-item { min-width: 100%; padding: 3rem; background-color: white; text-align: center; } .stars { color: var(--accent-color); font-size: 1.5rem; margin-bottom: 1rem; } .carousel-item p:first-of-type { font-size: 1.2rem; font-style: italic; margin-bottom: 1rem; line-height: 1.8; } .reviewer { font-weight: bold; color: var(--primary-color); margin-top: 1rem; } .carousel-control { position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--primary-color); color: white; border: none; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.3s; } .carousel-control:hover { background-color: var(--primary-dark); transform: translateY(-50%) scale(1.1); } .carousel-control.prev { left: 20px; } .carousel-control.next { right: 20px; } .contact { padding: 4rem 2rem; background-color: var(--bg-light); } .contact h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: var(--primary-color); } .contact-form { max-width: 600px; margin: 0 auto; background-color: white; padding: 3rem; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .form-group { margin-bottom: 1.5rem; } .form-group input, .form-group textarea { width: 100%; padding: 1rem; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: all 0.3s; } .form-group input:focus, .form-group textarea:focus { border-color: var(--primary-color); outline: none; box-shadow: 0 0 0 3px rgba(206, 33, 33, 0.2); } .form-group textarea { height: 150px; resize: vertical; } .submit-button { background-color: var(--primary-color); color: var(--light-text); border: none; padding: 1rem 2rem; font-size: 1.1rem; border-radius: 5px; cursor: pointer; transition: all 0.3s; width: 100%; } .submit-button:hover { background-color: var(--primary-dark); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } footer { background-color: var(--bg-dark); color: var(--light-text); padding: 3rem 2rem 1rem; } .footer-content { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .footer-logo { font-size: 1.8rem; font-weight: bold; margin-bottom: 1rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } .footer-links { display: flex; flex-direction: column; gap: 0.5rem; } .footer-links a { color: var(--light-text); text-decoration: none; transition: all 0.3s; padding: 0.3rem 0; } .footer-links a:hover { color: var(--primary-light); transform: translateX(5px); } .social-links { display: flex; gap: 1rem; } .social-links a { color: var(--light-text); font-size: 1.5rem; transition: all 0.3s; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .social-links a:hover { color: var(--primary-light); background-color: rgba(255,255,255,0.1); transform: scale(1.2); } .copyright { text-align: center; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.1); max-width: 1200px; margin: 0 auto; font-size: 0.9rem; opacity: 0.8; } /* Animations */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes confetti { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 100% { transform: translateY(100vh) rotate(720deg); opacity: 0; } } /* Responsive Styles */ @media (max-width: 768px) { .nav-links { display: none; position: absolute; top: 80px; left: 0; width: 100%; background-color: var(--primary-color); flex-direction: column; padding: 1rem; gap: 1rem; } .nav-links.active { display: flex; } .mobile-menu { display: block; } .hero-content h1 { font-size: 2.5rem; } .hero-content h2 { font-size: 1.5rem; } .about-content { flex-direction: column; } .countdown-item { min-width: 80px; padding: 1rem; } .countdown-item span:first-child { font-size: 2rem; } table { font-size: 0.9rem; } th, td { padding: 0.8rem; } } @media (max-width: 480px) { .countdown-container { gap: 1rem; } .countdown-item { min-width: 70px; padding: 0.8rem; } .countdown-item span:first-child { font-size: 1.5rem; } .countdown-item span:last-child { font-size: 0.8rem; } .carousel-item { padding: 2rem 1rem; } .contact-form { padding: 2rem 1rem; } }