<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
.mc-wrap {
font-family: 'DM Sans', sans-serif;
color: #1a2530;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
/* ── HERO ─────────────────────────────────────────── */
.mc-hero {
background: #0b2d45;
padding: 72px 40px 64px;
text-align: center;
position: relative;
overflow: hidden;
}
.mc-hero::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(ellipse at 60% 0%, rgba(29,111,168,0.25) 0%, transparent 65%),
radial-gradient(ellipse at 10% 100%, rgba(13,62,94,0.4) 0%, transparent 60%);
pointer-events: none;
}
.mc-hero-inner { position: relative; z-index: 1; max-width: 620px; margin: 0 auto; }
.mc-eyebrow {
display: inline-block;
font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase;
color: #7ecef5; margin-bottom: 20px;
}
.mc-hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(32px, 5vw, 48px);
font-weight: 400;
color: #fff;
line-height: 1.2;
margin-bottom: 18px;
}
.mc-hero h1 em { font-style: italic; color: #7ecef5; }
.mc-hero p {
font-size: 16px; font-weight: 300;
color: rgba(255,255,255,0.65);
max-width: 440px; margin: 0 auto 32px;
line-height: 1.7;
}
.mc-hero-ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.mc-btn-primary {
display: inline-block; text-decoration: none;
background: #1d6fa8; color: #fff;
padding: 13px 28px; border-radius: 8px;
font-size: 14px; font-weight: 500; letter-spacing: 0.2px;
transition: background 0.2s, transform 0.15s;
}
.mc-btn-primary:hover { background: #1a5f92; transform: translateY(-1px); }
.mc-btn-ghost {
display: inline-block; text-decoration: none;
background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.85);
border: 1px solid rgba(255,255,255,0.2);
padding: 13px 28px; border-radius: 8px;
font-size: 14px; font-weight: 400;
transition: background 0.2s, transform 0.15s;
}
.mc-btn-ghost:hover { background: rgba(255,255,255,0.14); transform: translateY(-1px); }
/* ── TRUST BAR ────────────────────────────────────── */
.mc-trust {
background: #f5f3ef;
border-top: 1px solid #e8e4de;
border-bottom: 1px solid #e8e4de;
padding: 16px 32px;
display: flex; align-items: center; justify-content: center;
gap: 36px; flex-wrap: wrap;
}
.mc-trust-item {
font-size: 13px; color: #4a5560;
display: flex; align-items: center; gap: 8px;
white-space: nowrap;
}
.mc-trust-dot {
width: 6px; height: 6px; border-radius: 50%;
background: #1d9e75; flex-shrink: 0;
}
/* ── INTRO ────────────────────────────────────────── */
.mc-intro {
padding: 64px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
max-width: 1000px;
margin: 0 auto;
align-items: center;
}
.mc-intro-label {
font-size: 11px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase;
color: #1d6fa8; margin-bottom: 12px;
}
.mc-intro h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(24px, 3vw, 32px); font-weight: 400;
color: #0b2d45; line-height: 1.3; margin-bottom: 16px;
}
.mc-intro p {
font-size: 15px; color: #4a5560; line-height: 1.75; margin-bottom: 12px;
}
.mc-intro-stats {
display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
.mc-stat {
background: #f5f3ef; border-radius: 10px; padding: 20px;
border: 1px solid #e8e4de;
}
.mc-stat-num {
font-family: 'Playfair Display', serif;
font-size: 30px; font-weight: 400; color: #0b2d45; margin-bottom: 4px;
}
.mc-stat-label { font-size: 12px; color: #6b7680; line-height: 1.4; }
/* ── SERVICES ─────────────────────────────────────── */
.mc-services-section {
background: #f5f3ef;
border-top: 1px solid #e8e4de;
border-bottom: 1px solid #e8e4de;
padding: 64px 40px;
}
.mc-services-head { text-align: center; margin-bottom: 40px; }
.mc-services-head .mc-intro-label { display: block; }
.mc-services-head h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(24px, 3vw, 30px); font-weight: 400;
color: #0b2d45; margin-bottom: 10px;
}
.mc-services-head p { font-size: 15px; color: #4a5560; max-width: 480px; margin: 0 auto; }
.mc-services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px; max-width: 1000px; margin: 0 auto;
}
.mc-service-card {
background: #fff;
border: 1px solid #e0dbd4;
border-radius: 12px; padding: 28px 24px;
transition: transform 0.2s, box-shadow 0.2s;
}
.mc-service-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(11,45,69,0.08); }
.mc-service-icon {
width: 40px; height: 40px; border-radius: 10px;
background: #e6f1fb; margin-bottom: 16px;
display: flex; align-items: center; justify-content: center;
}
.mc-service-card h3 {
font-size: 16px; font-weight: 500; color: #0b2d45; margin-bottom: 8px;
}
.mc-service-card p { font-size: 13px; color: #5a6570; line-height: 1.65; margin-bottom: 14px; }
.mc-service-tag {
display: inline-block; font-size: 11px; font-weight: 500;
background: #e6f1fb; color: #185fa5;
padding: 3px 10px; border-radius: 20px;
}
/* ── WHY ──────────────────────────────────────────── */
.mc-why { padding: 64px 40px; max-width: 1000px; margin: 0 auto; }
.mc-why-head { margin-bottom: 36px; }
.mc-why-head h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(22px, 3vw, 28px); font-weight: 400;
color: #0b2d45; margin-bottom: 8px;
}
.mc-why-head p { font-size: 15px; color: #4a5560; max-width: 460px; }
.mc-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.mc-why-item {
border-left: 2px solid #1d6fa8;
padding: 18px 18px 18px 20px;
background: #f9f8f6;
border-radius: 0 8px 8px 0;
}
.mc-why-item strong { display: block; font-size: 14px; font-weight: 500; color: #0b2d45; margin-bottom: 5px; }
.mc-why-item span { font-size: 13px; color: #5a6570; line-height: 1.55; }
/* ── PHONE CTA ────────────────────────────────────── */
.mc-phone-strip {
background: #0b2d45;
padding: 40px;
text-align: center;
}
.mc-phone-strip p {
font-size: 14px; color: rgba(255,255,255,0.6); margin-bottom: 10px;
}
.mc-phone-num {
display: inline-block; text-decoration: none;
font-family: 'Playfair Display', serif;
font-size: clamp(28px, 4vw, 40px); font-weight: 400;
color: #7ecef5; letter-spacing: 1px;
transition: color 0.2s;
}
.mc-phone-num:hover { color: #fff; }
.mc-phone-strip .mc-sub {
margin-top: 8px; font-size: 13px; color: rgba(255,255,255,0.4);
}
/* ── CONTACT SECTION ──────────────────────────────── */
.mc-contact {
padding: 64px 40px;
background: #f5f3ef;
border-top: 1px solid #e8e4de;
}
.mc-contact-inner {
max-width: 780px; margin: 0 auto;
display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;
}
.mc-contact h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(22px, 3vw, 28px); font-weight: 400;
color: #0b2d45; margin-bottom: 12px;
}
.mc-contact p { font-size: 14px; color: #4a5560; line-height: 1.7; margin-bottom: 20px; }
.mc-contact-detail {
font-size: 13px; color: #5a6570; margin-bottom: 8px;
display: flex; gap: 10px;
}
.mc-contact-detail strong { color: #0b2d45; font-weight: 500; min-width: 60px; }
.mc-contact-cards { display: flex; flex-direction: column; gap: 12px; }
.mc-contact-card {
display: block; text-decoration: none;
background: #fff; border: 1px solid #e0dbd4;
border-radius: 10px; padding: 18px 20px;
transition: transform 0.15s, box-shadow 0.15s;
}
.mc-contact-card:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(11,45,69,0.07); }
.mc-contact-card-title { font-size: 14px; font-weight: 500; color: #0b2d45; margin-bottom: 3px; }
.mc-contact-card-desc { font-size: 12px; color: #6b7680; }
.mc-contact-card-desc a { color: #1d6fa8; text-decoration: none; font-weight: 500; }
/* ── FOOTER ───────────────────────────────────────── */
.mc-footer {
padding: 20px 40px;
border-top: 1px solid #e0dbd4;
display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;
background: #fff;
}
.mc-footer p { font-size: 12px; color: #8a9199; }
/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 640px) {
.mc-hero { padding: 52px 24px 48px; }
.mc-intro { grid-template-columns: 1fr; gap: 32px; padding: 48px 24px; }
.mc-services-section { padding: 48px 24px; }
.mc-why { padding: 48px 24px; }
.mc-contact-inner { grid-template-columns: 1fr; gap: 32px; }
.mc-contact { padding: 48px 24px; }
.mc-phone-strip { padding: 36px 24px; }
.mc-footer { padding: 18px 24px; flex-direction: column; gap: 4px; }
.mc-trust { gap: 16px; padding: 14px 20px; }
}
</style>
<div class="mc-wrap">
<!-- HERO -->
<div class="mc-hero">
<div class="mc-hero-inner">
<span class="mc-eyebrow">Fort Myers, Florida</span>
<h1>Not your average<br><em>storage facility.</em></h1>
<p>Over 40 years of boat building and expert care. We stay intentionally small — so every vessel and RV gets our full, personal attention.</p>
<div class="mc-hero-ctas">
<a href="https://mcmanusstorage.com/contact/" class="mc-btn-primary">Get in touch</a>
<a href="tel:2394541114" class="mc-btn-ghost">Call 239.454.1114</a>
</div>
</div>
</div>
<!-- TRUST BAR -->
<div class="mc-trust">
<div class="mc-trust-item"><div class="mc-trust-dot"></div>40+ years of experience</div>
<div class="mc-trust-item"><div class="mc-trust-dot"></div>Fort Myers — serving all of SWFL</div>
<div class="mc-trust-item"><div class="mc-trust-dot"></div>Intentionally small & personal</div>
<div class="mc-trust-item"><div class="mc-trust-dot"></div>Certified repairs on-site</div>
</div>
<!-- INTRO / ABOUT -->
<div class="mc-intro">
<div>
<div class="mc-intro-label">Who we are</div>
<h2>Built on decades of boat-building expertise.</h2>
<p>Unlike large storage facilities, we keep our operation small by design. That means we can dedicate real time and attention to protecting your investment — not just parking it in a lot.</p>
<p>We've been building boats and caring for vessels for more than 40 years. That experience is behind every service we offer.</p>
</div>
<div class="mc-intro-stats">
<div class="mc-stat">
<div class="mc-stat-num">40+</div>
<div class="mc-stat-label">Years of boat-building & marine expertise</div>
</div>
<div class="mc-stat">
<div class="mc-stat-num">SWFL</div>
<div class="mc-stat-label">Serving Southwest Florida from Fort Myers</div>
</div>
<div class="mc-stat">
<div class="mc-stat-num">Small</div>
<div class="mc-stat-label">Intentionally limited capacity for better care</div>
</div>
<div class="mc-stat">
<div class="mc-stat-num">One-stop</div>
<div class="mc-stat-label">Storage, repairs & detailing all in one place</div>
</div>
</div>
</div>
<!-- SERVICES -->
<div class="mc-services-section">
<div class="mc-services-head">
<span class="mc-intro-label">What we offer</span>
<h2>Full-service storage, not just a parking spot.</h2>
<p>From secure storage to show-ready detailing and certified repairs — we handle it all while your vessel is with us.</p>
</div>
<div class="mc-services-grid">
<div class="mc-service-card">
<div class="mc-service-icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="3" y="9" width="14" height="9" rx="2" stroke="#1D6FA8" stroke-width="1.5"/>
<path d="M7 9V6a3 3 0 016 0v3" stroke="#1D6FA8" stroke-width="1.5" stroke-linecap="round"/>
</svg>
</div>
<h3>Secure storage</h3>
<p>24/7 protected storage for boats and RVs of all sizes. Your investment is watched over — year-round.</p>
<span class="mc-service-tag">Year-round</span>
</div>
<div class="mc-service-card">
<div class="mc-service-icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M4 16l3-3m6-6l3-3M8 12l4-4" stroke="#1D6FA8" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="6" cy="14" r="1.75" stroke="#1D6FA8" stroke-width="1.3"/>
<circle cx="14" cy="6" r="1.75" stroke="#1D6FA8" stroke-width="1.3"/>
</svg>
</div>
<h3>Certified repairs</h3>
<p>Issues found? We diagnose and fix problems while your vessel is in storage — no hauling to a separate shop.</p>
<span class="mc-service-tag">On-site</span>
</div>
<div class="mc-service-card">
<div class="mc-service-icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<circle cx="10" cy="10" r="7" stroke="#1D6FA8" stroke-width="1.5"/>
<path d="M7 10l2 2 4-4" stroke="#1D6FA8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<h3>Show-ready detailing</h3>
<p>Specialty restoration and advanced detailing technology — brought to absolute perfection.</p>
<span class="mc-service-tag">Premium</span>
</div>
<div class="mc-service-card">
<div class="mc-service-icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M10 3v14M3 10h14" stroke="#1D6FA8" stroke-width="1.5" stroke-linecap="round"/>
</svg>
</div>
<h3>Seasonal care plans</h3>
<p>We look after your investment like it's our own. Ask about ongoing and seasonal care arrangements.</p>
<span class="mc-service-tag">Flexible</span>
</div>
</div>
</div>
<!-- WHY MCMANUS -->
<div class="mc-why">
<div class="mc-why-head">
<span class="mc-intro-label">Why McManus</span>
<h2>The difference is in the details.</h2>
<p>We're not a big-box storage lot. Here's what sets us apart from facilities that just park your boat and forget it.</p>
</div>
<div class="mc-why-grid">
<div class="mc-why-item">
<strong>40 years of expertise</strong>
<span>Decades of boat building and marine care behind every service we offer.</span>
</div>
<div class="mc-why-item">
<strong>Small by design</strong>
<span>We limit capacity so your vessel always gets our full attention — never lost in a crowd.</span>
</div>
<div class="mc-why-item">
<strong>Repairs while stored</strong>
<span>Fix issues without extra hauls — our certified techs work right here on-site.</span>
</div>
<div class="mc-why-item">
<strong>Locally rooted in SWFL</strong>
<span>Fort Myers based, serving boaters and RV owners throughout Southwest Florida.</span>
</div>
</div>
</div>
<!-- PHONE CTA STRIP -->
<div class="mc-phone-strip">
<p>Ready to store with people who actually care?</p>
<a href="tel:2394541114" class="mc-phone-num">239.454.1114</a>
<p class="mc-sub">Give us a call — we're happy to answer questions and check availability.</p>
</div>
<!-- CONTACT SECTION -->
<div class="mc-contact">
<div class="mc-contact-inner">
<div>
<h2>Get in touch.</h2>
<p>Whether you have questions about availability, pricing, or services — we'll get back to you quickly and give you a straight answer.</p>
<div class="mc-contact-detail"><strong>Location</strong> Fort Myers, FL</div>
<div class="mc-contact-detail"><strong>Serves</strong> All of Southwest Florida</div>
<div class="mc-contact-detail"><strong>Phone</strong> <a href="tel:2394541114" style="color:#1d6fa8;text-decoration:none;">239.454.1114</a></div>
</div>
<div class="mc-contact-cards">
<a href="https://mcmanusstorage.com/contact/" class="mc-contact-card">
<div class="mc-contact-card-title">Send us a message</div>
<div class="mc-contact-card-desc">Fill out our contact form — we respond promptly.</div>
</a>
<a href="tel:2394541114" class="mc-contact-card">
<div class="mc-contact-card-title">Call us directly</div>
<div class="mc-contact-card-desc">Prefer to talk? Reach us at <a href="tel:2394541114">239.454.1114</a></div>
</a>
</div>
</div>
</div>
<!-- FOOTER -->
<div class="mc-footer">
<p>© 2026 McManus Boat & RV Storage — Fort Myers, Florida</p>
<p>mcmanusstorage.com</p>
</div>
</div>
</html>
