453 lines
25 KiB
HTML
453 lines
25 KiB
HTML
<!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/brand-emblem.jpg">
|
||
<meta property="og:image:width" content="1024">
|
||
<meta property="og:image:height" content="1024">
|
||
|
||
<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>
|
||
<!-- 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">
|
||
|
||
</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">
|
||
<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>
|
||
|
||
<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 →
|
||
</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 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 • 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="service-areas.html" style="color: var(--neon-lime); font-weight: 700;">All Service Areas →</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 & Agua Dulce</a></li>
|
||
<li><a href="rosamond-landscaping.html">Rosamond & 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 Text Dispatch Available
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<div>
|
||
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. All rights reserved. • <a href="privacy-policy.html" style="color: #94a3b8; text-decoration: underline;">Privacy Policy (CCPA / CPRA)</a> • <a href="terms-of-service.html" style="color: #94a3b8; text-decoration: underline;">Terms of Service</a>
|
||
</div>
|
||
<div>
|
||
Licensed, Bonded & Insured • 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>
|