<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Let's Bloww Rentals | Inflatable Entertainment for Every Age | Nipomo, CA</title>
<meta name="description" content="Central Coast's edgiest inflatable rental company. Bounce houses, water slides, hot tubs, ball pits & splash games. Serving Nipomo, SLO, Santa Maria & beyond.">
<meta property="og:title" content="Let's Bloww Rentals | Nipomo, CA">
<meta property="og:description" content="Central Coast's edgiest inflatable rental company. Bounce houses, water slides, hot tubs & more.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://letsbloww.com">
<link rel="icon" type="image/png" href="logo.png">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&family=Playfair+Display:wght@700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--teal: #14A098;
--dark-teal: #0D7377;
--black: #0A0A0A;
--charcoal: #1A1A1A;
--white: #F5F5F5;
--pure-white: #FFFFFF;
--red: #E63946;
--red-dark: #C1121F;
--gray: #888888;
--light-gray: #2A2A2A;
}
• { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: 'Montserrat', sans-serif;
background-color: var(--black);
color: var(--white);
line-height: 1.6;
overflow-x: hidden;
}
nav {
position: fixed;
top: 0;
width: 100%;
background: rgba(10, 10, 10, 0.95);
backdrop-filter: blur(10px);
z-index: 1000;
padding: 1rem 5%;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(20, 160, 152, 0.3);
}
.logo {
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
}
.logo img {
height: 50px;
width: auto;
display: block;
}
.logo-fallback {
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
font-weight: 900;
color: var(--teal);
letter-spacing: -1px;
}
.logo-fallback span { color: var(--red); }
.nav-links {
display: flex;
list-style: none;
gap: 2.5rem;
align-items: center;
}
.nav-links a {
color: var(--white);
text-decoration: none;
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1.5px;
transition: color 0.3s;
position: relative;
}
.nav-links a:hover { color: var(--teal); }
.nav-links a::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: var(--red);
transition: width 0.3s;
}
.nav-links a:hover::after { width: 100%; }
.nav-cta {
background: var(--red);
color: var(--pure-white) !important;
padding: 0.6rem 1.5rem;
border-radius: 0;
font-weight: 700;
transition: all 0.3s;
border: 2px solid var(--red);
}
.nav-cta:hover {
background: transparent;
color: var(--red) !important;
}
.mobile-menu-btn {
display: none;
background: none;
border: none;
color: var(--pure-white);
font-size: 1.5rem;
cursor: pointer;
padding: 0.5rem;
}
.hero {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 8rem 5% 4rem;
background: linear-gradient(135deg, rgba(10,10,10,0.92) 0%, rgba(26,26,26,0.88) 100%),
url('https://images.unsplash.com/photo-1530103862676-de3c9a59aa38?w=1920') center/cover;
position: relative;
}
.hero::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(20, 160, 152, 0.03) 10px,
rgba(20, 160, 152, 0.03) 20px
);
pointer-events: none;
}
.hero-content { position: relative; z-index: 2; max-width: 900px; }
.hero-tag {
display: inline-block;
background: rgba(230, 57, 70, 0.15);
border: 1px solid var(--red);
color: var(--red);
padding: 0.4rem 1.2rem;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 1.5rem;
}
.hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(3rem, 8vw, 6rem);
font-weight: 900;
line-height: 1.05;
margin-bottom: 1.5rem;
color: var(--pure-white);
text-shadow: 4px 4px 0px rgba(20, 160, 152, 0.3);
}
.hero h1 .teal { color: var(--teal); }
.hero h1 .red { color: var(--red); }
.hero-sub {
font-size: 1.25rem;
color: var(--gray);
max-width: 600px;
margin: 0 auto 2.5rem;
font-weight: 300;
}
.hero-btns {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.btn {
padding: 1rem 2.5rem;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
transition: all 0.3s;
cursor: pointer;
border: none;
display: inline-block;
border-radius: 0;
}
.btn-primary {
background: var(--teal);
color: var(--black);
border: 2px solid var(--teal);
}
.btn-primary:hover {
background: transparent;
color: var(--teal);
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(20, 160, 152, 0.3);
}
.btn-outline {
background: transparent;
color: var(--white);
border: 2px solid var(--white);
}
.btn-outline:hover {
background: var(--white);
color: var(--black);
}
.btn-red {
background: var(--red);
color: var(--pure-white);
border: 2px solid var(--red);
}
.btn-red:hover {
background: transparent;
color: var(--red);
}
.hero-trust {
margin-top: 3rem;
display: flex;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
font-size: 0.8rem;
color: var(--gray);
text-transform: uppercase;
letter-spacing: 1px;
}
.hero-trust i { color: var(--teal); margin-right: 0.5rem; }
section { padding: 6rem 5%; }
.section-header {
text-align: center;
margin-bottom: 4rem;
}
.section-header h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 900;
margin-bottom: 1rem;
color: var(--pure-white);
}
.section-header p {
color: var(--gray);
max-width: 600px;
margin: 0 auto;
font-size: 1.1rem;
}
.red-line {
width: 60px;
height: 3px;
background: var(--red);
margin: 1rem auto;
}
.inventory { background: var(--charcoal); }
.inventory-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
.inv-card {
background: var(--black);
border: 1px solid var(--light-gray);
overflow: hidden;
transition: all 0.4s;
position: relative;
}
.inv-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: var(--teal);
transform: scaleX(0);
transition: transform 0.4s;
z-index: 2;
}
.inv-card:hover::before { transform: scaleX(1); }
.inv-card:hover {
transform: translateY(-10px);
border-color: var(--teal);
box-shadow: 0 20px 40px rgba(20, 160, 152, 0.15);
}
.inv-img {
height: 220px;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
.inv-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(to top, rgba(10,10,10,0.9) 0%, transparent 100%);
pointer-events: none;
}
.inv-content { padding: 1.5rem; position: relative; z-index: 1; margin-top: -30px; }
.inv-content h3 {
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: var(--pure-white);
}
.inv-content p {
color: var(--gray);
font-size: 0.9rem;
margin-bottom: 1rem;
}
.inv-price {
font-size: 1.5rem;
font-weight: 800;
color: var(--teal);
}
.inv-price span {
font-size: 0.85rem;
color: var(--gray);
font-weight: 400;
}
.inv-tag {
display: inline-block;
background: rgba(230, 57, 70, 0.15);
color: var(--red);
padding: 0.2rem 0.6rem;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0.8rem;
}
.packages { background: var(--black); }
.packages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
}
.pkg-card {
background: var(--charcoal);
border: 2px solid var(--light-gray);
padding: 2.5rem 2rem;
text-align: center;
position: relative;
transition: all 0.4s;
}
.pkg-card.featured {
border-color: var(--teal);
transform: scale(1.05);
box-shadow: 0 0 40px rgba(20, 160, 152, 0.2);
}
.pkg-card.featured::before {
content: 'MOST POPULAR';
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: var(--red);
color: var(--pure-white);
padding: 0.3rem 1rem;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 2px;
}
.pkg-card:hover { border-color: var(--teal); }
.pkg-name {
font-size: 1.4rem;
font-weight: 800;
margin-bottom: 0.5rem;
text-transform: uppercase;
letter-spacing: 2px;
}
.pkg-price {
font-size: 2.5rem;
font-weight: 900;
color: var(--teal);
margin-bottom: 1.5rem;
}
.pkg-price span { font-size: 1rem; color: var(--gray); font-weight: 400; }
.pkg-features {
list-style: none;
margin-bottom: 2rem;
text-align: left;
}
.pkg-features li {
padding: 0.5rem 0;
border-bottom: 1px solid var(--light-gray);
font-size: 0.9rem;
color: var(--gray);
}
.pkg-features li i {
color: var(--teal);
margin-right: 0.5rem;
}
.adult {
background: linear-gradient(135deg, var(--charcoal) 0%, var(--black) 100%);
position: relative;
overflow: hidden;
}
.adult::before {
content: 'ADULT';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20vw;
font-weight: 900;
color: rgba(20, 160, 152, 0.03);
white-space: nowrap;
pointer-events: none;
font-family: 'Montserrat', sans-serif;
}
.adult-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
max-width: 1100px;
margin: 0 auto;
align-items: center;
}
.adult-content h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 4vw, 3rem);
margin-bottom: 1.5rem;
color: var(--pure-white);
}
.adult-content h2 span { color: var(--red); }
.adult-content p {
color: var(--gray);
margin-bottom: 1.5rem;
font-size: 1.05rem;
}
.adult-features {
list-style: none;
margin-bottom: 2rem;
}
.adult-features li {
padding: 0.6rem 0;
color: var(--white);
font-weight: 600;
}
.adult-features li i {
color: var(--red);
margin-right: 0.8rem;
width: 20px;
}
.adult-visual {
background: linear-gradient(135deg, #1A1A1A 0%, #0D7377 100%);
height: 400px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--teal);
position: relative;
}
.adult-visual i {
font-size: 5rem;
color: var(--teal);
opacity: 0.3;
}
.why-us { background: var(--teal); color: var(--black); }
.why-us .section-header h2,
.why-us .section-header p { color: var(--black); }
.why-us .red-line { background: var(--red-dark); }
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
max-width: 1000px;
margin: 0 auto;
}
.why-card {
text-align: center;
padding: 2rem;
}
.why-card i {
font-size: 2.5rem;
color: var(--black);
margin-bottom: 1rem;
display: block;
}
.why-card h3 {
font-size: 1.2rem;
font-weight: 800;
margin-bottom: 0.5rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.why-card p {
font-size: 0.9rem;
opacity: 0.85;
}
.faq { background: var(--charcoal); }
.faq-container {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
border-bottom: 1px solid var(--light-gray);
margin-bottom: 1rem;
}
.faq-question {
padding: 1.5rem 0;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 700;
font-size: 1.1rem;
color: var(--pure-white);
transition: color 0.3s;
}
.faq-question:hover { color: var(--teal); }
.faq-question i {
color: var(--red);
transition: transform 0.3s;
}
.faq-item.active .faq-question i { transform: rotate(180deg); }
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s, padding 0.4s;
color: var(--gray);
font-size: 0.95rem;
}
.faq-item.active .faq-answer {
max-height: 300px;
padding-bottom: 1.5rem;
}
.booking {
background: linear-gradient(135deg, var(--black) 0%, var(--charcoal) 100%);
position: relative;
}
.booking-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
max-width: 1100px;
margin: 0 auto;
align-items: start;
}
.booking-info h2 {
font-family: 'Playfair Display', serif;
font-size: 2.5rem;
margin-bottom: 1rem;
}
.booking-info p {
color: var(--gray);
margin-bottom: 2rem;
}
.contact-detail {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1.2rem;
color: var(--white);
}
.contact-detail i {
color: var(--teal);
font-size: 1.2rem;
width: 25px;
}
.booking-form {
background: var(--charcoal);
padding: 2.5rem;
border: 1px solid var(--light-gray);
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--gray);
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 1rem;
background: var(--black);
border: 1px solid var(--light-gray);
color: var(--white);
font-family: 'Montserrat', sans-serif;
font-size: 0.95rem;
transition: border-color 0.3s;
border-radius: 0;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--teal);
}
.form-group textarea { resize: vertical; min-height: 100px; }
.form-note {
font-size: 0.8rem;
color: var(--gray);
margin-top: 1rem;
font-style: italic;
}
footer {
background: var(--black);
border-top: 1px solid var(--light-gray);
padding: 3rem 5%;
text-align: center;
}
.footer-logo {
font-family: 'Playfair Display', serif;
font-size: 2rem;
color: var(--teal);
margin-bottom: 1rem;
}
.footer-logo span { color: var(--red); }
.footer-tagline {
color: var(--gray);
font-style: italic;
margin-bottom: 2rem;
}
.footer-social {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-bottom: 2rem;
}
.footer-social a {
color: var(--gray);
font-size: 1.3rem;
transition: color 0.3s;
}
.footer-social a:hover { color: var(--teal); }
.footer-copy {
color: var(--gray);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 2px;
}
.deposit-policy {
background: rgba(230, 57, 70, 0.1);
border: 2px solid var(--red);
border-radius: 0;
padding: 2rem;
margin: 2rem auto;
max-width: 800px;
text-align: center;
}
.deposit-policy h3 {
color: var(--red);
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 2px;
}
.deposit-policy p {
color: var(--white);
font-size: 1rem;
line-height: 1.8;
margin-bottom: 0.8rem;
}
.deposit-policy .deposit-amount {
color: var(--teal);
font-weight: 700;
font-size: 1.1rem;
}
@media (max-width: 768px) {
.nav-links { display: none; }
.mobile-menu-btn { display: block; }
.hero h1 { font-size: 3rem; }
.adult-grid,
.booking-container { grid-template-columns: 1fr; }
.pkg-card.featured { transform: scale(1); }
section { padding: 4rem 5%; }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in {
animation: fadeInUp 0.8s ease-out;
}
</style>
</head>
<body>
<<nav>
<a href="#" class="logo">
<img src="logo.png" alt="Let's Bloww Rentals Logo" onerror="this.style.display='none';this.nextElementSibling.style.display='block';">
<span class="logo-fallback" style="display:none;">Let's <span>Bloww</span></span>
</a>
<ul class="nav-links">
<li><a href="#inventory">Inventory</a></li>
<li><a href="#packages">Packages</a></li>
<li><a href="#adult">Adult Parties</a></li>
<li><a href="#why-us">Why Us</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#booking" class="nav-cta">Book Now</a></li>
</ul>
<button class="mobile-menu-btn" aria-label="Toggle navigation menu"><i class="fas fa-bars"></i></button>
</nav>
<section class="hero">
<div class="hero-content fade-in">
<div class="hero-tag">Nipomo, CA • Serving All of SLO County</div>
<h1>We <span class="teal">Bloww</span>.<<br>You <span class="red">Bounce</span>.<<br>Everybody Wins.</h1>
<p class="hero-sub">The Central Coast's most fun inflatable rental company. Bounce houses, water slides, hot tubs, ball pits & splash games — for kids' birthdays, adult pool parties, and everything in between.</p>
<div class="hero-btns">
<a href="#booking" class="btn btn-primary">Get a Quote</a>
<a href="#inventory" class="btn btn-outline">See Inventory</a>
</div>
<div class="hero-trust">
<span><i class="fas fa-shield-alt"></i> Fully Insured</span>
<span><i class="fas fa-star"></i> 5-Star Clean</span>
<span><i class="fas fa-truck"></i> Free Local Delivery</span>
<span><i class="fas fa-user"></i> Owner-Operated</span>
</div>
</div>
</section>
<section class="inventory" id="inventory">
<div class="section-header">
<h2>The Arsenal</h2>
<div class="red-line"></div>
<p>Clean, commercial-grade, and ready to party. Every unit sanitized after every rental — we even send you the photos.</p>
</div>
<div class="inventory-grid">
<div class="inv-card">
<div class="inv-img" style="background-image: url('https://images.unsplash.com/photo-1560328053-e4c0c6f3c5a2?w=600');"></div>
<div class="inv-content">
<div class="inv-tag">Kids & Adults</div>
<h3>Standard Bounce House</h3>
<p>13×13 or 15×15 classic bounce arena. Mesh windows, reinforced entrance, 800-lb capacity. The OG party starter.</p>
<div class="inv-price">$`175 <span>/ day</span></div>
</div>
</div>
<div class="inv-card">
<div class="inv-img" style="background-image: url('https://images.unsplash.com/photo-1596908181055-e10301e29561?w=600');"></div>
<div class="inv-content">
<div class="inv-tag">Add-On</div>
<h3>Ball Pit Conversion</h3>
<p>3,000 crush-proof balls transform any bounce house into a sensory playground. Toddlers love it. Adults Instagram it.</p>
<div class="inv-price">+`$125 <span>with bounce house</span></div>
</div>
</div>
<div class="inv-card">
<div class="inv-img" style="background-image: url('https://images.unsplash.com/photo-1562771379-e71d25bd9ce3?w=600');"></div>
<div class="inv-content">
<div class="inv-tag">Kids & Adults</div>
<h3>Combo Unit</h3>
<p>Bounce arena + built-in slide + climbing wall. The all-in-one unit that keeps the line moving and the energy high.</p>
<div class="inv-price">$`300 <span>/ day</span></div>
</div>
</div>
<div class="inv-card">
<div class="inv-img" style="background-image: url('https://images.unsplash.com/photo-1519331379826-f5be8f393f26?w=600');"></div>
<div class="inv-content">
<div class="inv-tag">Summer Favorite</div>
<h3>18-Foot Water Slide</h3>
<p>Towering dual-lane slide with splash pool at the bottom. Commercial-grade vinyl rated for teens and adults.</p>
<div class="inv-price">`$250 <span>/ day</span></div>
</div>
</div>
<div class="inv-card">
<div class="inv-img" style="background-image: url('https://images.unsplash.com/photo-1576013551627-0cc20b96c2a7?w=600');"></div>
<div class="inv-content">
<div class="inv-tag">Adult Favorite</div>
<h3>Inflatable Hot Tub</h3>
<p>Heated to 104°F, LED lights, waterproof speaker, and fresh water every time. The after-hours MVP.</p>
<div class="inv-price">$`275 <span>/ day</span></div>
</div>
</div>
<div class="inv-card">
<div class="inv-img" style="background-image: url('https://images.unsplash.com/photo-1530103862676-de3c9a59aa38?w=600');"></div>
<div class="inv-content">
<div class="inv-tag">Interactive</div>
<h3>Beat the Bucket / Splashdown</h3>
<p>Dunk tank alternative with a trigger-activated bucket dump. Great for fundraisers, corporate events, and rivalries.</p>
<div class="inv-price">`$225 <span>/ day</span></div>
</div>
</div>
</div>
</section>
<section class="packages" id="packages">
<div class="section-header">
<h2>Party Packages</h2>
<div class="red-line"></div>
<p>Pre-built bundles for every vibe. All packages include delivery, setup, and breakdown within 30 miles of Nipomo.</p>
</div>
<div class="packages-grid">
<div class="pkg-card">
<div class="pkg-name">The Kid Zone</div>
<div class="pkg-price">$`275 <span>flat</span></div>
<ul class="pkg-features">
<li><i class="fas fa-check"></i> Standard Bounce House</li>
<li><i class="fas fa-check"></i> Ball Pit Conversion</li>
<li><i class="fas fa-check"></i> 1 Concession Machine</li>
<li><i class="fas fa-check"></i> Free Local Delivery</li>
<li><i class="fas fa-check"></i> Setup & Breakdown</li>
</ul>
<a href="#booking" class="btn btn-outline" style="width:100%">Book This</a>
</div>
<div class="pkg-card featured">
<div class="pkg-name">The Splash Bash</div>
<div class="pkg-price">`$450 <span>flat</span></div>
<ul class="pkg-features">
<li><i class="fas fa-check"></i> 18-Foot Water Slide</li>
<li><i class="fas fa-check"></i> Commercial Slip N Slide</li>
<li><i class="fas fa-check"></i> Inflatable Mini Pool</li>
<li><i class="fas fa-check"></i> Free Local Delivery</li>
<li><i class="fas fa-check"></i> Setup & Breakdown</li>
</ul>
<a href="#booking" class="btn btn-primary" style="width:100%">Book This</a>
</div>
<div class="pkg-card">
<div class="pkg-name">The Adult Swim</div>
<div class="pkg-price">$`550 <span>flat</span></div>
<ul class="pkg-features">
<li><i class="fas fa-check"></i> Inflatable Hot Tub</li>
<li><i class="fas fa-check"></i> Hydro Blaster Battle</li>
<li><i class="fas fa-check"></i> LED Lighting Package</li>
<li><i class="fas fa-check"></i> Waterproof Speaker</li>
<li><i class="fas fa-check"></i> Setup & Breakdown</li>
</ul>
<a href="#booking" class="btn btn-outline" style="width:100%">Book This</a>
</div>
<div class="pkg-card">
<div class="pkg-name">Corporate Challenge</div>
<div class="pkg-price">`$650 <span>flat</span></div>
<ul class="pkg-features">
<li><i class="fas fa-check"></i> Double-Lane Water Slide</li>
<li><i class="fas fa-check"></i> Beat the Bucket Game</li>
<li><i class="fas fa-check"></i> Branded Yard Signage</li>
<li><i class="fas fa-check"></i> Certificate of Insurance</li>
<li><i class="fas fa-check"></i> Itemized Invoice</li>
</ul>
<a href="#booking" class="btn btn-outline" style="width:100%">Book This</a>
</div>
<div class="pkg-card">
<div class="pkg-name">The Full Bloww</div>
<div class="pkg-price">$`850 <span>flat</span></div>
<ul class="pkg-features">
<li><i class="fas fa-check"></i> Any 3 Major Units</li>
<li><i class="fas fa-check"></i> All Add-Ons Included</li>
<li><i class="fas fa-check"></i> Extended Delivery Radius</li>
<li><i class="fas fa-check"></i> Priority Setup Time</li>
<li><i class="fas fa-check"></i> Dedicated Support Line</li>
</ul>
<a href="#booking" class="btn btn-red" style="width:100%">Book This</a>
</div>
</div>
</section>
<section class="adult" id="adult">
<div class="adult-grid">
<div class="adult-content">
<h2>Who Says Bouncing Is Just For <span>Kids</span>?</h2>
<p>Let's be honest — you've been to enough boring barbecues. Level up your next pool party, bachelorette weekend, or corporate retreat with inflatables built for grown-ups who refuse to act their age.</p>
<p>Our <strong>Adult Swim</strong> packages include LED lighting for night events, waterproof Bluetooth speakers, and zero judgment. We won't tell your HOA if you don't.</p>
<ul class="adult-features">
<li><i class="fas fa-glass-cheers"></i> BYOB-Friendly Events</li>
<li><i class="fas fa-music"></i> Playlist-Approved Speakers</li>
<li><i class="fas fa-moon"></i> Evening LED Lighting</li>
<li><i class="fas fa-briefcase"></i> Corporate COI & Invoicing</li>
<li><i class="fas fa-user-secret"></i> Discreet Plain-White Delivery</li>
</ul>
<a href="#booking" class="btn btn-red">Explore Adult Packages</a>
</div>
<div class="adult-visual">
<i class="fas fa-cocktail"></i>
</div>
</div>
</section>
<section class="why-us" id="why-us">
<div class="section-header">
<h2>Why Let's Bloww?</h2>
<div class="red-line"></div>
<p>We're not a franchise. We're not a call center. We're a local owner-operator who gives a damn about your party.</p>
</div>
<div class="why-grid">
<div class="why-card">
<i class="fas fa-broom"></i>
<h3>Hospital-Grade Clean</h3>
<p>Vacuumed, scrubbed, disinfected, and dried after every single rental. Time-stamped photos sent to your phone. No exceptions.</p>
</div>
<div class="why-card">
<i class="fas fa-hand-holding-usd"></i>
<h3>No Hidden Fees</h3>
<p>What you see is what you pay. Delivery, setup, and breakdown are included within 30 miles. No surprise charges. No nonsense.</p>
</div>
<div class="why-card">
<i class="fas fa-phone-alt"></i>
<h3>Text the Owner Directly</h3>
<p>No call centers. No third-party drivers. You get my cell number, and I answer until 10pm. Your party matters to me.</p>
</div>
<div class="why-card">
<i class="fas fa-shield-alt"></i>
<h3>Fully Insured</h3>
<p>`$2M general liability coverage. ASTM-compliant equipment. Safety walkthrough before every event. We take the boring stuff seriously.</p>
</div>
65 depending on distance.
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
What happens if it rains or gets windy?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
Safety first. If sustained winds exceed 20 mph or lightning is detected within 10 miles, we will reschedule your rental at no charge or issue a full refund. Light rain is fine for water slides; bounce houses must be deflated if surfaces get slippery.
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
Are your units actually clean?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
We get it — nobody wants to bounce in someone else's grass stains. Every unit is vacuumed, scrubbed, disinfected with EPA-approved cleaner, and dried completely after every single rental. We even send you time-stamped photos of the cleaning process. Hot tubs are drained, scrubbed, and refilled with fresh water for every client. No exceptions.
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
Can adults really use the bounce houses?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
Absolutely. Our commercial-grade units support up to 800–1,000 lbs total capacity. That means 4–6 adults can bounce simultaneously, depending on the unit. Just follow the capacity signage and leave the backflips to the professionals.
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How does the hot tub rental work?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
We deliver the inflatable hot tub to your backyard, fill it with fresh water, heat it to your preferred temperature (up to 104°F), and balance the chemicals. You get floating LED lights, a waterproof Bluetooth speaker, and a cover. We pick it up the next day (or per your rental period). All you need is a level surface and a hose.
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
Do I need to provide power?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
Yes — a standard 110V outlet within 50 feet of the setup area. If you're at a park or venue without power, we rent generators for $75/day. Hot tubs require a dedicated GFCI outlet.
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
What's your cancellation policy?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
Deposits are non-refundable. Cancellations 14+ days out can apply the deposit to a future rental within 12 months. Cancellations within 7 days forfeit the deposit. Weather-related cancellations follow our Weather Policy — we never charge for unsafe conditions.
</div>
</div>
</div>
</section>
<section class="booking" id="booking">
<div class="section-header">
<h2>Let's Get This Party Started</h2>
<div class="red-line"></div>
<p>Fill out the form below and we'll get back to you within 2 hours with a personalized quote. Or text us — we're fast.</p>
</div>
<div class="deposit-policy">
<h3><i class="fas fa-percent"></i> Deposit Policy</h3>
<p>To secure your event date, a <span class="deposit-amount">40% deposit</span> is required at the time of booking.</p>
<p>Deposits are non-refundable but can be applied to future rentals within 12 months if cancellation occurs 14+ days before your event. Cancellations within 7 days forfeit the deposit. Weather-related cancellations are fully refunded.</p>
</div>
<div class="booking-container">
<div class="booking-info">
<h2>Hit Us Up</h2>
<p>We read every message. If you don't hear back within 2 hours during business hours (8am–8pm), assume your text got eaten by the internet and send it again.</p>
<div class="contact-detail">
<i class="fas fa-map-marker-alt"></i>
<span>459 Uranus Court, Nipomo, CA 93444</span>
</div>
<div class="contact-detail">
<i class="fas fa-phone"></i>
<span>(805) XXX-XXXX</span>
</div>
<div class="contact-detail">
<i class="fas fa-envelope"></i>
<span>Book@letsbloww.com</span>
</div>
<div class="contact-detail">
<i class="fas fa-clock"></i>
<span>Mon–Sun: 8am–8pm</span>
</div>
<div class="contact-detail">
<i class="fas fa-truck"></i>
<span>Free Delivery: 30-mile radius</span>
</div>
</div>
<div class="booking-form">
<form action="#" method="POST">
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" required placeholder="Jane Doe">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required placeholder="jane@example.com">
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input type="tel" id="phone" name="phone" required placeholder="(805) 555-0123">
</div>
<div class="form-group">
<label for="event_date">Event Date</label>
<input type="date" id="event_date" name="event_date" required>
</div>
<div class="form-group">
<label for="unit">Interested In</label>
<select id="unit" name="unit" required>
<option value="">Select a unit or package...</option>
<option value="bounce-house">Standard Bounce House</option>
<option value="combo-unit">Combo Unit (Bounce + Slide)</option>
<option value="water-slide">18-Foot Water Slide</option>
<option value="slip-n-slide">Commercial Slip N Slide</option>
<option value="hot-tub">Inflatable Hot Tub</option>
<option value="mini-pool">Inflatable Mini Pool</option>
<option value="splashdown">Beat the Bucket / Splashdown</option>
<option value="kid-zone">The Kid Zone Package</option>
<option value="splash-bash">The Splash Bash Package</option>
<option value="adult-swim">The Adult Swim Package</option>
<option value="corporate">Corporate Challenge Package</option>
<option value="full-bloww">The Full Bloww Package</option>
<option value="multiple">Multiple Items / Custom</option>
</select>
</div>
<div class="form-group">
<label for="location">Event Location (City)</label>
<input type="text" id="location" name="location" required placeholder="Arroyo Grande, CA">
</div>
<div class="form-group">
<label for="message">Tell Us About Your Event</label>
<<textarea id="message" name="message" placeholder="Birthday party for a 7-year-old, about 15 kids, backyard on grass..."></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width:100%">Request My Quote</button>
<p class="form-note">Formspree integration ready: sign up at formspree.io, grab your form ID, and replace the form action above.</p>
</form>
</div>
</div>
</section>
<<footer>
<div class="footer-logo">Let's <span>Bloww</span></div>
<p class="footer-tagline">We Bloww. You Bounce. Everybody Wins.</p>
<div class="footer-social">
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
<a href="#" aria-label="TikTok"><i class="fab fa-tiktok"></i></a>
<a href="#" aria-label="Yelp"><i class="fab fa-yelp"></i></a>
</div>
<p class="footer-copy">© 2026 Let's Bloww Rentals. All rights reserved. | Nipomo, CA</p>
</footer>
<script>
function toggleFaq(element) {
const item = element.parentElement;
const isActive = item.classList.contains('active');
document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));
if (!isActive) item.classList.add('active');
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
const mobileBtn = document.querySelector('.mobile-menu-btn');
const navLinks = document.querySelector('.nav-links');
if (mobileBtn && navLinks) {
mobileBtn.addEventListener('click', () => {
const isOpen = navLinks.style.display === 'flex';
if (isOpen) {
navLinks.style.display = '';
navLinks.style.position = '';
navLinks.style.top = '';
navLinks.style.left = '';
navLinks.style.right = '';
navLinks.style.flexDirection = '';
navLinks.style.background = '';
navLinks.style.padding = '';
navLinks.style.borderBottom = '';
navLinks.style.gap = '';
navLinks.style.zIndex = '';
} else {
navLinks.style.display = 'flex';
navLinks.style.position = 'absolute';
navLinks.style.top = '100%';
navLinks.style.left = '0';
navLinks.style.right = '0';
navLinks.style.flexDirection = 'column';
navLinks.style.background = 'rgba(10, 10, 10, 0.98)';
navLinks.style.padding = '1.5rem';
navLinks.style.borderBottom = '1px solid rgba(20, 160, 152, 0.3)';
navLinks.style.gap = '1.5rem';
navLinks.style.zIndex = '999';
}
});
}
window.addEventListener('resize', () => {
if (window.innerWidth > 768 && navLinks) {
navLinks.style.display = '';
navLinks.style.position = '';
navLinks.style.top = '';
navLinks.style.left = '';
navLinks.style.right = '';
navLinks.style.flexDirection = '';
navLinks.style.background = '';
navLinks.style.padding = '';
navLinks.style.borderBottom = '';
navLinks.style.gap = '';
navLinks.style.zIndex = '';
}
});
</script>
</body>
</html>
</div>
</section>
<section class="faq" id="faq">
<div class="section-header">
<h2>The Fine Print (But Fun)</h2>
<div class="red-line"></div>
<p>Everything you need to know before you book. If we missed something, text us.</p>
</div>
<div class="faq-container">
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How far in advance should I book?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
Peak season (May–September) weekends book 3–4 weeks out. We recommend 2 weeks ahead for water slides and hot tubs. Off-season and weekdays often have same-week availability.
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
Do you deliver to my city?
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
FREE delivery within 30 miles of Nipomo. That covers Nipomo, Arroyo Grande, Grover Beach, Pismo Beach, Oceano, Santa Maria, Orcutt, and most of SLO. Extended delivery is available for