<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mile High Solar Care — Colorado Clean. Peak Power.</title>
<meta name="description" content="Mile High Solar Care offers warranty-safe solar panel cleaning in Denver & Aurora using pure water and panel-safe tools. Fast quotes, clear pricing, photo proof." />
<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<script src="https://cdn.tailwindcss.com"></script>
<style>html{scroll-behavior:smooth}</style>
<!-- Favicons -->
<link rel="icon" type="image/png" href="/images/logo.png">
<link rel="apple-touch-icon" href="/images/logo.png">
<!-- JSON-LD -->
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"LocalBusiness",
"name":"Mile High Solar Care",
"image":"https://milehighsolarcare.com/images/logo.png",
"telephone":"+1-970-699-5484",
"email":"quote@milehighsolarcare.com",
"url":"https://milehighsolarcare.com",
"priceRange":"$$",
"areaServed":["Denver","Aurora","Front Range"],
"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"opens":"08:00","closes":"18:00"}]
}
</script>
</head>
<body class="antialiased text-slate-900">
<!-- Header -->
<header class="fixed top-0 inset-x-0 z-50 bg-white/80 backdrop-blur border-b border-slate-200">
<div class="max-w-6xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-between">
<a href="#home" class="flex items-center gap-2" aria-label="Go to top">
<picture class="h-8">
<source srcset="/images/logo.webp" type="image/webp" />
<img src="/images/logo.png" alt="Mile High Solar Care" class="h-8 w-auto" />
</picture>
<span class="font-semibold">Mile High Solar Care</span>
</a>
<nav class="hidden md:flex items-center gap-6 text-sm">
<a href="#pricing" class="hover:text-[#0B4A30]">Pricing</a>
<a href="#included" class="hover:text-[#0B4A30]">What’s Included</a>
<a href="#service-area" class="hover:text-[#0B4A30]">Service Area</a>
<a href="#faqs" class="hover:text-[#0B4A30]">FAQs</a>
<a href="#contact" class="hover:text-[#0B4A30]">Contact</a>
</nav>
<div class="flex items-center gap-2">
<a href="tel:+19706995484" class="inline-flex items-center rounded-xl border border-[#0E5B3A] px-3 py-1.5 text-[#0B4A30] hover:bg-[#F0F7F3]" aria-label="Call Mile High Solar Care at 970-699-5484">(970) 699-5484</a>
<a href="#contact" class="hidden sm:inline-flex items-center rounded-xl bg-[#0E5B3A] text-white px-3 py-1.5 hover:bg-[#0B4A30]">Get a Quote</a>
</div>
</div>
</header>
<!-- Hero -->
<section id="home" class="relative h-[92vh] min-h-[640px] flex items-center justify-center">
<div class="absolute inset-0 -z-10 bg-cover bg-center" style="background-image:url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=2000&q=80');"></div>
<div class="absolute inset-0 -z-10 bg-black/50"></div>
<div class="mt-20 max-w-4xl mx-auto px-4 text-center text-white">
<picture>
<source srcset="/images/logo.webp" type="image/webp" />
<img src="/images/logo.png" alt="Mile High Solar Care" class="mx-auto h-20 w-auto mb-4 drop-shadow" />
</picture>
<h1 class="text-4xl sm:text-5xl md:text-6xl font-extrabold leading-tight">Colorado Clean. <span class="text-[#D8A020]">Peak Power.</span></h1>
<p class="mt-4 text-lg sm:text-xl opacity-95">Warranty-safe solar panel cleaning for Denver & Aurora. Pure-water wash, panel-safe brushes, and photo proof of results.</p>
<div class="mt-8 flex flex-col sm:flex-row gap-3 justify-center">
<a href="tel:+19706995484" class="inline-flex justify-center rounded-2xl bg-[#0E5B3A] px-6 py-3 text-base font-semibold text-white hover:bg-[#0B4A30]" aria-label="Call now">Call Now</a>
<a href="#pricing" class="inline-flex justify-center rounded-2xl bg-white/10 ring-1 ring-white/40 px-6 py-3 text-base font-semibold text-white hover:bg-white/20" aria-label="View pricing">View Pricing</a>
</div>
</div>
</section>
<!-- Pricing -->
<section id="pricing" class="py-20 bg-white">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold tracking-tight">Simple, Transparent Pricing</h2>
<p class="mt-2 text-slate-600">Most homes fall into these ranges. Final price confirmed after a quick photo/roof check.</p>
<div class="mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
<div class="rounded-2xl border border-slate-200 p-6">
<h3 class="text-lg font-semibold">Up to 12 Panels</h3>
<p class="mt-1 text-3xl font-bold">$129</p>
<ul class="mt-4 space-y-2 text-sm text-slate-700">
<li>Pure-water wash</li>
<li>Soft, panel-safe brushes</li>
<li>Basic inverter screenshot</li>
</ul>
</div>
<div class="rounded-2xl border border-[#AAD1B8] p-6 bg-[#F0F7F3]">
<h3 class="text-lg font-semibold">13–24 Panels</h3>
<p class="mt-1 text-3xl font-bold">$179</p>
<ul class="mt-4 space-y-2 text-sm text-slate-800">
<li>Pure-water wash</li>
<li>Panel-safe brushes</li>
<li>Before/After photo proof</li>
</ul>
</div>
<div class="rounded-2xl border border-slate-200 p-6">
<h3 class="text-lg font-semibold">25–40 Panels</h3>
<p class="mt-1 text-3xl font-bold">$249</p>
<ul class="mt-4 space-y-2 text-sm text-slate-700">
<li>Pure-water wash</li>
<li>Panel-safe brushes</li>
<li>Before/After photo proof</li>
</ul>
</div>
</div>
<div class="mt-6 text-sm text-slate-600">
<p><span class="font-semibold">Add-ons:</span> +$25 two-story access • +$40 steep roof • +$35 heavy debris (pine sap/pollen/bird) • +$49 skylight wash (pair)</p>
<p class="mt-2"><span class="font-semibold">Annual plan:</span> 2 cleanings/yr at <span class="font-semibold">10% off</span>. Ask for details.</p>
</div>
</div>
</section>
<!-- Included -->
<section id="included" class="py-20 bg-slate-50">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold tracking-tight">What’s Included (and Why It’s Warranty-Safe)</h2>
<div class="mt-8 grid gap-6 md:grid-cols-2">
<ul class="space-y-3 text-slate-700">
<li>✔️ <span class="font-medium">Pure-water system</span> (no minerals left behind)</li>
<li>✔️ <span class="font-medium">Panel-safe soft brushes</span> (no abrasives)</li>
<li>✔️ <span class="font-medium">No harsh chemicals</span> (manufacturer-friendly)</li>
<li>✔️ <span class="font-medium">Before/After photo proof</span> of results</li>
<li>✔️ <span class="font-medium">Inverter screenshot</span> on request</li>
</ul>
<div class="grid grid-cols-3 gap-3">
<img src="https://images.unsplash.com/photo-1509395176047-4a66953fd231?auto=format&fit=crop&w=600&q=60" alt="Before: dusty solar panel" class="rounded-xl object-cover w-full h-32">
<img src="https://images.unsplash.com/photo-1509395176047-4a66953fd231?auto=format&fit=crop&w=600&q=60" alt="After: cleaned solar panel" class="rounded-xl object-cover w-full h-32">
<img src="https://images.unsplash.com/photo-1520975922323-0f8f6d9d2701?auto=format&fit=crop&w=600&q=60" alt="Pure-water pole system" class="rounded-xl object-cover w-full h-32">
</div>
</div>
</div>
</section>
<!-- Service Area -->
<section id="service-area" class="py-20 bg-white">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold tracking-tight">Service Area</h2>
<p class="mt-2 text-slate-600">Denver • Aurora • Lakewood • Arvada • Thornton • Westminster • Centennial • Littleton • Parker • Highlands Ranch</p>
<p class="mt-2 text-slate-600">If you’re along the Front Range, we’ve got you covered.</p>
</div>
</section>
<!-- FAQs -->
<section id="faqs" class="py-20 bg-slate-50">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold tracking-tight">FAQs</h2>
<div class="mt-6 space-y-4">
<details class="group rounded-xl border border-slate-200 p-4 bg-white">
<summary class="cursor-pointer font-medium">How often should I clean my solar panels?</summary>
<p class="mt-2 text-slate-700">Most Denver-area homes benefit from a cleaning every 6–12 months. Pollen, dust, and ash can reduce production by 5–20% if left to build up.</p>
</details>
<details class="group rounded-xl border border-slate-200 p-4 bg-white">
<summary class="cursor-pointer font-medium">Is rain enough to keep panels clean?</summary>
<p class="mt-2 text-slate-700">Rain helps, but it often dries and leaves mineral spots that attract more dust. A pure-water wash removes residues without leaving spots.</p>
</details>
<details class="group rounded-xl border border-slate-200 p-4 bg-white">
<summary class="cursor-pointer font-medium">Does cleaning affect my warranty?</summary>
<p class="mt-2 text-slate-700">We follow panel-safe methods: soft brushes, no harsh chemicals, and manufacturer-friendly practices designed to be warranty-safe.</p>
</details>
<details class="group rounded-xl border border-slate-200 p-4 bg-white">
<summary class="cursor-pointer font-medium">Do you work in winter?</summary>
<p class="mt-2 text-slate-700">Yes—on safe, accessible roofs and weather-permitting. Winter grime and soot can still impact production.</p>
</details>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="py-20 bg-white">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold tracking-tight">Get a Fast Quote</h2>
<p class="mt-2 text-slate-600">Call, email, or send the short form and we’ll reply with a price and earliest availability.</p>
<div class="mt-8 grid gap-8 md:grid-cols-2">
<div class="space-y-3 text-slate-700">
<p><span class="font-semibold">Phone:</span> <a class="text-[#0B4A30] hover:underline" href="tel:+19706995484">(970) 699-5484</a></p>
<p><span class="font-semibold">Email:</span> <a class="text-[#0B4A30] hover:underline" href="mailto:quote@milehighsolarcare.com">quote@milehighsolarcare.com</a></p>
<p><span class="font-semibold">Hours:</span> Mon–Sat 8:00–6:00</p>
</div>
<form class="grid grid-cols-1 gap-4" action="mailto:quote@milehighsolarcare.com" method="post" enctype="text/plain">
<input class="rounded-xl border border-slate-300 px-4 py-3" type="text" name="name" placeholder="Your name" required aria-label="Your name" />
<input class="rounded-xl border border-slate-300 px-4 py-3" type="email" name="email" placeholder="Your email" required aria-label="Your email" />
<input class="rounded-xl border border-slate-300 px-4 py-3" type="text" name="address" placeholder="Service address (city OK)" aria-label="Service address" />
<input class="rounded-xl border border-slate-300 px-4 py-3" type="text" name="panels" placeholder="# of panels (approx)" aria-label="Number of panels" />
<textarea class="rounded-xl border border-slate-300 px-4 py-3" name="notes" rows="4" placeholder="Any details (two-story, steep roof, debris, timing)"></textarea>
<button class="rounded-2xl bg-[#0E5B3A] text-white font-semibold px-6 py-3 hover:bg-[#0B4A30]" type="submit">Send</button>
<p class="text-xs text-slate-500">Submitting opens your email app. If it doesn’t, email <a class="text-[#0B4A30]" href="mailto:quote@milehighsolarcare.com">quote@milehighsolarcare.com</a>.</p>
</form>
</div>
</div>
</section>
<footer class="border-t border-slate-200 py-10 bg-white">
<div class="max-w-6xl mx-auto px-4 text-sm text-slate-600">
<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2">
<p>© <span id="y"></span> Mile High Solar Care — Colorado Clean. Peak Power.</p>
<p>Serving Denver, Aurora & the Front Range • <a class="text-[#0B4A30] hover:underline" href="tel:+19706995484">(970) 699-5484</a></p>
</div>
</div>
<script>document.getElementById('y').textContent = new Date().getFullYear();</script>
</footer>
</body>
</html>