Files
AV-Yard-Pro-AI-Pilots-Client/locations.html
T

683 lines
38 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Antelope Valley Landscaping Service Areas | Next Gen Landscaping</title>
<meta name="description" content="Explore all High Desert service areas for Next Gen Landscaping & Yard Care. Dedicated residential yard care, fire clearance, weed abatement & synthetic turf in Palmdale, Lancaster, Quartz Hill, Acton & Rosamond, CA. Call (661) 743-9600.">
<meta name="keywords" content="Antelope Valley landscaper, Palmdale yard work, Lancaster weed abatement, Quartz Hill landscaping, Acton brush clearance, Rosamond tumbleweed removal, High Desert yard care">
<link rel="canonical" href="https://avyardpro.com/service-areas.html">
<!-- Favicon & Brand Manifest -->
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="manifest" href="site.webmanifest">
<meta name="theme-color" content="#00e676">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Antelope Valley Landscaping Service Areas | Next Gen">
<meta property="og:description" content="Dedicated residential yard care, LA County fire clearance & tumbleweed hauling across the Antelope Valley. Call (661) 743-9600.">
<meta property="og:image" content="images/brand-emblem.jpg">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<!-- Fonts & Stylesheet -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<!-- LocalBusiness Schema for Antelope Valley Coverage -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "HomeAndConstructionBusiness",
"name": "Next Gen Landscaping & Yard Care",
"image": "images/hero.jpg",
"telephone": "(661) 743-9600",
"email": "info@avyardpro.com",
"priceRange": "$$",
"address": {
"@type": "PostalAddress",
"addressLocality": "Palmdale",
"addressRegion": "CA",
"postalCode": "93550",
"addressCountry": "US"
},
"areaServed": [
{ "@type": "City", "name": "Palmdale", "postalCode": "93550, 93551, 93552" },
{ "@type": "City", "name": "Lancaster", "postalCode": "93534, 93535, 93536" },
{ "@type": "City", "name": "Quartz Hill", "postalCode": "93536" },
{ "@type": "City", "name": "Acton", "postalCode": "93510" },
{ "@type": "City", "name": "Agua Dulce", "postalCode": "93510" },
{ "@type": "City", "name": "Rosamond", "postalCode": "93560" },
{ "@type": "City", "name": "Mojave", "postalCode": "93501" },
{ "@type": "City", "name": "Littlerock", "postalCode": "93543" },
{ "@type": "City", "name": "Pearblossom", "postalCode": "93553" }
],
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
"opens": "06:30",
"closes": "19:00"
}
}
</script>
<style>
.location-hub-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 24px;
margin-bottom: 40px;
}
.location-hub-card {
background: #ffffff;
border: 1.5px solid var(--border-card);
border-radius: var(--radius-lg);
padding: 28px;
box-shadow: var(--shadow-sm);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all var(--transition-fast);
position: relative;
}
.location-hub-card:hover {
border-color: var(--neon-green);
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0, 200, 83, 0.12);
}
.location-hub-card h3 {
font-size: 1.35rem;
font-weight: 800;
color: var(--brand-black);
margin-bottom: 6px;
display: flex;
align-items: center;
justify-content: space-between;
}
.location-zip-badge {
display: inline-block;
font-size: 0.75rem;
font-weight: 700;
color: #047857;
background: #ecfdf5;
padding: 4px 10px;
border-radius: 9999px;
margin-bottom: 14px;
}
.location-hub-card p {
font-size: 0.9rem;
color: var(--text-secondary);
line-height: 1.6;
margin-bottom: 16px;
}
.location-hub-features {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
.location-hub-features li {
font-size: 0.84rem;
color: var(--text-secondary);
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.location-hub-features svg {
color: var(--neon-green);
flex-shrink: 0;
}
.climate-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
background: #ffffff;
border-radius: var(--radius-md);
overflow: hidden;
box-shadow: var(--shadow-sm);
}
.climate-table th, .climate-table td {
padding: 14px 16px;
text-align: left;
font-size: 0.88rem;
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.climate-table th {
background: #0a100c;
color: #ffffff;
font-weight: 700;
}
.climate-table tr:hover td {
background: #f8faf9;
}
</style>
</head>
<body>
<!-- 1. TOP ANNOUNCEMENT BAR -->
<aside class="announcement-bar" aria-label="Announcement">
<div class="announcement-content">
<span class="announcement-tag">
<svg class="icon-svg" width="13" height="13" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px;"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
Antelope Valley Territory Map
</span>
<span>Same-Day &amp; 48-Hour On-Site Estimates Across All High Desert Zip Codes.</span>
<a href="#quote-section" class="announcement-link">Get Instant Estimate &rarr;</a>
</div>
</aside>
<!-- 2. STICKY HEADER -->
<header class="site-header" id="header">
<div class="container header-container">
<a href="index.html" class="brand-logo" aria-label="Next Gen Landscaping Home">
<div class="logo-symbol">
<img src="logo-mark.svg" alt="Next Gen Landscaping & Yardwork Logo" width="44" height="44" class="custom-logo-mark">
</div>
<div class="logo-text">
<span class="brand-name">NEXT <span style="color: var(--neon-lime);">GEN</span></span>
<span class="brand-tagline">Landscaping & Yardwork</span>
</div>
</a>
<!-- Desktop Navigation -->
<nav class="nav-desktop" aria-label="Main Navigation">
<a href="index.html#services" class="nav-link">Services</a>
<a href="index.html#calculator" class="nav-link">Cost Calculator</a>
<a href="index.html#transformation" class="nav-link">Before & After</a>
<a href="index.html#projects" class="nav-link">Projects</a>
<a href="service-areas.html" class="nav-link active">Service Areas</a>
<a href="contact.html" class="nav-link">Contact</a>
</nav>
<!-- Header CTAs -->
<div class="header-cta-group">
<div class="lang-switch" role="group" aria-label="Language selector">
<button type="button" class="lang-btn active" data-lang="en">EN</button>
<button type="button" class="lang-btn" data-lang="es">ES</button>
</div>
<a href="tel:6617439600" class="phone-direct" aria-label="Call Next Gen Landscaping">
<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="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<span class="phone-text">(661) 743-9600</span>
</a>
<button class="btn btn-primary open-quote-btn" data-scope="All Service Areas">
Free Estimate
</button>
<button class="mobile-menu-btn" id="mobile-toggle" aria-label="Toggle navigation menu">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
</button>
</div>
</div>
<!-- Mobile Drawer Menu -->
<div class="mobile-nav-drawer" id="mobile-drawer">
<a href="index.html#services" class="nav-link mobile-link">All Services</a>
<a href="index.html#calculator" class="nav-link mobile-link">Cost Calculator</a>
<a href="index.html#transformation" class="nav-link mobile-link">Before & After</a>
<a href="index.html#projects" class="nav-link mobile-link">Featured Projects</a>
<a href="service-areas.html" class="nav-link mobile-link">Service Areas</a>
<a href="contact.html" class="nav-link mobile-link">Contact Us</a>
<div class="mobile-lang-wrap">
<span class="mobile-lang-label">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1 4-10z"/></svg>
Language / Idioma:
</span>
<div class="lang-switch" role="group" aria-label="Language selector">
<button type="button" class="lang-btn active" data-lang="en">EN</button>
<button type="button" class="lang-btn" data-lang="es">ES</button>
</div>
</div>
<button class="btn btn-primary open-quote-btn" data-scope="All Service Areas" style="width: 100%; margin-top: 10px;">Get Free Estimate</button>
</div>
</header>
<main id="main-content">
<!-- SUBPAGE HERO -->
<section class="subpage-hero">
<div class="container">
<nav class="breadcrumbs" aria-label="Breadcrumb">
<a href="index.html">Home</a>
<span class="separator">/</span>
<span>Service Areas</span>
</nav>
<div class="section-tag">
<span class="badge">
<span class="badge-dot"></span>
Comprehensive High Desert Coverage
</span>
</div>
<h1 class="subpage-title">
Antelope Valley Service Areas: <br>
<span class="neon-text">Precision Yard Care &amp; Fire Abatement</span>
</h1>
<p class="subpage-subtitle">
Next Gen operates dedicated residential crews across Palmdale, Lancaster, Quartz Hill, Acton, Agua Dulce, and Rosamond. Engineered specifically for High Desert caliche soils, open-desert windstorms, and strict fire clearance mandates.
</p>
<div style="display: flex; gap: 16px; flex-wrap: wrap; margin-top: 24px;">
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="All Service Areas">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
Request Local Area Quote
</button>
<a href="tel:6617439600" class="btn btn-secondary btn-lg">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
Direct Call: (661) 743-9600
</a>
</div>
</div>
</section>
<!-- CONTENT SECTION -->
<section class="service-content-section" style="background: #f4eee2;">
<div class="container">
<div class="service-content-grid">
<!-- Left: Territory Breakdown & City Cards -->
<div>
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 12px;">
Select Your City Or Territory
</h2>
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 28px;">
Every community in the Antelope Valley has distinct micro-climates, soil conditions, and municipal regulations. Click below to view dedicated services, equipment guarantees, and neighborhood pricing:
</p>
<!-- 1. City Hub Cards Grid -->
<div class="location-hub-grid">
<!-- Palmdale Card -->
<div class="location-hub-card">
<div>
<h3>Palmdale, CA <span style="font-size: 1rem; color: var(--neon-text-shade);">&rarr;</span></h3>
<span class="location-zip-badge">Zip Codes: 93550 &bull; 93551 &bull; 93552</span>
<p>Serving Rancho Vista, Anaverde foothills, Godde Hill, Desert Sands, and East Palmdale. LA County fire weed abatement and drought xeriscaping.</p>
<ul class="location-hub-features">
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> LA County Fire Abatement Sign-Off</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Synthetic Turf &amp; Putting Greens</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Hand Crew Hillside Precision (No Tractors)</li>
</ul>
</div>
<a href="palmdale-landscaping.html" class="btn btn-secondary" style="width: 100%; text-align: center;">View Palmdale Page &rarr;</a>
</div>
<!-- Lancaster Card -->
<div class="location-hub-card">
<div>
<h3>Lancaster, CA <span style="font-size: 1rem; color: var(--neon-text-shade);">&rarr;</span></h3>
<span class="location-zip-badge">Zip Codes: 93534 &bull; 93535 &bull; 93536</span>
<p>Serving West Lancaster tract homes, Ave K/L corridors, Challenger Way wind corridors, and Fox Field. Heavy windstorm tumbleweed cleanouts.</p>
<ul class="location-hub-features">
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Windstorm Tumbleweed Haul-Away</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Caliche Soil Excavation &amp; DG Rock</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Scalping Down to 2" for Fire Clearance</li>
</ul>
</div>
<a href="lancaster-landscaping.html" class="btn btn-secondary" style="width: 100%; text-align: center;">View Lancaster Page &rarr;</a>
</div>
<!-- Quartz Hill Card -->
<div class="location-hub-card">
<div>
<h3>Quartz Hill, CA <span style="font-size: 1rem; color: var(--neon-text-shade);">&rarr;</span></h3>
<span class="location-zip-badge">Zip Code: 93536</span>
<p>Custom ranch estates, equestrian properties along Ave M and 50th70th St West, and Lane Park. Fence line hand precision and luxury turf.</p>
<ul class="location-hub-features">
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Zero Pipe-Rail Fence Damage</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Horse Arena &amp; Barn Fire Breaks</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Gold Decomposed Granite &amp; Paver Beds</li>
</ul>
</div>
<a href="quartz-hill-landscaping.html" class="btn btn-secondary" style="width: 100%; text-align: center;">View Quartz Hill Page &rarr;</a>
</div>
<!-- Acton & Agua Dulce Card -->
<div class="location-hub-card">
<div>
<h3>Acton &amp; Agua Dulce <span style="font-size: 1rem; color: var(--neon-text-shade);">&rarr;</span></h3>
<span class="location-zip-badge">Zip Code: 93510 &bull; VHFHSZ Zone</span>
<p>Very High Fire Hazard Severity Zone (VHFHSZ). Canyon terrain along Soledad Canyon, Crown Valley, and Vasquez Rocks. 100-foot defensible perimeters.</p>
<ul class="location-hub-features">
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> 100-Ft Mandatory Defensible Space</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Ladder Fuel Tree Limbing (6ft clearance)</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Steep Slope String-Trimmer Crews</li>
</ul>
</div>
<a href="acton-landscaping.html" class="btn btn-secondary" style="width: 100%; text-align: center;">View Acton Page &rarr;</a>
</div>
<!-- Rosamond & Mojave Card -->
<div class="location-hub-card">
<div>
<h3>Rosamond &amp; Mojave <span style="font-size: 1rem; color: var(--neon-text-shade);">&rarr;</span></h3>
<span class="location-zip-badge">Zip Code: 93560 &bull; Kern County</span>
<p>Kern County Fire Department jurisdiction. Open desert plains blowing Russian thistle and tumbleweeds from BLM lands across Diamond St and Willow Springs.</p>
<ul class="location-hub-features">
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Kern County Fire Clearance Compliance</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Open-Desert Tumbleweed Cleanout</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Sandy Soil Ground Prep &amp; Dump Hauling</li>
</ul>
</div>
<a href="rosamond-landscaping.html" class="btn btn-secondary" style="width: 100%; text-align: center;">View Rosamond Page &rarr;</a>
</div>
<!-- East Valley Card (Littlerock, Pearblossom, Lake LA) -->
<div class="location-hub-card">
<div>
<h3>Littlerock, Pearblossom &amp; Lake LA</h3>
<span class="location-zip-badge">Zip Codes: 93543 &bull; 93553 &bull; 93535</span>
<p>Hwy 138 corridor, orchard acreage, and east desert parcels. Comprehensive weed scalping, tree pruning, and fence-line debris removal.</p>
<ul class="location-hub-features">
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Acreage &amp; Parcel Perimeter Clearing</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Orchard &amp; Property Trash-Outs</li>
<li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Dump Trailer Green Waste Disposal</li>
</ul>
</div>
<button class="btn btn-secondary open-quote-btn" data-scope="East Valley Yard Care" style="width: 100%;">Request East Valley Quote</button>
</div>
</div>
<!-- Regional Jurisdiction & Soil Guide Table -->
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 16px;">
High Desert Climate &amp; Regulatory Guide:
</h3>
<div style="overflow-x: auto;">
<table class="climate-table">
<thead>
<tr>
<th>City / Territory</th>
<th>Jurisdiction</th>
<th>Deadlines</th>
<th>Soil &amp; Wind Profile</th>
<th>Equipment Policy</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Palmdale</strong></td>
<td>LA County Ag Comm / Fire</td>
<td>May 1 June 1</td>
<td>Dense caliche clay, foothills</td>
<td>Walk-behind mowers &amp; trimmers</td>
</tr>
<tr>
<td><strong>Lancaster</strong></td>
<td>LA County Ag Comm / Fire</td>
<td>May 1 June 1</td>
<td>Open-desert 50mph tumbleweed corridor</td>
<td>Heavy pitchforks &amp; dump trailers</td>
</tr>
<tr>
<td><strong>Quartz Hill</strong></td>
<td>LA County Fire</td>
<td>June 1</td>
<td>Decomposed granite, ranch parcels</td>
<td>Hand precision along horse rails</td>
</tr>
<tr>
<td><strong>Acton / Agua Dulce</strong></td>
<td>LA County VHFHSZ</td>
<td>Strict 100-Ft Zone</td>
<td>Steep canyon slopes, brush fuels</td>
<td>Brush blades, pole saws, harness</td>
</tr>
<tr>
<td><strong>Rosamond / Mojave</strong></td>
<td>Kern County Fire Dept</td>
<td>Mid-May</td>
<td>Sandy desert soil, BLM wind blow-ins</td>
<td>No heavy tractors (zero ruts)</td>
</tr>
</tbody>
</table>
</div>
<!-- Zero Tractor Commitment -->
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 24px; margin-top: 32px; box-shadow: var(--shadow-sm);">
<h4 style="font-size: 1.15rem; font-weight: 800; color: var(--brand-black); margin-bottom: 10px;">
The Next Gen Guarantee Across Every Antelope Valley Territory:
</h4>
<p style="font-size: 0.92rem; color: var(--text-secondary); line-height: 1.7; margin-bottom: 0;">
Whether you live in a golf course tract in Rancho Vista or a canyon ranch in Acton, <strong>Next Gen never drives heavy agricultural tractors onto your property</strong>. Tractors crush delicate PVC sprinkler valves, crack decorative concrete borders, gouge boundary fencing, and leave unsightly compaction ruts. We bring high-output commercial walk-behind equipment, precision string trimmers, and high-capacity dump trailers to get the job done cleanly without property damage.
</p>
</div>
</div>
<!-- Right Sidebar: Quick Territory Quote Form -->
<aside class="service-sidebar" id="quote-section">
<div class="sidebar-card">
<div style="margin-bottom: 18px;">
<span class="badge" style="background: rgba(0,200,83,0.12);">All Valley Dispatch</span>
</div>
<h3 style="font-size: 1.45rem; font-weight: 800; color: var(--brand-black); margin-bottom: 12px;">
Get Free Territory Estimate
</h3>
<p style="font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px;">
Serving all Palmdale, Lancaster, Quartz Hill, Acton &amp; Rosamond zip codes. Local dispatch responds within 15 minutes.
</p>
<!-- Quick Quote Form -->
<form id="contact-form" class="sidebar-form">
<input type="hidden" name="lead_city" value="All Service Areas">
<div class="form-group" style="margin-bottom: 14px;">
<label for="contact-name" style="font-size: 0.85rem; font-weight: 700; display: block; margin-bottom: 6px;">Your Name *</label>
<input type="text" id="contact-name" class="form-control" placeholder="e.g. Robert Smith" required autocomplete="name">
</div>
<div class="form-group" style="margin-bottom: 14px;">
<label for="contact-phone" style="font-size: 0.85rem; font-weight: 700; display: block; margin-bottom: 6px;">Phone Number (Call or Text) *</label>
<input type="tel" id="contact-phone" class="form-control" placeholder="(661) 000-0000" required autocomplete="tel">
</div>
<div class="form-group" style="margin-bottom: 14px;">
<label for="contact-service" style="font-size: 0.85rem; font-weight: 700; display: block; margin-bottom: 6px;">Your Territory / City *</label>
<select id="contact-service" class="form-control" required>
<option value="Palmdale (93550, 93551, 93552)">Palmdale (93550, 93551, 93552)</option>
<option value="Lancaster (93534, 93535, 93536)">Lancaster (93534, 93535, 93536)</option>
<option value="Quartz Hill (93536)">Quartz Hill (93536)</option>
<option value="Acton & Agua Dulce (93510)">Acton &amp; Agua Dulce (93510)</option>
<option value="Rosamond & Mojave (93560)">Rosamond &amp; Mojave (93560)</option>
<option value="Littlerock & Pearblossom">Littlerock &amp; Pearblossom</option>
</select>
</div>
<div class="form-group" style="margin-bottom: 18px;">
<label for="contact-notes" style="font-size: 0.85rem; font-weight: 700; display: block; margin-bottom: 6px;">Property Address or Scope</label>
<textarea id="contact-notes" class="form-control" rows="3" placeholder="e.g. Cross streets, weed clearance notice, or tumbleweeds against back wall."></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px; font-weight: 800;">
Submit Territory Request
</button>
</form>
<div style="text-align: center; margin-top: 16px;">
<a href="tel:6617439600" style="font-size: 0.9rem; font-weight: 700; color: var(--neon-text-shade); text-decoration: underline;">
Or Call Direct: (661) 743-9600
</a>
</div>
</div>
</aside>
</div>
</div>
</section>
<!-- FINAL CTA BANNER -->
<section class="cta-banner-section">
<div class="container">
<div class="cta-banner-card">
<h2>Ready For A Clean <span class="neon-text">High Desert Yard?</span></h2>
<p>
Whether meeting an urgent county weed clearance deadline or hauling off windstorm tumbleweeds, our local crews are ready to roll.
</p>
<div class="cta-banner-actions">
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="All Service Areas">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
Book On-Site Assessment
</button>
<a href="tel:6617439600" class="btn btn-secondary btn-lg" style="background: rgba(255,255,255,0.1); color: #ffffff; border-color: rgba(255,255,255,0.25);">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
Call (661) 743-9600
</a>
</div>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-top">
<div class="footer-brand">
<div class="brand-logo">
<div class="logo-symbol">
<img src="logo-mark.svg" alt="Next Gen Landscaping & Yardwork Logo" width="44" height="44" class="custom-logo-mark">
</div>
<div class="logo-text">
<span class="brand-name">NEXT <span style="color: var(--neon-lime);">GEN</span></span>
<span class="brand-tagline">Landscaping & Yardwork</span>
</div>
</div>
<p>
Antelope Valley's premier residential landscaping, fire hazard weed abatement, desert rockscaping, and synthetic turf contractor.
</p>
<div style="margin-top: 14px; font-size: 0.85rem; color: var(--neon-lime); font-weight: 700;">
Direct: (661) 743-9600 &bull; info@avyardpro.com
</div>
</div>
<div>
<h4 class="footer-heading">Services</h4>
<ul class="footer-links">
<li><a href="weed-abatement.html">LA County Weed Abatement</a></li>
<li><a href="tumbleweed-removal.html">Tumbleweed Removal</a></li>
<li><a href="index.html#services">Synthetic Turf Installation</a></li>
<li><a href="index.html#services">Desert Xeriscape &amp; Rock</a></li>
<li><a href="index.html#services">Tree Trimming &amp; Palms</a></li>
<li><a href="index.html#services">Smart Irrigation Repair</a></li>
</ul>
</div>
<div>
<h4 class="footer-heading">Service Areas</h4>
<ul class="footer-links">
<li><a href="service-areas.html" style="color: var(--neon-lime); font-weight: 700;">All Service Areas &rarr;</a></li>
<li><a href="palmdale-landscaping.html">Palmdale, CA (93550, 93551)</a></li>
<li><a href="lancaster-landscaping.html">Lancaster, CA (93534, 93535)</a></li>
<li><a href="quartz-hill-landscaping.html">Quartz Hill, CA (93536)</a></li>
<li><a href="acton-landscaping.html">Acton &amp; Agua Dulce</a></li>
<li><a href="rosamond-landscaping.html">Rosamond &amp; Mojave</a></li>
</ul>
</div>
<div>
<h4 class="footer-heading">Working Hours</h4>
<ul class="footer-links" style="font-size: 0.85rem; color: #cbd5e1;">
<li><strong>Mon Fri:</strong> 6:30 AM 7:00 PM</li>
<li><strong>Saturday:</strong> 7:00 AM 6:00 PM</li>
<li><strong>Sunday:</strong> Emergency Storm Calls</li>
<li style="margin-top: 10px; color: var(--neon-lime); display: flex; align-items: center; gap: 6px;">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
24-Hr Antelope Valley Dispatch
</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div>
&copy; <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. All rights reserved. &bull; <a href="privacy-policy.html" style="color: #94a3b8; text-decoration: underline;">Privacy Policy (CCPA / CPRA)</a> &bull; <a href="terms-of-service.html" style="color: #94a3b8; text-decoration: underline;">Terms of Service</a>
</div>
<div>
Licensed, Bonded &amp; Insured &bull; Residential Hand-Tool Precision
</div>
</div>
</div>
</footer>
<!-- MODAL DIALOG -->
<dialog id="quote-dialog" aria-labelledby="modal-title">
<div class="modal-content">
<button class="modal-close-btn" id="modal-close" aria-label="Close quote modal">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<div class="modal-header">
<span class="badge" style="margin-bottom: 8px;">Direct Estimate</span>
<h3 id="modal-title">Request Your <span class="neon-text">Free Estimate</span></h3>
<p>Zero pressure. Next Gen provides fast on-site verification across all Antelope Valley zip codes.</p>
</div>
<form id="quote-form">
<div class="form-row">
<div class="form-group">
<label for="lead-name">Your Name *</label>
<input type="text" id="lead-name" class="form-control" placeholder="e.g. Robert Smith" required autocomplete="name">
</div>
<div class="form-group">
<label for="lead-phone">Phone Number *</label>
<input type="tel" id="lead-phone" class="form-control" placeholder="(661) 743-9600" required autocomplete="tel">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="lead-email">Email Address</label>
<input type="email" id="lead-email" class="form-control" placeholder="name@example.com" autocomplete="email">
</div>
<div class="form-group">
<label for="lead-service">Required Service *</label>
<select id="lead-service" class="form-control" required>
<option value="LA County Weed Abatement">LA County Fire Weed Abatement</option>
<option value="Tumbleweed Removal & Cleanout">Tumbleweed Removal & Cleanout</option>
<option value="Synthetic Turf Installation">Synthetic Turf Installation</option>
<option value="Desert Xeriscape & Rock">Desert Xeriscape & Rock</option>
<option value="Tree Trimming & Palm Pruning">Tree Trimming & Palm Care</option>
<option value="Smart Irrigation & Drip Repair">Smart Irrigation & Drip Repair</option>
<option value="Routine Yard Maintenance">Routine Maintenance</option>
</select>
</div>
</div>
<div class="form-group" style="margin-bottom: 20px;">
<label for="lead-notes">Property Address & Scope Notes</label>
<textarea id="lead-notes" class="form-control" rows="3" placeholder="e.g. Palmdale, Rancho Vista area. Weed clearing and tumbleweeds."></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 14px; font-size: 1.05rem;">
Submit Request &rarr;
</button>
</form>
</div>
</dialog>
<!-- MOBILE STICKY ACTION BAR -->
<div class="mobile-sticky-bar">
<div class="mobile-bar-inner">
<a href="tel:6617439600" class="mobile-bar-btn mobile-bar-call">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
Call Us
</a>
<a href="sms:6617439600?body=Hi%20Next%20Gen,%20I%20need%20a%20yard%20estimate." class="mobile-bar-btn mobile-bar-text">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>
Text Photos
</a>
<button class="mobile-bar-btn mobile-bar-quote open-quote-btn" data-scope="All Service Areas">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
Estimate
</button>
</div>
</div>
<div id="toast" class="toast-notification"></div>
<script src="translations.js"></script>
<script src="app.js"></script>
</body>
</html>