feat: initial release for AV Yard Pro (avyardpro.com) AI Pilots client with location pages and Cloudflare Pages setup

This commit is contained in:
2026-09-11 19:54:29 -07:00
commit bc9dea03fd
25 changed files with 8203 additions and 0 deletions
+446
View File
@@ -0,0 +1,446 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tumbleweed Removal & Windstorm Yard Cleanouts Antelope Valley | Next Gen</title>
<meta name="description" content="Fast tumbleweed removal and yard cleanouts in Palmdale, Lancaster & Quartz Hill. Stacked fence cleanups, trailer haul-away, and weed clearing. Call (661) 581-7278.">
<meta name="keywords" content="tumbleweed removal Palmdale, tumbleweed cleanout Lancaster, windstorm yard cleanup Antelope Valley, remove tumbleweeds from fence, yard trash haul away">
<meta property="og:type" content="website">
<meta property="og:title" content="Tumbleweed Removal & Yard Cleanouts | Next Gen Landscaping">
<meta property="og:description" content="Fence-high tumbleweed removal, windstorm cleanup, and full trailer haul-away in Palmdale & Lancaster. Call (661) 581-7278.">
<meta property="og:image" content="images/hero.jpg">
<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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Tumbleweed Removal & Yard Cleanouts",
"provider": {
"@type": "HomeAndConstructionBusiness",
"name": "Next Gen Landscaping & Yard Care",
"telephone": "(661) 581-7278"
},
"areaServed": "Antelope Valley, CA",
"description": "Rapid response tumbleweed clearing, fenceline unstacking, yard debris haul-away, and ground raking."
}
</script>
</head>
<body>
<!-- 1. TOP ANNOUNCEMENT BAR -->
<aside class="announcement-bar">
<div class="container announcement-content">
<span class="announcement-badge">
<svg width="14" height="14" 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>
WINDSTORM CLEANUP
</span>
<span>Tumbleweeds stacked against your fence? Call or text photos for same-day haul: <strong>(661) 581-7278</strong></span>
</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">
<svg viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
</svg>
</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>
<nav class="nav-desktop" aria-label="Main Navigation">
<a href="index.html#services" class="nav-link">All 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#areas" class="nav-link">Service Areas</a>
<a href="index.html#reviews" class="nav-link">Reviews</a>
<a href="contact.html" class="nav-link">Contact</a>
</nav>
<div class="header-cta-group">
<a href="tel:6615817278" 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>(661) 581-7278</span>
</a>
<button class="btn btn-primary open-quote-btn" data-scope="Tumbleweed Removal & Cleanout">
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>
<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#areas" class="nav-link mobile-link">Service Areas</a>
<a href="contact.html" class="nav-link mobile-link">Contact</a>
<button class="btn btn-primary open-quote-btn" data-scope="Tumbleweed Removal & Cleanout" style="width: 100%; margin-top: 10px;">Request Tumbleweed Quote</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>
<a href="index.html#services">Services</a>
<span class="separator">/</span>
<span>Tumbleweed Removal</span>
</nav>
<div class="section-tag">
<span class="badge">
<span class="badge-dot"></span>
Antelope Valley Windstorm Cleanout Crew
</span>
</div>
<h1 class="subpage-title">
Tumbleweed Removal & <br>
<span class="neon-text">Yard Cleanouts</span>
</h1>
<p class="subpage-subtitle">
High Desert winds blowing Russian thistle and tumbleweeds over your fence? We pitchfork, bag, crush, and haul away truckloads of tumbleweeds and yard clutter in a single visit.
</p>
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Tumbleweed Removal & Cleanout">
<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>
Get Tumbleweed Removal Quote
</button>
<a href="tel:6615817278" 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>
Call Dispatch: (661) 581-7278
</a>
</div>
</div>
</section>
<!-- CONTENT SECTION -->
<section class="service-content-section" style="background: #eef5f0;">
<div class="container">
<div class="service-content-grid">
<div>
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 16px;">
Fast Relief from Windblown Desert Tumbleweeds
</h2>
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
In Palmdale and Lancaster, seasonal winds often push thousands of prickly tumbleweeds into backyards, stacking them roof-high against fences, blocking patios, and creating severe fire danger right next to your home.
</p>
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
Trying to crush and bag tumbleweeds by hand with ordinary city trash cans is agonizing and can take weeks. <strong>Next Gen arrives with dedicated high-capacity haul trailers, heavy pitchforks, canvas tarps, and commercial blowers</strong> to clear your yard in just a few hours.
</p>
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 18px;">
Our Tumbleweed Cleanup Process:
</h3>
<div class="service-scope-list">
<div class="service-scope-item">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
<div>
<h5>Fenceline Extraction</h5>
<p>Carefully untangling and pulling tumbleweed walls away from wooden, vinyl, and chain-link fences without damaging posts.</p>
</div>
</div>
<div class="service-scope-item">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
<div>
<h5>Side Yard & Patio Clearing</h5>
<p>Clearing blocked side gates, HVAC units, storage sheds, and dog runs where tumbleweeds wedge and trap rodents.</p>
</div>
</div>
<div class="service-scope-item">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
<div>
<h5>Stalk & Root Whacking</h5>
<p>Trimming down the prickly green tumbleweed roots and ground stalks so they don't resprout after the next rain.</p>
</div>
</div>
<div class="service-scope-item">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
<div>
<h5>Thorough Fine Raking</h5>
<p>Raking up all the small broken thistle needles, seeds, and dry sticks down to smooth, clean desert soil.</p>
</div>
</div>
<div class="service-scope-item">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
<div>
<h5>Compacted Trailer Haul-Away</h5>
<p>We compress and load everything directly into our commercial trailer. Zero bags or debris left on your curb.</p>
</div>
</div>
<div class="service-scope-item">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
<div>
<h5>Disposal Fees Included</h5>
<p>Transparent flat pricing with all dump and green-waste transfer station fees 100% included.</p>
</div>
</div>
</div>
<!-- FAQs -->
<div style="margin-top: 40px;">
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-bottom: 16px;">Tumbleweed FAQs</h3>
<div class="faq-accordion-wrapper">
<details class="faq-item" name="tw-faq" open>
<summary class="faq-question">How many tumbleweeds can you haul in one trip?</summary>
<div class="faq-answer">
Our trailers are equipped with high utility walls and heavy-duty compression tarps. We can haul up to 15 to 20 cubic yards of compressed tumbleweeds in a single trip, enough to clear even severely impacted residential properties.
</div>
</details>
<details class="faq-item" name="tw-faq">
<summary class="faq-question">Can you remove tumbleweeds without damaging my vinyl fence?</summary>
<div class="faq-answer">
Yes! Heavy machinery will crack vinyl and warp wood. Our crew manually works down the pile with pitchforks and leather gloves to safely liberate your fence without scratching or snapping panels.
</div>
</details>
</div>
</div>
</div>
<!-- Sidebar -->
<div class="service-sidebar">
<div class="service-sidebar-card" style="border-top: 3px solid var(--neon-green);">
<h4>Service Snapshot</h4>
<ul class="service-feature-list" style="margin-bottom: 20px;">
<li>
<strong style="color: var(--brand-black); width: 100px;">Typical Time:</strong>
<span>2 4 Hours (Same Day)</span>
</li>
<li>
<strong style="color: var(--brand-black); width: 100px;">Includes:</strong>
<span>Labor, Raking, Haul & Dump Fees</span>
</li>
<li>
<strong style="color: var(--brand-black); width: 100px;">Urgency:</strong>
<span style="color: var(--neon-text-shade); font-weight: 700;">24-Hr Windstorm Dispatch</span>
</li>
</ul>
<button class="btn btn-primary open-quote-btn" data-scope="Tumbleweed Removal & Cleanout" style="width: 100%; margin-bottom: 10px;">
Request Tumbleweed Estimate
</button>
<a href="tel:6615817278" class="btn btn-secondary" style="width: 100%; justify-content: center;">
Call (661) 581-7278
</a>
</div>
<div class="service-sidebar-card">
<h4>Text A Photo Of The Pile</h4>
<p style="font-size: 0.88rem; color: var(--text-secondary); margin-bottom: 16px;">
Take a quick photo showing how high the tumbleweeds are piled against your fence. We'll text back a firm quote immediately.
</p>
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20here%20is%20a%20photo%20of%20the%20tumbleweeds%20in%20my%20yard%20for%20a%20cleanout%20quote:" class="btn btn-secondary" style="width: 100%; justify-content: center;">
<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"></path></svg>
Text Photo to (661) 581-7278
</a>
</div>
</div>
</div>
</div>
</section>
<!-- FINAL CTA -->
<section class="cta-banner-section">
<div class="container">
<div class="cta-banner-card">
<h2>Get Rid Of The Tumbleweeds <span class="neon-text">Today</span></h2>
<p>
Don't let dry thistles sit against your fence another day. Let Next Gen clear and haul them away today.
</p>
<div class="cta-banner-actions">
<a href="tel:6615817278" class="btn btn-primary 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) 581-7278
</a>
<a href="contact.html" class="btn btn-secondary btn-lg" style="background: rgba(255,255,255,0.1); color: #ffffff; border-color: rgba(255,255,255,0.25);">
Online Quote Form &rarr;
</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">
<svg viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
</svg>
</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 landscaping, fire hazard weed abatement, desert rockscaping, and synthetic turf contractor. Palmdale & Lancaster, California.
</p>
<div style="margin-top: 14px; font-size: 0.85rem; color: var(--neon-lime); font-weight: 700;">
Direct: (661) 581-7278 &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="synthetic-turf.html">Synthetic Turf Installation</a></li>
<li><a href="desert-xeriscape.html">Desert Xeriscape & Rock</a></li>
<li><a href="tree-trimming.html">Tree Trimming & Palms</a></li>
<li><a href="irrigation-repair.html">Smart Irrigation Repair</a></li>
</ul>
</div>
<div>
<h4 class="footer-heading">Service Areas</h4>
<ul class="footer-links">
<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>
<li><a href="palmdale-landscaping.html">Littlerock &amp; Pearblossom</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 Text Dispatch Available
</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div>
&copy; <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. All rights reserved. Antelope Valley, CA.
</div>
<div>
Licensed, Bonded & Insured &bull; High Desert Fire Hazard Compliant
</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;">Quick Response Guarantee</span>
<h3 id="modal-title">Request Your <span class="neon-text">Free Estimate</span></h3>
<p>Fill out the form below or call us directly. Next Gen responds within 15 minutes during daylight hours.</p>
</div>
<form id="quote-form">
<div class="form-row">
<div class="form-group">
<label class="form-label" for="lead-name">Your Name</label>
<input type="text" id="lead-name" class="form-control" placeholder="John Doe" required autocomplete="name">
</div>
<div class="form-group">
<label class="form-label" for="lead-phone">Phone Number</label>
<input type="tel" id="lead-phone" class="form-control" placeholder="(661) 000-0000" required autocomplete="tel" inputmode="tel">
</div>
</div>
<div class="form-group">
<label class="form-label" for="lead-address">Property Address / Zip Code</label>
<input type="text" id="lead-address" class="form-control" placeholder="e.g. 10th St West, Palmdale, CA" required autocomplete="street-address">
</div>
<div class="form-group">
<label class="form-label" for="lead-service">Primary Service</label>
<select id="lead-service" class="form-control">
<option value="Tumbleweed Removal" selected>Tumbleweed & Yard Cleanout</option>
<option value="LA County Weed Abatement">LA County Weed Abatement</option>
<option value="General Yardwork">General Yard Maintenance & Mowing</option>
<option value="Synthetic Turf">Synthetic Turf Installation</option>
<option value="Desert Xeriscape">Desert Xeriscape & Rock</option>
<option value="Tree Trimming">Tree Trimming & Palms</option>
<option value="Irrigation Repair">Smart Drip Irrigation Repair</option>
</select>
</div>
<div class="form-group">
<label class="form-label" for="lead-notes">Project Notes</label>
<textarea id="lead-notes" class="form-control" placeholder="Describe the tumbleweed piles, fence height, or property access..."></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 10px;">
Send Quote Request
</button>
</form>
</div>
</dialog>
<!-- TOAST NOTIFICATION -->
<div class="toast-notification" id="toast" role="status" aria-live="polite">
<div class="toast-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</div>
<div>
<div style="font-weight: 700; font-size: 0.95rem;">Request Dispatched!</div>
<div style="font-size: 0.82rem; color: #cbd5e1;">A Next Gen Antelope Valley team member will reach out shortly.</div>
</div>
</div>
<!-- MOBILE STICKY ACTION BAR -->
<div class="mobile-sticky-bar">
<div class="mobile-sticky-inner">
<a href="tel:6615817278" class="mobile-bar-btn mobile-bar-call">
<svg viewBox="0 0 24 24" 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>Call</span>
</a>
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20I'd%20like%20a%20tumbleweed%20quote%20for%20my%20property%20in%20" class="mobile-bar-btn mobile-bar-text">
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
<span>Text Photo</span>
</a>
<button class="mobile-bar-btn mobile-bar-quote open-quote-btn" data-scope="Tumbleweed Removal & Cleanout">
<svg viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
<span>Get Quote</span>
</button>
</div>
</div>
<script src="app.js"></script>
</body>
</html>