feat: initial release for AV Yard Pro (avyardpro.com) AI Pilots client with location pages and Cloudflare Pages setup
This commit is contained in:
@@ -0,0 +1,14 @@
|
|||||||
|
# AV Yard Pro - AI Pilots Client Rules
|
||||||
|
|
||||||
|
## Gitea Mandatory Requirement
|
||||||
|
- **CRITICAL MANDATE**: We DO NOT use GitHub. ALL repos are on Gitea at `git.aipilots.site`.
|
||||||
|
- Never push to GitHub. Never reference GitHub remotes.
|
||||||
|
- Remote URL: `https://git.aipilots.site/Mediusa/AV-Yard-Pro-AI-Pilots-Client.git`
|
||||||
|
|
||||||
|
## Strict White-Label Boundary: AI Pilots vs Entelico
|
||||||
|
- **CRITICAL MANDATE**: This is an **AI Pilots** client.
|
||||||
|
- Never leak Entelico branding to AI Pilots clients.
|
||||||
|
- Sender address and agency branding MUST always be AI Pilots (`hello@aipilots.site`).
|
||||||
|
- Domain: `avyardpro.com` / `www.avyardpro.com`
|
||||||
|
- Client Business: Next Gen Landscaping & Yardwork (AV Yard Pro)
|
||||||
|
- Cloudflare Pages Project: `avyardpro`
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
.DS_Store
|
||||||
|
*.log
|
||||||
|
node_modules/
|
||||||
|
.env*
|
||||||
@@ -0,0 +1,516 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Acton & Agua Dulce Landscaping, Fire Clearance & Weed Abatement | Next Gen</title>
|
||||||
|
<meta name="description" content="Precision hillside brush clearance, LA County 100-foot defensible space, weed whacking, tree limb elevation & yard care in Acton & Agua Dulce, CA (93510). Call (661) 581-7278.">
|
||||||
|
<meta name="keywords" content="Acton landscaping, fire clearance Acton CA, weed abatement Agua Dulce, defensible space 93510, hillside brush clearing, tumbleweed haul away Acton, canyon yard care">
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Acton & Agua Dulce Landscaping, Fire Clearance & Weed Abatement | Next Gen">
|
||||||
|
<meta property="og:description" content="High Desert & canyon residential yard care in Acton & Agua Dulce, CA. LA County VHFHSZ fire clearance, weed whacking & brush clearing. Call (661) 581-7278.">
|
||||||
|
<meta property="og:image" content="images/hero.jpg">
|
||||||
|
|
||||||
|
<!-- 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 Acton & Agua Dulce, CA -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HomeAndConstructionBusiness",
|
||||||
|
"name": "Next Gen Landscaping & Yard Care - Acton & Agua Dulce",
|
||||||
|
"image": "images/hero.jpg",
|
||||||
|
"telephone": "(661) 581-7278",
|
||||||
|
"priceRange": "$$",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "Acton",
|
||||||
|
"addressRegion": "CA",
|
||||||
|
"postalCode": "93510",
|
||||||
|
"addressCountry": "US"
|
||||||
|
},
|
||||||
|
"geo": {
|
||||||
|
"@type": "GeoCoordinates",
|
||||||
|
"latitude": 34.4700,
|
||||||
|
"longitude": -118.1967
|
||||||
|
},
|
||||||
|
"areaServed": [
|
||||||
|
{
|
||||||
|
"@type": "City",
|
||||||
|
"name": "Acton",
|
||||||
|
"sameAs": "https://en.wikipedia.org/wiki/Acton,_California"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "City",
|
||||||
|
"name": "Agua Dulce",
|
||||||
|
"sameAs": "https://en.wikipedia.org/wiki/Agua_Dulce,_California"
|
||||||
|
},
|
||||||
|
"Crown Valley",
|
||||||
|
"Soledad Canyon",
|
||||||
|
"Aliso Canyon",
|
||||||
|
"Vasquez Rocks Area"
|
||||||
|
],
|
||||||
|
"openingHoursSpecification": {
|
||||||
|
"@type": "OpeningHoursSpecification",
|
||||||
|
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||||||
|
"opens": "06:30",
|
||||||
|
"closes": "19:00"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</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.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
||||||
|
Acton & Agua Dulce Notice
|
||||||
|
</span>
|
||||||
|
<span>LA County VHFHSZ 100-Foot Fire Defensible Space Clearance Deadlines! Fast 48-Hour Dispatch.</span>
|
||||||
|
<a href="#quote-section" class="announcement-link">Get Instant Estimate →</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">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- 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="index.html#areas" class="nav-link active">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link">Contact</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header CTAs -->
|
||||||
|
<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 class="phone-text">(661) 581-7278</span>
|
||||||
|
</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Acton Landscaping">
|
||||||
|
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="index.html#areas" class="nav-link mobile-link">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link mobile-link">Contact Us</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Acton Landscaping" style="width: 100%; margin-top: 10px;">Request Acton 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#areas">Service Areas</a>
|
||||||
|
<span class="separator">/</span>
|
||||||
|
<span>Acton & Agua Dulce, CA</span>
|
||||||
|
</nav>
|
||||||
|
<div class="section-tag">
|
||||||
|
<span class="badge">
|
||||||
|
<span class="badge-dot"></span>
|
||||||
|
Serving Zip Code: 93510 • VHFHSZ High Fire Hazard Zones
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="subpage-title">
|
||||||
|
Acton & Agua Dulce Landscaping, <br>
|
||||||
|
<span class="neon-text">Fire Defensible Space & Brush Clearance</span>
|
||||||
|
</h1>
|
||||||
|
<p class="subpage-subtitle">
|
||||||
|
Nestled in the Sierra Pelona foothills, Acton and Agua Dulce properties require rigorous 100-foot fire clearance to satisfy LA County Fire Department mandates. Next Gen delivers hand-tool brush management, ladder-fuel tree limbing, and steep hillside weed whacking where tractors cannot go.
|
||||||
|
</p>
|
||||||
|
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Acton Fire Clearance">
|
||||||
|
<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 Free Acton Estimate
|
||||||
|
</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>
|
||||||
|
Direct Call: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CONTENT & SIDEBAR SECTION -->
|
||||||
|
<section class="service-content-section" style="background: #f4eee2;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="service-content-grid">
|
||||||
|
|
||||||
|
<!-- Left: Local Scope & Neighborhood Details -->
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 16px;">
|
||||||
|
Strict LA County VHFHSZ Compliance on Hillside & Canyon Parcels
|
||||||
|
</h2>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Acton and Agua Dulce are designated by Cal Fire and the LA County Fire Department as <strong>Very High Fire Hazard Severity Zones (VHFHSZ)</strong>. Wildfire embers traveling down Soledad Canyon can ignite dry sagebrush, wild buckwheat, and Russian thistle in seconds. Property owners face mandatory 100-foot defensible perimeter requirements around all structures.
|
||||||
|
</p>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Because of steep canyon topography, rocky boulders, and loose granite scree, <strong>tractors cannot safely operate on most Acton parcels</strong> without serious rollover risk, destruction of native root beds, or catastrophic slope erosion. Next Gen uses agile, hand-operated equipment: heavy commercial trimmers fitted with brush blades, commercial walk-behind mowers for flat pads, pole saws for canopy elevation, and dump trailers for prompt green waste removal.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Acton Neighborhood Breakdown -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 18px;">
|
||||||
|
Acton & Agua Dulce Corridors We Protect:
|
||||||
|
</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>Crown Valley & Soledad Canyon Corridors</h5>
|
||||||
|
<p>100-foot defensible space perimeters, Zone 1 (0–30 ft ember-resistant zone) clearings, deadwood extraction, and high-wind tumbleweed hauling.</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>Agua Dulce & Vasquez Rocks Foothills</h5>
|
||||||
|
<p>Hand-trimming brush around massive natural rock outcrops, equestrian arena perimeters, and decomposed granite driveway maintenance.</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>Aliso Canyon & Mountain View Acreage</h5>
|
||||||
|
<p>Steep slope weed whacking, elimination of ladder fuels (pruning tree limbs 6 feet above ground), and fire break creation along property borders.</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>Acton Village & Hubbard Road Estates</h5>
|
||||||
|
<p>Residential yard cleanups, custom drought-tolerant desert plantings, synthetic turf installations, and automated low-flow irrigation retrofits.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Acton Services Cards Mini-Grid -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 40px; margin-bottom: 20px;">
|
||||||
|
Popular Services for Acton & Agua Dulce Properties:
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 36px;">
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-weed-abatement.jpg" alt="Acton fire clearance" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">VHFHSZ Fire Defensible Space</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">100-ft clearance guaranteed to pass LA County Fire Department inspection.</p>
|
||||||
|
<a href="weed-abatement.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Weed Scope →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-tree-trimming.jpg" alt="Acton ladder fuel tree pruning" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Ladder Fuel & Tree Trimming</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">Limb up low branches 6 feet off ground to stop ground fires climbing into tree canopies.</p>
|
||||||
|
<a href="tree-trimming.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Tree Scope →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Acton Local FAQs -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 16px;">
|
||||||
|
Frequently Asked Questions: Acton & Agua Dulce
|
||||||
|
</h3>
|
||||||
|
<div class="faq-accordion-wrapper">
|
||||||
|
<details class="faq-item" name="acton-faq" open>
|
||||||
|
<summary class="faq-question">What are the LA County 100-foot fire clearance requirements?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
LA County Fire Code requires two primary zones: Zone 1 (0 to 30 feet from any structure) must be aggressively cleared of all combustible vegetation, dead leaves, and roof debris. Zone 2 (30 to 100 feet) requires thinning native brush by at least 50% and scalping all annual dry grasses down to 2–3 inches. Next Gen ensures complete compliance.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="acton-faq">
|
||||||
|
<summary class="faq-question">Can your crews safely work on steep canyon slopes?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Yes. Hillside weed whacking is our core specialty. Our technicians use harness-assisted trimmers, heavy-duty brush cutters, and hand clearing techniques on slopes where tractors cannot legally or physically travel.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="acton-faq">
|
||||||
|
<summary class="faq-question">Do you haul green waste out of Acton and Agua Dulce?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Yes. We never leave cut brush on slopes to dry out into fuel piles. All trimmings, limbs, and tumbleweeds are loaded into our dump trailers and hauled directly off your property.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Sidebar: Quick Dispatch & Estimate 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);">Acton Canyon Crew</span>
|
||||||
|
</div>
|
||||||
|
<h3 style="font-size: 1.45rem; font-weight: 800; color: var(--brand-black); margin-bottom: 12px;">
|
||||||
|
Get Your Acton Estimate
|
||||||
|
</h3>
|
||||||
|
<p style="font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px;">
|
||||||
|
Text hillside photos or submit your address. Local Acton dispatch responds within 15 minutes.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Local Territory Highlights -->
|
||||||
|
<div style="background: #f8faf9; border-radius: var(--radius-sm); padding: 14px; margin-bottom: 20px; font-size: 0.85rem;">
|
||||||
|
<div style="font-weight: 700; color: var(--brand-black); margin-bottom: 6px;">Acton / Agua Dulce Facts:</div>
|
||||||
|
<div style="color: var(--text-secondary); line-height: 1.5;">
|
||||||
|
• <strong>Zone:</strong> LA County VHFHSZ High Fire Hazard<br>
|
||||||
|
• <strong>Zip Code:</strong> 93510<br>
|
||||||
|
• <strong>Equipment:</strong> Hand tools & trimmers (No tractors)<br>
|
||||||
|
• <strong>Direct Line:</strong> (661) 581-7278
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Quick Quote Form -->
|
||||||
|
<form id="contact-form" class="sidebar-form">
|
||||||
|
<input type="hidden" name="lead_city" value="Acton & Agua Dulce">
|
||||||
|
<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. Christine Torres" 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;">Acton Service Needed *</label>
|
||||||
|
<select id="contact-service" class="form-control" required>
|
||||||
|
<option value="LA County Weed Abatement">100-Ft Fire Defensible Space</option>
|
||||||
|
<option value="Tree Trimming & Palm Pruning">Ladder Fuel & Tree Pruning</option>
|
||||||
|
<option value="Tumbleweed Removal & Cleanout">Tumbleweed Removal & Cleanout</option>
|
||||||
|
<option value="Desert Xeriscape & Rock">Desert Xeriscape & DG Rock</option>
|
||||||
|
<option value="Synthetic Turf Installation">Synthetic Turf Installation</option>
|
||||||
|
<option value="Smart Irrigation & Drip Repair">Smart Irrigation & Drip Repair</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;">Acton / Agua Dulce Property Notes</label>
|
||||||
|
<textarea id="contact-notes" class="form-control" rows="3" placeholder="e.g. Crown Valley Road parcel, 2 acres. Need hillside brush clearance and low tree branches limbed up."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px; font-weight: 800;">
|
||||||
|
Submit Acton Request
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div style="text-align: center; margin-top: 16px;">
|
||||||
|
<a href="tel:6615817278" style="font-size: 0.9rem; font-weight: 700; color: var(--neon-text-shade); text-decoration: underline;">
|
||||||
|
Or Call Direct: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 4. FINAL CTA -->
|
||||||
|
<section class="cta-banner-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-banner-card">
|
||||||
|
<h2>Protect Your <span class="neon-text">Canyon Property Today</span></h2>
|
||||||
|
<p>
|
||||||
|
Wildfire clearance deadlines are strictly enforced in Acton and Agua Dulce. Ensure your 100-foot defensible perimeter passes inspection.
|
||||||
|
</p>
|
||||||
|
<div class="cta-banner-actions">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Acton Fire Clearance">
|
||||||
|
<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 Acton Assessment
|
||||||
|
</button>
|
||||||
|
<a href="tel:6615817278" 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) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- 5. 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>
|
||||||
|
Acton & Agua Dulce's dedicated wildfire defensible space and residential yard care team. Serving Crown Valley, Soledad Canyon, Aliso Canyon, and foothill properties.
|
||||||
|
</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="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" style="color: var(--neon-lime); font-weight: 700;">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 Acton Dispatch
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<div>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. Acton, CA.
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
Licensed, Bonded & Insured • Residential Hand-Tool Precision
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- 6. 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;">Acton Direct Quote</span>
|
||||||
|
<h3 id="modal-title">Request Your <span class="neon-text">Acton Fire Clearance</span></h3>
|
||||||
|
<p>Zero pressure. Next Gen provides fast on-site verification across Acton & Agua Dulce.</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. Christine Torres" 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) 581-7278" 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">100-Ft Fire Defensible Space</option>
|
||||||
|
<option value="Tree Trimming & Palm Pruning">Ladder Fuel & Tree Pruning</option>
|
||||||
|
<option value="Tumbleweed Removal & Cleanout">Tumbleweed Removal & Cleanout</option>
|
||||||
|
<option value="Desert Xeriscape & Rock">Desert Xeriscape & Rock</option>
|
||||||
|
<option value="Synthetic Turf Installation">Synthetic Turf Installation</option>
|
||||||
|
<option value="Smart Irrigation & Drip Repair">Smart Irrigation & Drip Repair</option>
|
||||||
|
<option value="Routine Yard Maintenance">Routine Canyon Maintenance</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group" style="margin-bottom: 20px;">
|
||||||
|
<label for="lead-notes">Acton Address or Property Notes</label>
|
||||||
|
<textarea id="lead-notes" class="form-control" rows="3" placeholder="e.g. Crown Valley parcel, hillside brush clearing and tree elevation for fire inspection."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 14px; font-size: 1.05rem;">
|
||||||
|
Submit Acton Request →
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<!-- 7. MOBILE STICKY ACTION BAR -->
|
||||||
|
<div class="mobile-sticky-bar">
|
||||||
|
<div class="mobile-bar-inner">
|
||||||
|
<a href="tel:6615817278" 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 Acton
|
||||||
|
</a>
|
||||||
|
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20I%20need%20a%20fire%20clearance%20estimate%20in%20Acton." 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="Acton Fire Clearance">
|
||||||
|
<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="app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,349 @@
|
|||||||
|
/**
|
||||||
|
* NEXT GEN LANDSCAPING & YARD CARE
|
||||||
|
* Core Interactive Logic & Calculator Engine
|
||||||
|
*/
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
// 1. Current Year in Footer
|
||||||
|
const yearSpan = document.getElementById('current-year');
|
||||||
|
if (yearSpan) {
|
||||||
|
yearSpan.textContent = new Date().getFullYear();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2. Mobile Navigation Toggle
|
||||||
|
const mobileToggle = document.getElementById('mobile-toggle');
|
||||||
|
const mobileDrawer = document.getElementById('mobile-drawer');
|
||||||
|
const mobileLinks = document.querySelectorAll('.mobile-link');
|
||||||
|
|
||||||
|
if (mobileToggle && mobileDrawer) {
|
||||||
|
mobileToggle.addEventListener('click', () => {
|
||||||
|
mobileDrawer.classList.toggle('open');
|
||||||
|
});
|
||||||
|
|
||||||
|
mobileLinks.forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
mobileDrawer.classList.remove('open');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 3. Native <dialog> Modal Management
|
||||||
|
const quoteDialog = document.getElementById('quote-dialog');
|
||||||
|
const modalCloseBtn = document.getElementById('modal-close');
|
||||||
|
const openQuoteButtons = document.querySelectorAll('.open-quote-btn');
|
||||||
|
const quoteForm = document.getElementById('quote-form');
|
||||||
|
const serviceSelect = document.getElementById('lead-service');
|
||||||
|
const notesTextarea = document.getElementById('lead-notes');
|
||||||
|
const toast = document.getElementById('toast');
|
||||||
|
|
||||||
|
// Open Modal function
|
||||||
|
const openModal = (initialScope = null, initialNotes = null) => {
|
||||||
|
if (!quoteDialog) return;
|
||||||
|
|
||||||
|
if (initialScope && serviceSelect) {
|
||||||
|
for (let i = 0; i < serviceSelect.options.length; i++) {
|
||||||
|
if (serviceSelect.options[i].text.toLowerCase().includes(initialScope.toLowerCase()) ||
|
||||||
|
serviceSelect.options[i].value.toLowerCase().includes(initialScope.toLowerCase())) {
|
||||||
|
serviceSelect.selectedIndex = i;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (initialNotes && notesTextarea) {
|
||||||
|
notesTextarea.value = initialNotes;
|
||||||
|
}
|
||||||
|
|
||||||
|
quoteDialog.showModal();
|
||||||
|
};
|
||||||
|
|
||||||
|
openQuoteButtons.forEach(btn => {
|
||||||
|
btn.addEventListener('click', (e) => {
|
||||||
|
const scope = btn.getAttribute('data-scope');
|
||||||
|
openModal(scope);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (modalCloseBtn) {
|
||||||
|
modalCloseBtn.addEventListener('click', () => {
|
||||||
|
quoteDialog.close();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Click outside to close native dialog
|
||||||
|
if (quoteDialog) {
|
||||||
|
quoteDialog.addEventListener('click', (e) => {
|
||||||
|
const rect = quoteDialog.getBoundingClientRect();
|
||||||
|
const isInDialog = (
|
||||||
|
rect.top <= e.clientY &&
|
||||||
|
e.clientY <= rect.top + rect.height &&
|
||||||
|
rect.left <= e.clientX &&
|
||||||
|
e.clientX <= rect.left + rect.width
|
||||||
|
);
|
||||||
|
if (!isInDialog) {
|
||||||
|
quoteDialog.close();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle Modal Quote Form Submission
|
||||||
|
if (quoteForm) {
|
||||||
|
quoteForm.addEventListener('submit', (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const name = document.getElementById('lead-name')?.value || '';
|
||||||
|
const phone = document.getElementById('lead-phone')?.value || '';
|
||||||
|
const address = document.getElementById('lead-address')?.value || '';
|
||||||
|
const service = document.getElementById('lead-service')?.value || 'Yard Cleanup';
|
||||||
|
const notes = document.getElementById('lead-notes')?.value || '';
|
||||||
|
|
||||||
|
const leadData = {
|
||||||
|
id: 'NG-' + Date.now().toString(36).toUpperCase(),
|
||||||
|
source: 'modal_dialog',
|
||||||
|
name,
|
||||||
|
phone,
|
||||||
|
address,
|
||||||
|
service,
|
||||||
|
notes,
|
||||||
|
submittedAt: new Date().toISOString()
|
||||||
|
};
|
||||||
|
|
||||||
|
try {
|
||||||
|
const existing = JSON.parse(localStorage.getItem('nextgen_leads') || '[]');
|
||||||
|
existing.unshift(leadData);
|
||||||
|
localStorage.setItem('nextgen_leads', JSON.stringify(existing));
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Storage error:', err);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Close dialog
|
||||||
|
quoteDialog.close();
|
||||||
|
|
||||||
|
// Show Toast Notification
|
||||||
|
if (toast) {
|
||||||
|
toast.classList.add('show');
|
||||||
|
setTimeout(() => {
|
||||||
|
toast.classList.remove('show');
|
||||||
|
}, 6000);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Reset Form
|
||||||
|
quoteForm.reset();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle Dedicated Contact Page Form Submission
|
||||||
|
const contactForm = document.getElementById('contact-form');
|
||||||
|
const contactSuccessBox = document.getElementById('contact-success-box');
|
||||||
|
const contactSmsLink = document.getElementById('contact-sms-link');
|
||||||
|
const contactLeadIdSpan = document.getElementById('contact-lead-id');
|
||||||
|
|
||||||
|
if (contactForm) {
|
||||||
|
contactForm.addEventListener('submit', (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const name = document.getElementById('contact-name')?.value || '';
|
||||||
|
const phone = document.getElementById('contact-phone')?.value || '';
|
||||||
|
const address = document.getElementById('contact-address')?.value || '';
|
||||||
|
const service = document.getElementById('contact-service')?.value || 'Yard Cleanup';
|
||||||
|
const urgency = document.getElementById('contact-urgency')?.value || 'Flexible';
|
||||||
|
const size = document.getElementById('contact-size')?.value || 'Standard';
|
||||||
|
const notes = document.getElementById('contact-notes')?.value || '';
|
||||||
|
|
||||||
|
const leadId = 'NG-' + Date.now().toString(36).toUpperCase();
|
||||||
|
const leadData = {
|
||||||
|
id: leadId,
|
||||||
|
source: 'contact_page',
|
||||||
|
name,
|
||||||
|
phone,
|
||||||
|
address,
|
||||||
|
service,
|
||||||
|
urgency,
|
||||||
|
size,
|
||||||
|
notes,
|
||||||
|
submittedAt: new Date().toISOString()
|
||||||
|
};
|
||||||
|
|
||||||
|
try {
|
||||||
|
const existing = JSON.parse(localStorage.getItem('nextgen_leads') || '[]');
|
||||||
|
existing.unshift(leadData);
|
||||||
|
localStorage.setItem('nextgen_leads', JSON.stringify(existing));
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Storage error:', err);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update UI to success state
|
||||||
|
contactForm.style.display = 'none';
|
||||||
|
if (contactLeadIdSpan) {
|
||||||
|
contactLeadIdSpan.textContent = leadId;
|
||||||
|
}
|
||||||
|
if (contactSuccessBox) {
|
||||||
|
contactSuccessBox.classList.add('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build instant mobile SMS follow-up link
|
||||||
|
if (contactSmsLink) {
|
||||||
|
const textMessage = `Hi Next Gen! My name is ${name} at ${address}. I submitted quote request #${leadId} for ${service} (${size}). Please let me know your availability!`;
|
||||||
|
contactSmsLink.href = `sms:6615817278?body=${encodeURIComponent(textMessage)}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Trigger Toast
|
||||||
|
if (toast) {
|
||||||
|
toast.classList.add('show');
|
||||||
|
setTimeout(() => toast.classList.remove('show'), 6000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==========================================================================
|
||||||
|
// 4. INTERACTIVE YARD COST ESTIMATOR LOGIC
|
||||||
|
// ==========================================================================
|
||||||
|
const priceDisplay = document.getElementById('calc-price-display');
|
||||||
|
const timeDisplay = document.getElementById('calc-time-display');
|
||||||
|
const calcBookBtn = document.getElementById('calc-book-btn');
|
||||||
|
|
||||||
|
// Base pricing matrix [Min, Max]
|
||||||
|
const serviceRates = {
|
||||||
|
'cleanup': { base: [350, 550], time: 'Same Day (3 - 5 Hours)' },
|
||||||
|
'fire-abatement': { base: [450, 800], time: 'Same Day (4 - 6 Hours)' },
|
||||||
|
'turf': { base: [2200, 4800], time: '2 - 3 Days' },
|
||||||
|
'rockscape': { base: [1800, 3900], time: '2 - 4 Days' },
|
||||||
|
'trees': { base: [400, 950], time: 'Same Day (3 - 6 Hours)' },
|
||||||
|
'maintenance': { base: [180, 320], time: 'Routine (1.5 - 2.5 Hours)' }
|
||||||
|
};
|
||||||
|
|
||||||
|
const sizeMultipliers = {
|
||||||
|
'small': 0.75,
|
||||||
|
'medium': 1.0,
|
||||||
|
'large': 1.8,
|
||||||
|
'acreage': 3.2
|
||||||
|
};
|
||||||
|
|
||||||
|
const conditionMultipliers = {
|
||||||
|
'mild': 0.85,
|
||||||
|
'heavy': 1.15,
|
||||||
|
'severe': 1.55
|
||||||
|
};
|
||||||
|
|
||||||
|
function updateEstimate() {
|
||||||
|
const selectedService = document.querySelector('input[name="calc-service"]:checked')?.value || 'cleanup';
|
||||||
|
const selectedSize = document.querySelector('input[name="calc-size"]:checked')?.value || 'medium';
|
||||||
|
const selectedCondition = document.querySelector('input[name="calc-condition"]:checked')?.value || 'heavy';
|
||||||
|
|
||||||
|
const serviceData = serviceRates[selectedService] || serviceRates['cleanup'];
|
||||||
|
const sizeMult = sizeMultipliers[selectedSize] || 1.0;
|
||||||
|
const condMult = conditionMultipliers[selectedCondition] || 1.0;
|
||||||
|
|
||||||
|
let minPrice = Math.round((serviceData.base[0] * sizeMult * condMult) / 25) * 25;
|
||||||
|
let maxPrice = Math.round((serviceData.base[1] * sizeMult * condMult) / 25) * 25;
|
||||||
|
|
||||||
|
if (priceDisplay) {
|
||||||
|
priceDisplay.textContent = `$${minPrice.toLocaleString()} – $${maxPrice.toLocaleString()}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (timeDisplay) {
|
||||||
|
let timeText = serviceData.time;
|
||||||
|
if (selectedSize === 'acreage' && !timeText.includes('Days')) {
|
||||||
|
timeText = '1 - 2 Days (Full Crew)';
|
||||||
|
}
|
||||||
|
timeDisplay.textContent = timeText;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Listen to all calculator radio buttons
|
||||||
|
const calcInputs = document.querySelectorAll('input[name="calc-service"], input[name="calc-size"], input[name="calc-condition"]');
|
||||||
|
calcInputs.forEach(input => {
|
||||||
|
input.addEventListener('change', updateEstimate);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Calculate Initial Estimate
|
||||||
|
updateEstimate();
|
||||||
|
|
||||||
|
// Book with current estimate scope
|
||||||
|
if (calcBookBtn) {
|
||||||
|
calcBookBtn.addEventListener('click', () => {
|
||||||
|
const selectedServiceEl = document.querySelector('input[name="calc-service"]:checked');
|
||||||
|
const selectedSizeEl = document.querySelector('input[name="calc-size"]:checked');
|
||||||
|
const selectedConditionEl = document.querySelector('input[name="calc-condition"]:checked');
|
||||||
|
|
||||||
|
const serviceTitle = selectedServiceEl?.closest('.calc-option')?.querySelector('.calc-option-title')?.textContent || 'Yardwork';
|
||||||
|
const sizeTitle = selectedSizeEl?.closest('.calc-option')?.querySelector('.calc-option-title')?.textContent || 'Medium Lot';
|
||||||
|
const conditionTitle = selectedConditionEl?.closest('.calc-option')?.querySelector('.calc-option-title')?.textContent || 'Heavy Overgrowth';
|
||||||
|
const currentPrice = priceDisplay?.textContent || '';
|
||||||
|
|
||||||
|
const notes = `Calculator Estimate Scope: ${serviceTitle} | Property: ${sizeTitle} | Condition: ${conditionTitle} | Estimated Range: ${currentPrice}`;
|
||||||
|
openModal(serviceTitle, notes);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==========================================================================
|
||||||
|
// 5. INTERACTIVE BEFORE & AFTER SLIDER
|
||||||
|
// ==========================================================================
|
||||||
|
const baContainer = document.getElementById('ba-slider');
|
||||||
|
const baLayer = document.getElementById('ba-layer');
|
||||||
|
const baHandle = document.getElementById('ba-handle');
|
||||||
|
|
||||||
|
if (baContainer && baLayer && baHandle) {
|
||||||
|
let isDragging = false;
|
||||||
|
|
||||||
|
const setSliderPosition = (x) => {
|
||||||
|
const rect = baContainer.getBoundingClientRect();
|
||||||
|
let pos = ((x - rect.left) / rect.width) * 100;
|
||||||
|
pos = Math.max(0, Math.min(100, pos)); // clamp 0 - 100
|
||||||
|
|
||||||
|
baContainer.style.setProperty('--slider-pos', `${pos}%`);
|
||||||
|
};
|
||||||
|
|
||||||
|
// Mouse events
|
||||||
|
baContainer.addEventListener('mousedown', (e) => {
|
||||||
|
isDragging = true;
|
||||||
|
setSliderPosition(e.clientX);
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener('mousemove', (e) => {
|
||||||
|
if (!isDragging) return;
|
||||||
|
setSliderPosition(e.clientX);
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener('mouseup', () => {
|
||||||
|
isDragging = false;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Touch events for mobile/tablet
|
||||||
|
baContainer.addEventListener('touchstart', (e) => {
|
||||||
|
isDragging = true;
|
||||||
|
if (e.touches.length > 0) {
|
||||||
|
setSliderPosition(e.touches[0].clientX);
|
||||||
|
}
|
||||||
|
}, { passive: true });
|
||||||
|
|
||||||
|
window.addEventListener('touchmove', (e) => {
|
||||||
|
if (!isDragging || e.touches.length === 0) return;
|
||||||
|
setSliderPosition(e.touches[0].clientX);
|
||||||
|
}, { passive: true });
|
||||||
|
|
||||||
|
window.addEventListener('touchend', () => {
|
||||||
|
isDragging = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 6. Smooth Scroll Header Offset
|
||||||
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||||
|
anchor.addEventListener('click', function (e) {
|
||||||
|
const href = this.getAttribute('href');
|
||||||
|
if (href === '#' || !href.startsWith('#')) return;
|
||||||
|
|
||||||
|
const target = document.querySelector(href);
|
||||||
|
if (target) {
|
||||||
|
e.preventDefault();
|
||||||
|
const headerHeight = document.querySelector('.site-header')?.offsetHeight || 80;
|
||||||
|
const targetPos = target.getBoundingClientRect().top + window.pageYOffset - headerHeight;
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: targetPos,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
+540
@@ -0,0 +1,540 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Contact Next Gen Landscaping | Antelope Valley Yard Care & Cleanups</title>
|
||||||
|
<meta name="description" content="Contact Next Gen Landscaping in Palmdale & Lancaster. Call (661) 581-7278, text yard photos for a fast quote, or submit your property details online.">
|
||||||
|
<meta name="keywords" content="contact Next Gen landscaping, yard work Palmdale phone number, Lancaster weed abatement contact, Antelope Valley yard cleanups estimate">
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Contact Next Gen Landscaping & Yard Care | Antelope Valley">
|
||||||
|
<meta property="og:description" content="Get a fast, transparent quote for Antelope Valley weed abatement, cleanups, mowing, and xeriscaping. Call or text (661) 581-7278.">
|
||||||
|
<meta property="og:image" content="images/hero.jpg">
|
||||||
|
|
||||||
|
<!-- Google Fonts -->
|
||||||
|
<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 -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HomeAndConstructionBusiness",
|
||||||
|
"name": "Next Gen Landscaping & Yard Care",
|
||||||
|
"image": "images/hero.jpg",
|
||||||
|
"telephone": "(661) 581-7278",
|
||||||
|
"email": "info@avyardpro.com",
|
||||||
|
"priceRange": "$$",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "Palmdale",
|
||||||
|
"addressRegion": "CA",
|
||||||
|
"postalCode": "93550",
|
||||||
|
"addressCountry": "US"
|
||||||
|
},
|
||||||
|
"areaServed": [
|
||||||
|
"Palmdale, CA",
|
||||||
|
"Lancaster, CA",
|
||||||
|
"Quartz Hill, CA",
|
||||||
|
"Acton, CA",
|
||||||
|
"Rosamond, CA"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
</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"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
|
||||||
|
RAPID RESPONSE
|
||||||
|
</span>
|
||||||
|
<span>Text yard photos to <strong>(661) 581-7278</strong> for a same-day ballpark quote!</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>
|
||||||
|
|
||||||
|
<!-- 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#areas" class="nav-link">Service Areas</a>
|
||||||
|
<a href="index.html#reviews" class="nav-link">Reviews</a>
|
||||||
|
<a href="contact.html" class="nav-link active" style="color: var(--neon-text-shade); font-weight: 800;">Contact Us</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header CTAs -->
|
||||||
|
<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" id="header-quote-btn">
|
||||||
|
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">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="index.html#reviews" class="nav-link mobile-link">Customer Reviews</a>
|
||||||
|
<a href="contact.html" class="nav-link mobile-link" style="color: var(--neon-text-shade); font-weight: 800;">Contact Us</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" style="width: 100%; margin-top: 10px;">Request Instant Quote</button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- 3. SUBPAGE HERO -->
|
||||||
|
<main id="main-content">
|
||||||
|
<section class="subpage-hero">
|
||||||
|
<div class="container">
|
||||||
|
<nav class="breadcrumbs" aria-label="Breadcrumb">
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
<span class="separator">/</span>
|
||||||
|
<span>Contact Us</span>
|
||||||
|
</nav>
|
||||||
|
<div class="section-tag">
|
||||||
|
<span class="badge">
|
||||||
|
<span class="badge-dot"></span>
|
||||||
|
Direct High Desert Dispatch
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="subpage-title">
|
||||||
|
Contact <span class="neon-text">Next Gen</span>
|
||||||
|
</h1>
|
||||||
|
<p class="subpage-subtitle">
|
||||||
|
Have an overgrown yard, dry tumbleweeds, or a county weed abatement deadline? Contact our Antelope Valley crew directly by phone, text photo, or submit your property details below for a fast, honest estimate.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 4. CONTACT GRID & SUBMISSION FORM -->
|
||||||
|
<section class="contact-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="contact-grid">
|
||||||
|
|
||||||
|
<!-- Left Column: Contact Methods & Info -->
|
||||||
|
<div class="contact-info-panel">
|
||||||
|
|
||||||
|
<!-- Card 1: Direct Call -->
|
||||||
|
<div class="contact-card">
|
||||||
|
<div class="contact-card-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" 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>
|
||||||
|
</div>
|
||||||
|
<div class="contact-card-content">
|
||||||
|
<h4>Call Our Team Direct</h4>
|
||||||
|
<p>Speak directly with a local crew lead about scheduling, pricing, and emergency cleanups.</p>
|
||||||
|
<a href="tel:6615817278" class="contact-card-link">
|
||||||
|
(661) 581-7278 →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 2: Text Photos for Quote -->
|
||||||
|
<div class="contact-card">
|
||||||
|
<div class="contact-card-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" 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>
|
||||||
|
</div>
|
||||||
|
<div class="contact-card-content">
|
||||||
|
<h4>Text Photos for Instant Estimate</h4>
|
||||||
|
<p>Snap 2–3 photos of your front or back yard and text them with your cross streets for a rapid quote.</p>
|
||||||
|
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20I'd%20like%20a%20yard%20quote%20for%20my%20property%20in%20" class="contact-card-link">
|
||||||
|
Text Photos: (661) 581-7278 →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 3: Email & Territory -->
|
||||||
|
<div class="contact-card">
|
||||||
|
<div class="contact-card-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
|
||||||
|
</div>
|
||||||
|
<div class="contact-card-content">
|
||||||
|
<h4>Email Inquiries</h4>
|
||||||
|
<p>For official documentation, HOA letters, or detailed site proposals.</p>
|
||||||
|
<a href="mailto:info@avyardpro.com" class="contact-card-link">
|
||||||
|
info@avyardpro.com →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 4: Operating Hours -->
|
||||||
|
<div class="contact-card" style="border-left: 3px solid var(--neon-green);">
|
||||||
|
<div class="contact-card-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
|
||||||
|
</div>
|
||||||
|
<div class="contact-card-content">
|
||||||
|
<h4>Service Hours & Dispatch</h4>
|
||||||
|
<p style="margin-bottom: 4px;"><strong>Monday – Friday:</strong> 6:30 AM – 7:00 PM</p>
|
||||||
|
<p style="margin-bottom: 4px;"><strong>Saturday:</strong> 7:00 AM – 6:00 PM</p>
|
||||||
|
<p><strong>Sunday:</strong> On-call for windstorm & fire emergencies</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 5: Tooling Note -->
|
||||||
|
<div class="contact-card" style="background: #fdfefe; border: 1.5px dashed #cbd5e1;">
|
||||||
|
<div class="contact-card-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>
|
||||||
|
</div>
|
||||||
|
<div class="contact-card-content">
|
||||||
|
<h4>Residential Care Guarantee</h4>
|
||||||
|
<p>We work with commercial-grade mowers, string trimmers, rakes, and haul trailers—never destructive heavy tractors. Your fences, underground pipes, and walls are 100% safe.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Column: Interactive Quote / Contact Form -->
|
||||||
|
<div class="contact-form-panel">
|
||||||
|
<div class="contact-form-header">
|
||||||
|
<span class="badge" style="margin-bottom: 10px;">Free On-Site Assessment</span>
|
||||||
|
<h3>Request Your Free Quote</h3>
|
||||||
|
<p>Fill out your project details below. Our team logs every submission and responds within 15 minutes during work hours.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- The Form -->
|
||||||
|
<form id="contact-form">
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="contact-name">Your Full Name *</label>
|
||||||
|
<input type="text" id="contact-name" class="form-control" placeholder="John Smith" required autocomplete="name">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="contact-phone">Phone Number *</label>
|
||||||
|
<input type="tel" id="contact-phone" class="form-control" placeholder="(661) 000-0000" required autocomplete="tel" inputmode="tel">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="contact-address">Property Address / Cross Streets *</label>
|
||||||
|
<input type="text" id="contact-address" class="form-control" placeholder="e.g. 10th St West & Ave N, Palmdale" required autocomplete="street-address">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="contact-service">Primary Service Needed *</label>
|
||||||
|
<select id="contact-service" class="form-control" required>
|
||||||
|
<option value="LA County Weed Abatement">LA County Fire Weed Abatement</option>
|
||||||
|
<option value="Tumbleweed Removal & Cleanout" selected>Tumbleweed Removal & Cleanout</option>
|
||||||
|
<option value="General Yardwork & Mowing">General Yardwork & Mowing</option>
|
||||||
|
<option value="Synthetic Turf Installation">Synthetic Turf Installation</option>
|
||||||
|
<option value="Desert Xeriscape & Rock">Desert Xeriscape & Rock</option>
|
||||||
|
<option value="Tree Trimming & Palms">Tree Trimming & Palms</option>
|
||||||
|
<option value="Smart Irrigation Repair">Smart Irrigation Repair</option>
|
||||||
|
<option value="Other Yard Care">Other Yard Care</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="contact-size">Approximate Lot Size</label>
|
||||||
|
<select id="contact-size" class="form-control">
|
||||||
|
<option value="Front Yard Only">Front Yard Only (~2,000 sq ft)</option>
|
||||||
|
<option value="Standard Suburb Lot" selected>Standard Suburb Lot (~1/4 Acre)</option>
|
||||||
|
<option value="Half-Acre Parcel">Half-Acre Parcel (~20,000 sq ft)</option>
|
||||||
|
<option value="Large Residential Parcel">Large Residential Parcel (1+ Acre)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="contact-urgency">Desired Timeframe</label>
|
||||||
|
<select id="contact-urgency" class="form-control">
|
||||||
|
<option value="Urgent / Same-Day">Urgent (County Deadline / Same Day)</option>
|
||||||
|
<option value="Within 48 Hours" selected>Within 48 Hours</option>
|
||||||
|
<option value="Next Week">Sometime Next Week</option>
|
||||||
|
<option value="Planning Ahead">Planning Ahead / General Estimate</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label" for="contact-notes">Project Notes & Details</label>
|
||||||
|
<textarea id="contact-notes" class="form-control" rows="4" placeholder="Tell us about the overgrowth, gate access, tumbleweed piles, or specific concerns..."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary btn-lg" style="width: 100%; margin-top: 10px;">
|
||||||
|
<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>
|
||||||
|
Send Quote Request
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div style="text-align: center; margin-top: 14px; font-size: 0.84rem; color: var(--text-muted);">
|
||||||
|
Prefer text messaging? Text photos directly to <a href="sms:6615817278" style="color: var(--neon-text-shade); font-weight: 700;">(661) 581-7278</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Success State -->
|
||||||
|
<div class="form-submission-success" id="contact-success-box">
|
||||||
|
<div class="success-icon-box">
|
||||||
|
<svg width="32" height="32" 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>
|
||||||
|
<h3 style="font-size: 1.5rem; color: var(--brand-black); margin-bottom: 8px;">Quote Request Dispatched!</h3>
|
||||||
|
<p style="font-size: 0.95rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 16px;">
|
||||||
|
Thank you! Your quote request has been logged under Reference ID: <strong id="contact-lead-id" style="color: var(--neon-text-shade);">#NG-LEAD</strong>.
|
||||||
|
</p>
|
||||||
|
<p style="font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 24px;">
|
||||||
|
A Next Gen team member will review your property details and call or text you back within 15 minutes.
|
||||||
|
</p>
|
||||||
|
<a href="sms:6615817278" id="contact-sms-link" class="btn btn-secondary btn-lg" style="width: 100%;">
|
||||||
|
<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>
|
||||||
|
Speed Up: Text Quote Directly to Crew
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 5. FAQ SECTION -->
|
||||||
|
<section class="section" id="contact-faq" style="background: #f7faf8;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<div class="section-tag"><span class="badge">Booking Questions</span></div>
|
||||||
|
<h2 class="section-title">Common Questions About <span class="neon-text">Quotes & Estimates</span></h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="faq-accordion-wrapper">
|
||||||
|
<details class="faq-item" name="contact-faq" open>
|
||||||
|
<summary class="faq-question">How fast can someone come out to inspect my yard?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
We offer same-day or 24-hour on-site assessments throughout Palmdale, Lancaster, Quartz Hill, and Acton. If you text photos of your yard to (661) 581-7278, we can frequently give you an immediate ballpark quote within 30 minutes.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<details class="faq-item" name="contact-faq">
|
||||||
|
<summary class="faq-question">Do I have to be home for the yard estimate?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
No! As long as side gates are unlocked and dogs are secured inside, our crew can walk the perimeter, assess weed density and haul volume, and call or text you the written estimate immediately.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<details class="faq-item" name="contact-faq">
|
||||||
|
<summary class="faq-question">Do you charge for quotes?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Zero charge. All on-site assessments, phone estimates, and photo quotes in the Antelope Valley are 100% free with no obligation.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<details class="faq-item" name="contact-faq">
|
||||||
|
<summary class="faq-question">What payment methods do you accept?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
We accept Cash, Major Credit/Debit Cards, Zelle, Venmo, and local checks upon complete job satisfaction.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 6. FINAL CTA BANNER -->
|
||||||
|
<section class="cta-banner-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-banner-card">
|
||||||
|
<h2>Ready To Reclaim Your <span class="neon-text">High Desert Yard?</span></h2>
|
||||||
|
<p>
|
||||||
|
Don't let windblown tumbleweeds and fire hazards take over. Call Next Gen today for immediate, friendly yard care.
|
||||||
|
</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="sms:6615817278?body=Hi%20Next%20Gen,%20I'd%20like%20a%20yard%20quote" 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="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 Yard Photos
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- 7. 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 • 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 & Agua Dulce</a></li>
|
||||||
|
<li><a href="rosamond-landscaping.html">Rosamond & Mojave</a></li>
|
||||||
|
<li><a href="palmdale-landscaping.html">Littlerock & 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>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. All rights reserved. Antelope Valley, CA.
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
Licensed, Bonded & Insured • High Desert Fire Hazard Compliant
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- 8. NATIVE MODAL DIALOG (<dialog id="quote-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="Weed Abatement">LA County Weed Abatement</option>
|
||||||
|
<option value="Tumbleweed Removal" selected>Tumbleweed & Yard Cleanout</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 your yard conditions, tumbleweed overgrowth, or urgency..."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 10px;">
|
||||||
|
Send Quote Request
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<p style="font-size: 0.78rem; color: var(--text-muted); text-align: center; margin-top: 12px;">
|
||||||
|
Next Gen values your privacy. Zero spam. We use your details only to provide your estimate.
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<!-- 9. 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>
|
||||||
|
|
||||||
|
<!-- 10. 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%20yard%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">
|
||||||
|
<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>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 860 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 905 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 988 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 964 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 985 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 912 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 904 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 964 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 904 KiB |
+1275
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,512 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Lancaster Landscaping, Weed Abatement & Yard Care | Next Gen Landscaping</title>
|
||||||
|
<meta name="description" content="Premier residential landscaping, LA County fire clearance weed abatement, tumbleweed haul-away, synthetic turf & desert rockscaping in Lancaster, CA (93534, 93535, 93536). Call (661) 581-7278.">
|
||||||
|
<meta name="keywords" content="Lancaster landscaping, weed abatement Lancaster, yard cleanup 93536, West Lancaster yard care, East Lancaster tumbleweed removal, artificial turf Lancaster CA, fire hazard clearance">
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Lancaster Landscaping, Weed Abatement & Yard Care | Next Gen">
|
||||||
|
<meta property="og:description" content="High Desert residential yard care in Lancaster, CA. Fire clearance, tumbleweed removal, artificial turf & xeriscaping. Call (661) 581-7278.">
|
||||||
|
<meta property="og:image" content="images/hero.jpg">
|
||||||
|
|
||||||
|
<!-- 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 Lancaster, CA -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HomeAndConstructionBusiness",
|
||||||
|
"name": "Next Gen Landscaping & Yard Care - Lancaster",
|
||||||
|
"image": "images/hero.jpg",
|
||||||
|
"telephone": "(661) 581-7278",
|
||||||
|
"priceRange": "$$",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "Lancaster",
|
||||||
|
"addressRegion": "CA",
|
||||||
|
"postalCode": "93534",
|
||||||
|
"addressCountry": "US"
|
||||||
|
},
|
||||||
|
"geo": {
|
||||||
|
"@type": "GeoCoordinates",
|
||||||
|
"latitude": 34.6981,
|
||||||
|
"longitude": -118.1367
|
||||||
|
},
|
||||||
|
"areaServed": [
|
||||||
|
{
|
||||||
|
"@type": "City",
|
||||||
|
"name": "Lancaster",
|
||||||
|
"sameAs": "https://en.wikipedia.org/wiki/Lancaster,_California"
|
||||||
|
},
|
||||||
|
"West Lancaster",
|
||||||
|
"East Lancaster",
|
||||||
|
"Desert View Highlands",
|
||||||
|
"Fox Field District",
|
||||||
|
"Antelope Valley College Area"
|
||||||
|
],
|
||||||
|
"openingHoursSpecification": {
|
||||||
|
"@type": "OpeningHoursSpecification",
|
||||||
|
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||||||
|
"opens": "06:30",
|
||||||
|
"closes": "19:00"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</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.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
||||||
|
Lancaster Local Notice
|
||||||
|
</span>
|
||||||
|
<span>LA County Weed Clearance & Tumbleweed Pileups in 93534, 93535 & 93536! Fast 48-Hour Dispatch.</span>
|
||||||
|
<a href="#quote-section" class="announcement-link">Get Instant Estimate →</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">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- 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="index.html#areas" class="nav-link active">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link">Contact</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header CTAs -->
|
||||||
|
<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 class="phone-text">(661) 581-7278</span>
|
||||||
|
</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Lancaster Landscaping">
|
||||||
|
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="index.html#areas" class="nav-link mobile-link">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link mobile-link">Contact Us</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Lancaster Landscaping" style="width: 100%; margin-top: 10px;">Request Lancaster 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#areas">Service Areas</a>
|
||||||
|
<span class="separator">/</span>
|
||||||
|
<span>Lancaster, CA</span>
|
||||||
|
</nav>
|
||||||
|
<div class="section-tag">
|
||||||
|
<span class="badge">
|
||||||
|
<span class="badge-dot"></span>
|
||||||
|
Serving Zip Codes: 93534 • 93535 • 93536
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="subpage-title">
|
||||||
|
Lancaster Landscaping, Weed Abatement <br>
|
||||||
|
<span class="neon-text">& Residential Yard Care</span>
|
||||||
|
</h1>
|
||||||
|
<p class="subpage-subtitle">
|
||||||
|
From West Lancaster residential estates along Ave K and L to open-wind East Lancaster parcels, Next Gen delivers precision yard care, LA County fire clearance, windstorm tumbleweed removal, and drought-proof synthetic turf built for the High Desert.
|
||||||
|
</p>
|
||||||
|
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Lancaster Yard Care">
|
||||||
|
<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 Free Lancaster Estimate
|
||||||
|
</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>
|
||||||
|
Direct Call: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CONTENT & SIDEBAR SECTION -->
|
||||||
|
<section class="service-content-section" style="background: #f4eee2;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="service-content-grid">
|
||||||
|
|
||||||
|
<!-- Left: Local Scope & Neighborhood Details -->
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 16px;">
|
||||||
|
Built for Lancaster's Fierce Wind Corridors & Caliche Hardpan
|
||||||
|
</h2>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Lancaster sits squarely in the Antelope Valley wind corridor. Each spring and fall, 40 to 60 mph desert gusts blow thousands of tumbleweeds across open fields into residential chain link fences, backyards, and side yards. When combined with blistering summer temperatures and rock-hard caliche soil, standard yard crews struggle to maintain clean properties.
|
||||||
|
</p>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
<strong>Next Gen Landscaping provides surgical, residential yard care in Lancaster</strong>. We never bring massive industrial tractors that tear up curbs, crack shallow sprinkler pipes, or destroy boundary fences. Instead, our crew uses high-powered commercial string trimmers, nimble walk-behind mowers, heavy rakes, and commercial dump trailers to haul away debris completely.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Lancaster Neighborhood Breakdown -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 18px;">
|
||||||
|
Lancaster Neighborhoods We Serve Daily:
|
||||||
|
</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>West Lancaster & Avenue K / Avenue L (93536)</h5>
|
||||||
|
<p>Upscale tract home yard transformations, premium pet-friendly artificial turf, modern desert xeriscape with crushed granite and basalt rock, and smart WiFi sprinkler controller setups.</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>East Lancaster & Challenger Way (93535)</h5>
|
||||||
|
<p>Heavy tumbleweed cleanouts along block walls and fence lines, perimeter weed abatement for LA County compliance, and prompt green waste dump trailer haul-away.</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>Desert View Highlands & 10th-20th West (93534)</h5>
|
||||||
|
<p>Complete property cleanup, overgrown tree limb trimming, stump reduction, low-maintenance gravel beds, and drip irrigation line repairs.</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>Fox Field & North Lancaster Corridors (93536)</h5>
|
||||||
|
<p>Perimeter defensible space clearing, mustard and Russian thistle whacking down to 2 inches, and parcel cleanouts before county fire inspector visits.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Lancaster Services Cards Mini-Grid -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 40px; margin-bottom: 20px;">
|
||||||
|
Popular Services for Lancaster Homeowners:
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 36px;">
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-weed-abatement.jpg" alt="Lancaster fire weed abatement" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Fire Weed Abatement</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">LA County compliance guaranteed. Scalped down to 2-3 inches to satisfy county weed inspectors.</p>
|
||||||
|
<a href="weed-abatement.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Weed Scope →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-tumbleweed.jpg" alt="Lancaster tumbleweed removal" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Tumbleweed Hauling</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">Clear 6-foot drifts off fences, patios, and AC units. Dump trailer disposal included.</p>
|
||||||
|
<a href="tumbleweed-removal.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Tumbleweed Scope →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Lancaster Local FAQs -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 16px;">
|
||||||
|
Frequently Asked Questions: Lancaster Yard Care
|
||||||
|
</h3>
|
||||||
|
<div class="faq-accordion-wrapper">
|
||||||
|
<details class="faq-item" name="lancaster-faq" open>
|
||||||
|
<summary class="faq-question">What are the LA County weed clearance rules for Lancaster?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Lancaster properties fall under the jurisdiction of the LA County Agricultural Commissioner and LA County Fire Department. All dry weeds, wild oats, and Russian thistle must be cleared by late spring (typically May 1 to June 1) to eliminate fire corridors. Next Gen inspects and cuts your lot to meet strict compliance specifications.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="lancaster-faq">
|
||||||
|
<summary class="faq-question">How fast can you clear tumbleweeds after a Lancaster windstorm?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
We maintain dedicated storm cleanup slots. During high wind events, we typically dispatch within 24 to 48 hours to clear stacked tumbleweeds from fence lines, gates, and side yards before they dry out and pose an immediate wildfire hazard.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="lancaster-faq">
|
||||||
|
<summary class="faq-question">Do you use heavy tractors on residential Lancaster lots?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
No. We intentionally use precision commercial walk-behind equipment, heavy trimmers, and rakes. Tractors easily crush sprinkler valves, crack decorative concrete borders, and leave deep ruts in High Desert caliche soil. Our crew ensures clean, damage-free hand precision.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Sidebar: Quick Dispatch & Estimate 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);">Lancaster Local Crew</span>
|
||||||
|
</div>
|
||||||
|
<h3 style="font-size: 1.45rem; font-weight: 800; color: var(--brand-black); margin-bottom: 12px;">
|
||||||
|
Get Your Lancaster Estimate
|
||||||
|
</h3>
|
||||||
|
<p style="font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px;">
|
||||||
|
Text photos or submit your address. Local Lancaster dispatch responds within 15 minutes during daylight hours.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Local Territory Highlights -->
|
||||||
|
<div style="background: #f8faf9; border-radius: var(--radius-sm); padding: 14px; margin-bottom: 20px; font-size: 0.85rem;">
|
||||||
|
<div style="font-weight: 700; color: var(--brand-black); margin-bottom: 6px;">Lancaster Quick Facts:</div>
|
||||||
|
<div style="color: var(--text-secondary); line-height: 1.5;">
|
||||||
|
• <strong>Response:</strong> Same-day on-site estimates<br>
|
||||||
|
• <strong>Zip Codes:</strong> 93534, 93535, 93536<br>
|
||||||
|
• <strong>Equipment:</strong> Hand tools & mowers (No tractors)<br>
|
||||||
|
• <strong>Direct Line:</strong> (661) 581-7278
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Quick Quote Form -->
|
||||||
|
<form id="contact-form" class="sidebar-form">
|
||||||
|
<input type="hidden" name="lead_city" value="Lancaster">
|
||||||
|
<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. David Miller" 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;">Lancaster Service Needed *</label>
|
||||||
|
<select id="contact-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>
|
||||||
|
</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;">Lancaster Address or Cross Streets</label>
|
||||||
|
<textarea id="contact-notes" class="form-control" rows="3" placeholder="e.g. Ave K-8 & 30th St West, West Lancaster. High tumbleweeds against back wall."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px; font-weight: 800;">
|
||||||
|
Submit Lancaster Request
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div style="text-align: center; margin-top: 16px;">
|
||||||
|
<a href="tel:6615817278" style="font-size: 0.9rem; font-weight: 700; color: var(--neon-text-shade); text-decoration: underline;">
|
||||||
|
Or Call Direct: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 4. FINAL CTA -->
|
||||||
|
<section class="cta-banner-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-banner-card">
|
||||||
|
<h2>Ready For A Clean <span class="neon-text">Lancaster Property?</span></h2>
|
||||||
|
<p>
|
||||||
|
Whether facing an LA County weed notice or needing windstorm tumbleweed drifts cleared, Next Gen is ready to deploy.
|
||||||
|
</p>
|
||||||
|
<div class="cta-banner-actions">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Lancaster Yard Care">
|
||||||
|
<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 Lancaster Assessment
|
||||||
|
</button>
|
||||||
|
<a href="tel:6615817278" 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) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- 5. 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>
|
||||||
|
Lancaster's dedicated residential yard care and fire hazard clearance team. Serving West Lancaster, East Lancaster, Desert View Highlands, and Fox Field.
|
||||||
|
</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="palmdale-landscaping.html">Palmdale, CA (93550, 93551)</a></li>
|
||||||
|
<li><a href="lancaster-landscaping.html" style="color: var(--neon-lime); font-weight: 700;">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 Lancaster Dispatch
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<div>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. Lancaster, CA.
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
Licensed, Bonded & Insured • Residential Hand-Tool Precision
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- 6. 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;">Lancaster Direct Quote</span>
|
||||||
|
<h3 id="modal-title">Request Your <span class="neon-text">Lancaster Estimate</span></h3>
|
||||||
|
<p>Zero pressure. Next Gen provides fast on-site verification across all Lancaster 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. David Miller" 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) 581-7278" 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 Lancaster Maintenance</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group" style="margin-bottom: 20px;">
|
||||||
|
<label for="lead-notes">Lancaster Address or Scope Notes</label>
|
||||||
|
<textarea id="lead-notes" class="form-control" rows="3" placeholder="e.g. 93536 address near Ave L, windstorm tumbleweeds and fire clearance needed."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 14px; font-size: 1.05rem;">
|
||||||
|
Submit Lancaster Request →
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<!-- 7. MOBILE STICKY ACTION BAR -->
|
||||||
|
<div class="mobile-sticky-bar">
|
||||||
|
<div class="mobile-bar-inner">
|
||||||
|
<a href="tel:6615817278" 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 Lancaster
|
||||||
|
</a>
|
||||||
|
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20I%20need%20a%20yard%20estimate%20in%20Lancaster." 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="Lancaster Yard Care">
|
||||||
|
<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="app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,512 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Palmdale Landscaping, Weed Abatement & Yard Care | Next Gen Landscaping</title>
|
||||||
|
<meta name="description" content="Premier residential landscaping, LA County fire clearance weed abatement, tumbleweed haul-away, synthetic turf & desert rockscaping in Palmdale, CA (93550, 93551, 93552). Call (661) 581-7278.">
|
||||||
|
<meta name="keywords" content="Palmdale landscaping, weed abatement Palmdale, yard cleanup 93551, Rancho Vista landscaper, Anaverde yard care, tumbleweed removal Palmdale, synthetic turf Palmdale CA">
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Palmdale Landscaping, Weed Abatement & Yard Care | Next Gen">
|
||||||
|
<meta property="og:description" content="High Desert residential yard care in Palmdale, CA. Fire clearance, tumbleweed removal, artificial turf & xeriscaping. Call (661) 581-7278.">
|
||||||
|
<meta property="og:image" content="images/hero.jpg">
|
||||||
|
|
||||||
|
<!-- 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 Palmdale, CA -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HomeAndConstructionBusiness",
|
||||||
|
"name": "Next Gen Landscaping & Yard Care - Palmdale",
|
||||||
|
"image": "images/hero.jpg",
|
||||||
|
"telephone": "(661) 581-7278",
|
||||||
|
"priceRange": "$$",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "Palmdale",
|
||||||
|
"addressRegion": "CA",
|
||||||
|
"postalCode": "93550",
|
||||||
|
"addressCountry": "US"
|
||||||
|
},
|
||||||
|
"geo": {
|
||||||
|
"@type": "GeoCoordinates",
|
||||||
|
"latitude": 34.5794,
|
||||||
|
"longitude": -118.1165
|
||||||
|
},
|
||||||
|
"areaServed": [
|
||||||
|
{
|
||||||
|
"@type": "City",
|
||||||
|
"name": "Palmdale",
|
||||||
|
"sameAs": "https://en.wikipedia.org/wiki/Palmdale,_California"
|
||||||
|
},
|
||||||
|
"Rancho Vista",
|
||||||
|
"Anaverde",
|
||||||
|
"Godde Hill",
|
||||||
|
"Desert Sands",
|
||||||
|
"East Palmdale"
|
||||||
|
],
|
||||||
|
"openingHoursSpecification": {
|
||||||
|
"@type": "OpeningHoursSpecification",
|
||||||
|
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||||||
|
"opens": "06:30",
|
||||||
|
"closes": "19:00"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</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.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
||||||
|
Palmdale Local Notice
|
||||||
|
</span>
|
||||||
|
<span>LA County Weed Clearance Deadlines Approaching in 93550, 93551 & 93552! Fast 48-Hour Dispatch.</span>
|
||||||
|
<a href="#quote-section" class="announcement-link">Get Instant Estimate →</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">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- 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="index.html#areas" class="nav-link active">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link">Contact</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header CTAs -->
|
||||||
|
<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 class="phone-text">(661) 581-7278</span>
|
||||||
|
</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Palmdale Landscaping">
|
||||||
|
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="index.html#areas" class="nav-link mobile-link">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link mobile-link">Contact Us</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Palmdale Landscaping" style="width: 100%; margin-top: 10px;">Request Palmdale 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#areas">Service Areas</a>
|
||||||
|
<span class="separator">/</span>
|
||||||
|
<span>Palmdale, CA</span>
|
||||||
|
</nav>
|
||||||
|
<div class="section-tag">
|
||||||
|
<span class="badge">
|
||||||
|
<span class="badge-dot"></span>
|
||||||
|
Serving Zip Codes: 93550 • 93551 • 93552
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="subpage-title">
|
||||||
|
Palmdale Landscaping, Weed Abatement <br>
|
||||||
|
<span class="neon-text">& Residential Yard Care</span>
|
||||||
|
</h1>
|
||||||
|
<p class="subpage-subtitle">
|
||||||
|
From Anaverde hillsides and Rancho Vista golf estates to East Palmdale acreage, Next Gen delivers precision yard care, LA County fire clearance, windstorm tumbleweed removal, and drought-proof synthetic turf designed for High Desert living.
|
||||||
|
</p>
|
||||||
|
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Palmdale Yard Care">
|
||||||
|
<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 Free Palmdale Estimate
|
||||||
|
</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>
|
||||||
|
Direct Call: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CONTENT & SIDEBAR SECTION -->
|
||||||
|
<section class="service-content-section" style="background: #f4eee2;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="service-content-grid">
|
||||||
|
|
||||||
|
<!-- Left: Local Scope & Neighborhood Details -->
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 16px;">
|
||||||
|
Engineered for Palmdale's Caliche Soil & Desert Winds
|
||||||
|
</h2>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Palmdale's climate is notoriously demanding on residential yards. With summer temperatures topping 105°F, seasonal 50mph windstorms barreling down from the Sierra Pelona mountains, and dense subterranean caliche hardpan, typical coastal landscaping methods fail quickly.
|
||||||
|
</p>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
<strong>Next Gen Landscaping specializes in High Desert residential properties</strong>. We do not use oversized farm tractors that crack your concrete curbs, damage underground sprinkler lines, or gouge your fencing. Instead, our crew deploys commercial-grade walk-behind mowers, heavy-duty string trimmers, landscape rakes, and high-capacity dump trailers to achieve clean, surgical results right up to your property line.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Palmdale Neighborhood Breakdown -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 18px;">
|
||||||
|
Palmdale Neighborhoods We Serve Daily:
|
||||||
|
</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>Rancho Vista & Golf Course Estates (93551)</h5>
|
||||||
|
<p>Custom drought-tolerant xeriscaping, decomposed granite walkways, premium artificial turf installations, and low-flow drip irrigation conversions.</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>Anaverde & Godde Hill Foothills (93551)</h5>
|
||||||
|
<p>LA County 100-foot fire clearance, hillside brush management, defensible space perimeters, and wind-mitigation tree canopy thinning.</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>East Palmdale & 47th St East (93552)</h5>
|
||||||
|
<p>Massive windblown tumbleweed cleanouts, fence line clearing, trailer haul-away to Palmdale landfill, and residential parcel maintenance.</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>Desert Sands & 20th St East (93550)</h5>
|
||||||
|
<p>Complete property trash-outs, seasonal overgrowth clearing, sprinkler manifold diagnosis, and California native plant installations.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Palmdale Services Cards Mini-Grid -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 40px; margin-bottom: 20px;">
|
||||||
|
Popular Services for Palmdale Homeowners:
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 36px;">
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-weed-abatement.jpg" alt="Palmdale fire clearance" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Fire Weed Abatement</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">LA County compliance guaranteed. Avoid municipal fines and forced clearance bills.</p>
|
||||||
|
<a href="weed-abatement.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Weed Scope →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-tumbleweed.jpg" alt="Palmdale tumbleweed removal" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Tumbleweed Hauling</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">Clear fence-line and roofline piles after Palmdale windstorms. Dump trailer included.</p>
|
||||||
|
<a href="tumbleweed-removal.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Tumbleweed Scope →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Palmdale Local FAQs -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 16px;">
|
||||||
|
Frequently Asked Questions: Palmdale Yard Care
|
||||||
|
</h3>
|
||||||
|
<div class="faq-accordion-wrapper">
|
||||||
|
<details class="faq-item" name="palmdale-faq" open>
|
||||||
|
<summary class="faq-question">When are the weed abatement deadlines in Palmdale?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
LA County Agricultural Commissioner and Fire Department weed abatement deadlines for Palmdale typically require all parcels to be cleared by May 1st to June 1st. If properties fail inspection, the county clears them at municipal surcharge rates. Next Gen provides guaranteed inspection sign-off.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="palmdale-faq">
|
||||||
|
<summary class="faq-question">Can you work in Anaverde and hillside Palmdale properties?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Yes! Our commercial string trimmers and hand crews excel on Anaverde slopes and Godde Hill terrain where tractors cannot safely operate without creating rollover risks or damaging retaining walls.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="palmdale-faq">
|
||||||
|
<summary class="faq-question">Do you haul green waste to the Palmdale Landfill?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Yes. Every cleanup package includes complete loading into our high-sided dump trailers and transportation directly to the local transfer station. We never leave bags or piles on your curb.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Sidebar: Quick Dispatch & Estimate 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);">Palmdale Local Crew</span>
|
||||||
|
</div>
|
||||||
|
<h3 style="font-size: 1.45rem; font-weight: 800; color: var(--brand-black); margin-bottom: 12px;">
|
||||||
|
Get Your Palmdale Estimate
|
||||||
|
</h3>
|
||||||
|
<p style="font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px;">
|
||||||
|
Text photos or submit your address. Local Palmdale dispatch responds within 15 minutes during daylight hours.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Local Territory Highlights -->
|
||||||
|
<div style="background: #f8faf9; border-radius: var(--radius-sm); padding: 14px; margin-bottom: 20px; font-size: 0.85rem;">
|
||||||
|
<div style="font-weight: 700; color: var(--brand-black); margin-bottom: 6px;">Palmdale Quick Facts:</div>
|
||||||
|
<div style="color: var(--text-secondary); line-height: 1.5;">
|
||||||
|
• <strong>Response:</strong> Same-day on-site estimates<br>
|
||||||
|
• <strong>Zip Codes:</strong> 93550, 93551, 93552<br>
|
||||||
|
• <strong>Equipment:</strong> Hand tools & mowers (No tractors)<br>
|
||||||
|
• <strong>Direct Line:</strong> (661) 581-7278
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Quick Quote Form -->
|
||||||
|
<form id="contact-form" class="sidebar-form">
|
||||||
|
<input type="hidden" name="lead_city" value="Palmdale">
|
||||||
|
<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. Michael 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;">Palmdale Service Needed *</label>
|
||||||
|
<select id="contact-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>
|
||||||
|
</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;">Palmdale Address or Cross Streets</label>
|
||||||
|
<textarea id="contact-notes" class="form-control" rows="3" placeholder="e.g. 10th St West & Ave R, Rancho Vista area. Front & back yard tumbleweeds."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px; font-weight: 800;">
|
||||||
|
Submit Palmdale Request
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div style="text-align: center; margin-top: 16px;">
|
||||||
|
<a href="tel:6615817278" style="font-size: 0.9rem; font-weight: 700; color: var(--neon-text-shade); text-decoration: underline;">
|
||||||
|
Or Call Direct: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 4. FINAL CTA -->
|
||||||
|
<section class="cta-banner-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-banner-card">
|
||||||
|
<h2>Ready For A Clean <span class="neon-text">Palmdale Property?</span></h2>
|
||||||
|
<p>
|
||||||
|
Whether facing an LA County weed deadline or needing windblown tumbleweeds hauled off your fence, Next Gen is ready to deploy.
|
||||||
|
</p>
|
||||||
|
<div class="cta-banner-actions">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Palmdale Yard Care">
|
||||||
|
<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 Palmdale Assessment
|
||||||
|
</button>
|
||||||
|
<a href="tel:6615817278" 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) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- 5. 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>
|
||||||
|
Palmdale's dedicated residential yard care and fire hazard clearance team. Serving Rancho Vista, Anaverde, Godde Hill, and East Palmdale.
|
||||||
|
</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="palmdale-landscaping.html" style="color: var(--neon-lime); font-weight: 700;">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 Palmdale Dispatch
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<div>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. Palmdale, CA.
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
Licensed, Bonded & Insured • Residential Hand-Tool Precision
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- 6. 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;">Palmdale Direct Quote</span>
|
||||||
|
<h3 id="modal-title">Request Your <span class="neon-text">Palmdale Estimate</span></h3>
|
||||||
|
<p>Zero pressure. Next Gen provides fast on-site verification across all Palmdale 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. Michael 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) 581-7278" 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 Palmdale Maintenance</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group" style="margin-bottom: 20px;">
|
||||||
|
<label for="lead-notes">Palmdale Address or Scope Notes</label>
|
||||||
|
<textarea id="lead-notes" class="form-control" rows="3" placeholder="e.g. 93551 address, need front and back cleared before county fire inspection deadline."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 14px; font-size: 1.05rem;">
|
||||||
|
Submit Palmdale Request →
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<!-- 7. MOBILE STICKY ACTION BAR -->
|
||||||
|
<div class="mobile-sticky-bar">
|
||||||
|
<div class="mobile-bar-inner">
|
||||||
|
<a href="tel:6615817278" 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 Palmdale
|
||||||
|
</a>
|
||||||
|
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20I%20need%20a%20yard%20estimate%20in%20Palmdale." 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="Palmdale Yard Care">
|
||||||
|
<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="app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,511 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Quartz Hill Landscaping, Yard Care & Weed Clearing | Next Gen Landscaping</title>
|
||||||
|
<meta name="description" content="Custom residential landscaping, equestrian property weed clearance, synthetic turf, desert xeriscaping & rock design in Quartz Hill, CA (93536). Call (661) 581-7278.">
|
||||||
|
<meta name="keywords" content="Quartz Hill landscaping, weed abatement Quartz Hill, yard cleanup 93536, Avenue M landscaper, ranch yard care Antelope Valley, artificial turf Quartz Hill, fire hazard clearance">
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Quartz Hill Landscaping, Yard Care & Weed Clearing | Next Gen">
|
||||||
|
<meta property="og:description" content="Custom High Desert residential and ranch yard care in Quartz Hill, CA. Fire clearance, weed whacking, artificial turf & xeriscaping. Call (661) 581-7278.">
|
||||||
|
<meta property="og:image" content="images/hero.jpg">
|
||||||
|
|
||||||
|
<!-- 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 Quartz Hill, CA -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HomeAndConstructionBusiness",
|
||||||
|
"name": "Next Gen Landscaping & Yard Care - Quartz Hill",
|
||||||
|
"image": "images/hero.jpg",
|
||||||
|
"telephone": "(661) 581-7278",
|
||||||
|
"priceRange": "$$",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "Quartz Hill",
|
||||||
|
"addressRegion": "CA",
|
||||||
|
"postalCode": "93536",
|
||||||
|
"addressCountry": "US"
|
||||||
|
},
|
||||||
|
"geo": {
|
||||||
|
"@type": "GeoCoordinates",
|
||||||
|
"latitude": 34.6508,
|
||||||
|
"longitude": -118.2197
|
||||||
|
},
|
||||||
|
"areaServed": [
|
||||||
|
{
|
||||||
|
"@type": "City",
|
||||||
|
"name": "Quartz Hill",
|
||||||
|
"sameAs": "https://en.wikipedia.org/wiki/Quartz_Hill,_California"
|
||||||
|
},
|
||||||
|
"Avenue M Corridor",
|
||||||
|
"50th to 70th St West Ranches",
|
||||||
|
"Lane Park Neighborhood",
|
||||||
|
"Quartz Hill High School Area"
|
||||||
|
],
|
||||||
|
"openingHoursSpecification": {
|
||||||
|
"@type": "OpeningHoursSpecification",
|
||||||
|
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||||||
|
"opens": "06:30",
|
||||||
|
"closes": "19:00"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</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.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
||||||
|
Quartz Hill Notice
|
||||||
|
</span>
|
||||||
|
<span>Custom Ranch Yard Care, Weed Abatement & Desert Xeriscaping in 93536! Fast On-Site Estimates.</span>
|
||||||
|
<a href="#quote-section" class="announcement-link">Get Instant Estimate →</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">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- 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="index.html#areas" class="nav-link active">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link">Contact</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header CTAs -->
|
||||||
|
<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 class="phone-text">(661) 581-7278</span>
|
||||||
|
</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Quartz Hill Landscaping">
|
||||||
|
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="index.html#areas" class="nav-link mobile-link">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link mobile-link">Contact Us</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Quartz Hill Landscaping" style="width: 100%; margin-top: 10px;">Request Quartz Hill 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#areas">Service Areas</a>
|
||||||
|
<span class="separator">/</span>
|
||||||
|
<span>Quartz Hill, CA</span>
|
||||||
|
</nav>
|
||||||
|
<div class="section-tag">
|
||||||
|
<span class="badge">
|
||||||
|
<span class="badge-dot"></span>
|
||||||
|
Serving Zip Code: 93536 • Custom Ranches & Residential Estates
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="subpage-title">
|
||||||
|
Quartz Hill Landscaping, Yard Care <br>
|
||||||
|
<span class="neon-text">& Fire Hazard Weed Abatement</span>
|
||||||
|
</h1>
|
||||||
|
<p class="subpage-subtitle">
|
||||||
|
Specializing in Quartz Hill's custom ranch parcels, equestrian fence-lines, and upscale residences. Next Gen provides precision weed clearing, drought-proof synthetic turf, decomposed granite pathways, and water-saving desert rockscaping.
|
||||||
|
</p>
|
||||||
|
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Quartz Hill Yard Care">
|
||||||
|
<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 Free Quartz Hill Estimate
|
||||||
|
</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>
|
||||||
|
Direct Call: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CONTENT & SIDEBAR SECTION -->
|
||||||
|
<section class="service-content-section" style="background: #f4eee2;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="service-content-grid">
|
||||||
|
|
||||||
|
<!-- Left: Local Scope & Neighborhood Details -->
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 16px;">
|
||||||
|
Custom Yard Care Without Heavy Tractor Ground Damage
|
||||||
|
</h2>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Quartz Hill is one of the most distinctive communities in the Antelope Valley. With its sprawling half-acre to multi-acre ranch properties, custom equestrian fencing, and mature almond and pepper trees, property maintenance requires a delicate touch.
|
||||||
|
</p>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Many general weed companies bring heavy agricultural tractors onto residential Quartz Hill parcels. These heavy machines compact root zones around heritage trees, crack decorative pavers, crush shallow PVC irrigation manifolds, and gouge pipe-rail fences. <strong>Next Gen uses zero heavy tractors</strong>. We deploy commercial-grade walk-behind mowers, high-torque string trimmers, hand rakes, and clean dump trailers to trim right against your fence posts and border walls without a scratch.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quartz Hill Neighborhood Breakdown -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 18px;">
|
||||||
|
Quartz Hill Areas & Property Types We Service:
|
||||||
|
</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>Avenue M Corridor & Custom Estates</h5>
|
||||||
|
<p>Architectural desert xeriscaping, decomposed granite walkways, premium evergreen artificial turf lawns, and low-voltage landscape lighting conduit runs.</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>50th St West to 70th St West Ranch Parcels</h5>
|
||||||
|
<p>Hand-precision weed whacking along 3-rail vinyl and steel pipe horse fencing, barn perimeter fire breaks, and full tumbleweed removal.</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>Lane Park & Foothill Borders</h5>
|
||||||
|
<p>LA County 100-foot defensible space compliance, hillside brush clearing, dead branch thinning, and trailer haul-away to green waste centers.</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>Quartz Hill High School Residential Enclave</h5>
|
||||||
|
<p>Seasonal lawn mowing and scalping, tree canopy elevation, sprinkler valve replacement, and routine monthly cleanup visits.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Quartz Hill Services Cards Mini-Grid -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 40px; margin-bottom: 20px;">
|
||||||
|
Popular Services for Quartz Hill Homeowners:
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 36px;">
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-turf.jpg" alt="Quartz Hill artificial turf" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Synthetic Turf & Putting Greens</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">Commercial-grade turf with 15-year UV resistance. Zero water bills, zero mud for pets.</p>
|
||||||
|
<a href="synthetic-turf.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Turf Scope →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-xeriscape.jpg" alt="Quartz Hill desert xeriscape" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Desert Xeriscape & Rock</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">Golden decomposed granite, desert river rock, weed barrier, and native drought plants.</p>
|
||||||
|
<a href="desert-xeriscape.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Xeriscape Scope →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Quartz Hill Local FAQs -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 16px;">
|
||||||
|
Frequently Asked Questions: Quartz Hill Yard Care
|
||||||
|
</h3>
|
||||||
|
<div class="faq-accordion-wrapper">
|
||||||
|
<details class="faq-item" name="quartzhill-faq" open>
|
||||||
|
<summary class="faq-question">Can you clear weeds along horse fences without scratching pipe rails?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Yes, absolutely. This is one of the main reasons Quartz Hill ranch owners choose Next Gen. Because we do not run heavy tractors near fence lines, our operators use heavy commercial string trimmers with flexible line right up to vinyl posts and steel pipe rails without nicking or bending materials.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="quartzhill-faq">
|
||||||
|
<summary class="faq-question">Do you service half-acre and 1-acre residential parcels?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Yes. Half-acre and one-acre parcels are our sweet spot. Our high-output commercial walk-behind mowers and trimmers cover ground swiftly, and our heavy-duty dump trailers haul off all green waste in a single visit.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="quartzhill-faq">
|
||||||
|
<summary class="faq-question">What is the best drought-tolerant solution for Quartz Hill soils?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Quartz Hill has rich decomposed granite subsoil that drains quickly. We recommend compacting 2 to 3 inches of California Gold decomposed granite over commercial weed membrane, paired with native succulents, agave, desert sage, and localized drip emitters.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Sidebar: Quick Dispatch & Estimate 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);">Quartz Hill Crew</span>
|
||||||
|
</div>
|
||||||
|
<h3 style="font-size: 1.45rem; font-weight: 800; color: var(--brand-black); margin-bottom: 12px;">
|
||||||
|
Get Your Quartz Hill Estimate
|
||||||
|
</h3>
|
||||||
|
<p style="font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px;">
|
||||||
|
Text photos of your ranch or residential yard. Local Quartz Hill dispatch responds within 15 minutes.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Local Territory Highlights -->
|
||||||
|
<div style="background: #f8faf9; border-radius: var(--radius-sm); padding: 14px; margin-bottom: 20px; font-size: 0.85rem;">
|
||||||
|
<div style="font-weight: 700; color: var(--brand-black); margin-bottom: 6px;">Quartz Hill Quick Facts:</div>
|
||||||
|
<div style="color: var(--text-secondary); line-height: 1.5;">
|
||||||
|
• <strong>Response:</strong> Same-day on-site estimates<br>
|
||||||
|
• <strong>Zip Code:</strong> 93536<br>
|
||||||
|
• <strong>Equipment:</strong> Hand tools & mowers (No tractors)<br>
|
||||||
|
• <strong>Direct Line:</strong> (661) 581-7278
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Quick Quote Form -->
|
||||||
|
<form id="contact-form" class="sidebar-form">
|
||||||
|
<input type="hidden" name="lead_city" value="Quartz Hill">
|
||||||
|
<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 Anderson" 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;">Quartz Hill Service Needed *</label>
|
||||||
|
<select id="contact-service" class="form-control" required>
|
||||||
|
<option value="Synthetic Turf Installation">Synthetic Turf Installation</option>
|
||||||
|
<option value="Desert Xeriscape & Rock">Desert Xeriscape & Rock</option>
|
||||||
|
<option value="LA County Weed Abatement">LA County Fire Weed Abatement</option>
|
||||||
|
<option value="Tumbleweed Removal & Cleanout">Tumbleweed Removal & Cleanout</option>
|
||||||
|
<option value="Tree Trimming & Palm Pruning">Tree Trimming & Palm Care</option>
|
||||||
|
<option value="Smart Irrigation & Drip Repair">Smart Irrigation & Drip Repair</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;">Quartz Hill Address or Property Details</label>
|
||||||
|
<textarea id="contact-notes" class="form-control" rows="3" placeholder="e.g. Ave M near 50th St West. 1-acre parcel, weed whacking along fence line and turf quote."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px; font-weight: 800;">
|
||||||
|
Submit Quartz Hill Request
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div style="text-align: center; margin-top: 16px;">
|
||||||
|
<a href="tel:6615817278" style="font-size: 0.9rem; font-weight: 700; color: var(--neon-text-shade); text-decoration: underline;">
|
||||||
|
Or Call Direct: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 4. FINAL CTA -->
|
||||||
|
<section class="cta-banner-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-banner-card">
|
||||||
|
<h2>Elevate Your <span class="neon-text">Quartz Hill Property</span></h2>
|
||||||
|
<p>
|
||||||
|
From custom drought-tolerant transformations to clean fence-line weed clearing, experience the Next Gen difference.
|
||||||
|
</p>
|
||||||
|
<div class="cta-banner-actions">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Quartz Hill Yard Care">
|
||||||
|
<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 Quartz Hill Assessment
|
||||||
|
</button>
|
||||||
|
<a href="tel:6615817278" 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) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- 5. 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>
|
||||||
|
Quartz Hill's dedicated residential yard care and custom ranch maintenance crew. Serving Ave M, 50th-70th West, Lane Park, and foothill properties.
|
||||||
|
</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="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" style="color: var(--neon-lime); font-weight: 700;">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 Quartz Hill Dispatch
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<div>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. Quartz Hill, CA.
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
Licensed, Bonded & Insured • Residential Hand-Tool Precision
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- 6. 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;">Quartz Hill Direct Quote</span>
|
||||||
|
<h3 id="modal-title">Request Your <span class="neon-text">Quartz Hill Estimate</span></h3>
|
||||||
|
<p>Zero pressure. Next Gen provides fast on-site verification across Quartz Hill.</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 Anderson" 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) 581-7278" 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="Synthetic Turf Installation">Synthetic Turf Installation</option>
|
||||||
|
<option value="Desert Xeriscape & Rock">Desert Xeriscape & Rock</option>
|
||||||
|
<option value="LA County Weed Abatement">LA County Fire Weed Abatement</option>
|
||||||
|
<option value="Tumbleweed Removal & Cleanout">Tumbleweed Removal & Cleanout</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 Quartz Hill Maintenance</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group" style="margin-bottom: 20px;">
|
||||||
|
<label for="lead-notes">Quartz Hill Address or Scope Notes</label>
|
||||||
|
<textarea id="lead-notes" class="form-control" rows="3" placeholder="e.g. Ranch lot on Ave M-8, weed whacking along 3-rail fence and decomposed granite install."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 14px; font-size: 1.05rem;">
|
||||||
|
Submit Quartz Hill Request →
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<!-- 7. MOBILE STICKY ACTION BAR -->
|
||||||
|
<div class="mobile-sticky-bar">
|
||||||
|
<div class="mobile-bar-inner">
|
||||||
|
<a href="tel:6615817278" 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 Quartz Hill
|
||||||
|
</a>
|
||||||
|
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20I%20need%20a%20yard%20estimate%20in%20Quartz%20Hill." 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="Quartz Hill Yard Care">
|
||||||
|
<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="app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,516 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Rosamond & Mojave Landscaping, Weed Abatement & Tumbleweed Removal | Next Gen</title>
|
||||||
|
<meta name="description" content="Kern County fire clearance weed abatement, high-wind tumbleweed hauling, desert rockscaping & residential yard care in Rosamond & Mojave, CA (93560). Call (661) 581-7278.">
|
||||||
|
<meta name="keywords" content="Rosamond landscaping, weed abatement Rosamond CA, Kern County fire clearance, tumbleweed removal Mojave, yard cleanup 93560, desert rockscaping Rosamond, Antelope Valley yard care">
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Rosamond & Mojave Landscaping, Weed Abatement & Tumbleweed Removal | Next Gen">
|
||||||
|
<meta property="og:description" content="High Desert residential yard care in Rosamond & Mojave, CA. Kern County fire hazard clearance, tumbleweed haul-away & desert xeriscaping. Call (661) 581-7278.">
|
||||||
|
<meta property="og:image" content="images/hero.jpg">
|
||||||
|
|
||||||
|
<!-- 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 Rosamond & Mojave, CA -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HomeAndConstructionBusiness",
|
||||||
|
"name": "Next Gen Landscaping & Yard Care - Rosamond & Mojave",
|
||||||
|
"image": "images/hero.jpg",
|
||||||
|
"telephone": "(661) 581-7278",
|
||||||
|
"priceRange": "$$",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "Rosamond",
|
||||||
|
"addressRegion": "CA",
|
||||||
|
"postalCode": "93560",
|
||||||
|
"addressCountry": "US"
|
||||||
|
},
|
||||||
|
"geo": {
|
||||||
|
"@type": "GeoCoordinates",
|
||||||
|
"latitude": 34.8641,
|
||||||
|
"longitude": -118.1634
|
||||||
|
},
|
||||||
|
"areaServed": [
|
||||||
|
{
|
||||||
|
"@type": "City",
|
||||||
|
"name": "Rosamond",
|
||||||
|
"sameAs": "https://en.wikipedia.org/wiki/Rosamond,_California"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "City",
|
||||||
|
"name": "Mojave",
|
||||||
|
"sameAs": "https://en.wikipedia.org/wiki/Mojave,_California"
|
||||||
|
},
|
||||||
|
"Willow Springs",
|
||||||
|
"Tropico Gold Camp Area",
|
||||||
|
"Diamond St Corridor",
|
||||||
|
"West Rosamond Ranches"
|
||||||
|
],
|
||||||
|
"openingHoursSpecification": {
|
||||||
|
"@type": "OpeningHoursSpecification",
|
||||||
|
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||||||
|
"opens": "06:30",
|
||||||
|
"closes": "19:00"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</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.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
|
||||||
|
Rosamond & Mojave Notice
|
||||||
|
</span>
|
||||||
|
<span>Kern County Fire Hazard Abatement & Open-Desert Tumbleweed Cleanouts in 93560! Fast 48-Hour Dispatch.</span>
|
||||||
|
<a href="#quote-section" class="announcement-link">Get Instant Estimate →</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">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- 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="index.html#areas" class="nav-link active">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link">Contact</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header CTAs -->
|
||||||
|
<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 class="phone-text">(661) 581-7278</span>
|
||||||
|
</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Rosamond Landscaping">
|
||||||
|
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="index.html#areas" class="nav-link mobile-link">Service Areas</a>
|
||||||
|
<a href="contact.html" class="nav-link mobile-link">Contact Us</a>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="Rosamond Landscaping" style="width: 100%; margin-top: 10px;">Request Rosamond 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#areas">Service Areas</a>
|
||||||
|
<span class="separator">/</span>
|
||||||
|
<span>Rosamond & Mojave, CA</span>
|
||||||
|
</nav>
|
||||||
|
<div class="section-tag">
|
||||||
|
<span class="badge">
|
||||||
|
<span class="badge-dot"></span>
|
||||||
|
Serving Zip Code: 93560 • Kern County Fire Hazard Abatement
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="subpage-title">
|
||||||
|
Rosamond & Mojave Landscaping, <br>
|
||||||
|
<span class="neon-text">Weed Abatement & Tumbleweed Removal</span>
|
||||||
|
</h1>
|
||||||
|
<p class="subpage-subtitle">
|
||||||
|
On the Kern County side of the High Desert, open-desert windstorms blast millions of tumbleweeds across Rosamond and Mojave properties. Next Gen delivers guaranteed Kern County fire clearance, complete tumbleweed extraction, drought-hardy rockscaping, and clean trailer haul-offs.
|
||||||
|
</p>
|
||||||
|
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Rosamond Yard Care">
|
||||||
|
<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 Free Rosamond Estimate
|
||||||
|
</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>
|
||||||
|
Direct Call: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CONTENT & SIDEBAR SECTION -->
|
||||||
|
<section class="service-content-section" style="background: #f4eee2;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="service-content-grid">
|
||||||
|
|
||||||
|
<!-- Left: Local Scope & Neighborhood Details -->
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 16px;">
|
||||||
|
Built for Kern County Wind Plains & Sandy High Desert Soil
|
||||||
|
</h2>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Rosamond and Mojave sit at the gateway to the western Mojave Desert. With open BLM land and Edwards Air Force Base surrounding the community, unimpeded wind sweeps across the valley floor, stacking tumbleweeds up to 8 feet high against residential fences, garage doors, and air conditioning units.
|
||||||
|
</p>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Kern County Fire Department enforces its own strict fire hazard abatement deadlines. Landlords and homeowners with overgrown Russian thistle or dry brush face steep administrative penalties. <strong>Next Gen uses hand precision and agile commercial gear</strong>—no massive farm tractors that sink into loose sandy soil, create dust storms, or tear up underground irrigation. We clear right up to your property line, load our dump trailers, and haul everything away.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Rosamond Neighborhood Breakdown -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 18px;">
|
||||||
|
Rosamond & Mojave Areas We Service:
|
||||||
|
</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>Rosamond Proper & Diamond Street Corridors</h5>
|
||||||
|
<p>Residential property trash-outs, tumbleweed removal off vinyl and chain-link fences, desert decomposed granite installation, and lawn scalping.</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>Willow Springs & West Rosamond Ranches</h5>
|
||||||
|
<p>Kern County fire break clearing, horse property perimeter weed trimming, barnyard defensible space, and tumbleweed removal.</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>Tropico Gold Camp & Desert Foothills</h5>
|
||||||
|
<p>Hillside brush whacking, rock outcropping clearance, dead shrub removal, and low-maintenance desert xeriscaping.</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>Mojave & Highway 14 North Residential Parcels</h5>
|
||||||
|
<p>Windstorm tumbleweed hauling, dry grass scalping down to 2 inches, and emergency property clearance before Kern County inspections.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Rosamond Services Cards Mini-Grid -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 40px; margin-bottom: 20px;">
|
||||||
|
Popular Services for Rosamond Homeowners:
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 36px;">
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-tumbleweed.jpg" alt="Rosamond tumbleweed removal" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Tumbleweed Haul-Away</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">Clear fence-line and patio blow-ins from desert windstorms. Dump trailer disposal included.</p>
|
||||||
|
<a href="tumbleweed-removal.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Tumbleweed Scope →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="background: #ffffff; border: 1.5px solid var(--border-card); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-sm);">
|
||||||
|
<img src="images/service-weed-abatement.jpg" alt="Rosamond Kern County weed abatement" style="width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 12px;">
|
||||||
|
<h4 style="font-size: 1.1rem; color: var(--brand-black); margin-bottom: 6px;">Kern County Fire Clearance</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 12px;">Guaranteed inspection sign-off. Avoid county forced abatement penalties and bills.</p>
|
||||||
|
<a href="weed-abatement.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Weed Scope →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Rosamond Local FAQs -->
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 16px;">
|
||||||
|
Frequently Asked Questions: Rosamond & Mojave Yard Care
|
||||||
|
</h3>
|
||||||
|
<div class="faq-accordion-wrapper">
|
||||||
|
<details class="faq-item" name="rosamond-faq" open>
|
||||||
|
<summary class="faq-question">What are the Kern County Fire Department weed abatement deadlines?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Kern County Fire Department requires all residential and vacant parcels in the Rosamond and Mojave jurisdiction to have all hazardous dry weeds, Russian thistle, and brush cleared by late spring (typically May). Parcels must maintain a firebreak to mineral earth around structures. Next Gen guarantees inspection clearance.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="rosamond-faq">
|
||||||
|
<summary class="faq-question">How do you remove tumbleweeds stacked against Rosamond fences?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
We use heavy pitchforks and leather protective gear to compress and load tumbleweeds into our high-capacity dump trailers. We never burn on-site or leave piles to blow back into your neighbors' yards.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="rosamond-faq">
|
||||||
|
<summary class="faq-question">Do you service solar-adjacent or open ranch lots in Rosamond?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
Yes. We frequently service residential acreage, ranch parcels, and properties bordering open desert land in Willow Springs and West Rosamond. Our equipment is fast, agile, and leaves zero ruts.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Sidebar: Quick Dispatch & Estimate 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);">Rosamond Local Crew</span>
|
||||||
|
</div>
|
||||||
|
<h3 style="font-size: 1.45rem; font-weight: 800; color: var(--brand-black); margin-bottom: 12px;">
|
||||||
|
Get Your Rosamond Estimate
|
||||||
|
</h3>
|
||||||
|
<p style="font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px;">
|
||||||
|
Text photos or submit your address. Local Rosamond dispatch responds within 15 minutes during daylight hours.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Local Territory Highlights -->
|
||||||
|
<div style="background: #f8faf9; border-radius: var(--radius-sm); padding: 14px; margin-bottom: 20px; font-size: 0.85rem;">
|
||||||
|
<div style="font-weight: 700; color: var(--brand-black); margin-bottom: 6px;">Rosamond / Mojave Facts:</div>
|
||||||
|
<div style="color: var(--text-secondary); line-height: 1.5;">
|
||||||
|
• <strong>Response:</strong> Same-day on-site estimates<br>
|
||||||
|
• <strong>Zip Code:</strong> 93560 (Kern County)<br>
|
||||||
|
• <strong>Equipment:</strong> Hand tools & mowers (No tractors)<br>
|
||||||
|
• <strong>Direct Line:</strong> (661) 581-7278
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Quick Quote Form -->
|
||||||
|
<form id="contact-form" class="sidebar-form">
|
||||||
|
<input type="hidden" name="lead_city" value="Rosamond & Mojave">
|
||||||
|
<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. Jason Martinez" 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;">Rosamond Service Needed *</label>
|
||||||
|
<select id="contact-service" class="form-control" required>
|
||||||
|
<option value="Tumbleweed Removal & Cleanout">Tumbleweed Removal & Cleanout</option>
|
||||||
|
<option value="Kern County Weed Abatement">Kern County Fire Weed Abatement</option>
|
||||||
|
<option value="Desert Xeriscape & Rock">Desert Xeriscape & Rock</option>
|
||||||
|
<option value="Synthetic Turf Installation">Synthetic Turf Installation</option>
|
||||||
|
<option value="Tree Trimming & Palm Pruning">Tree Trimming & Palm Care</option>
|
||||||
|
<option value="Smart Irrigation & Drip Repair">Smart Irrigation & Drip Repair</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;">Rosamond / Mojave Address or Notes</label>
|
||||||
|
<textarea id="contact-notes" class="form-control" rows="3" placeholder="e.g. Diamond St area, high tumbleweeds against back fence and fire clearance needed."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px; font-weight: 800;">
|
||||||
|
Submit Rosamond Request
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div style="text-align: center; margin-top: 16px;">
|
||||||
|
<a href="tel:6615817278" style="font-size: 0.9rem; font-weight: 700; color: var(--neon-text-shade); text-decoration: underline;">
|
||||||
|
Or Call Direct: (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 4. FINAL CTA -->
|
||||||
|
<section class="cta-banner-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-banner-card">
|
||||||
|
<h2>Ready For A Clean <span class="neon-text">Rosamond Property?</span></h2>
|
||||||
|
<p>
|
||||||
|
Whether clearing massive windblown tumbleweeds or meeting Kern County fire clearance standards, Next Gen is ready to deploy.
|
||||||
|
</p>
|
||||||
|
<div class="cta-banner-actions">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="Rosamond Yard Care">
|
||||||
|
<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 Rosamond Assessment
|
||||||
|
</button>
|
||||||
|
<a href="tel:6615817278" 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) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- 5. 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>
|
||||||
|
Rosamond & Mojave's dedicated residential yard care and fire hazard clearance team. Serving Diamond St, Willow Springs, Tropico Gold Camp, and desert parcels.
|
||||||
|
</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="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" style="color: var(--neon-lime); font-weight: 700;">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 Rosamond Dispatch
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<div>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. Rosamond, CA.
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
Licensed, Bonded & Insured • Residential Hand-Tool Precision
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- 6. 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;">Rosamond Direct Quote</span>
|
||||||
|
<h3 id="modal-title">Request Your <span class="neon-text">Rosamond Estimate</span></h3>
|
||||||
|
<p>Zero pressure. Next Gen provides fast on-site verification across Rosamond & Mojave.</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. Jason Martinez" 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) 581-7278" 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="Tumbleweed Removal & Cleanout">Tumbleweed Removal & Cleanout</option>
|
||||||
|
<option value="Kern County Weed Abatement">Kern County Fire Weed Abatement</option>
|
||||||
|
<option value="Desert Xeriscape & Rock">Desert Xeriscape & Rock</option>
|
||||||
|
<option value="Synthetic Turf Installation">Synthetic Turf Installation</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 Rosamond Maintenance</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group" style="margin-bottom: 20px;">
|
||||||
|
<label for="lead-notes">Rosamond / Mojave Address or Scope Notes</label>
|
||||||
|
<textarea id="lead-notes" class="form-control" rows="3" placeholder="e.g. 93560 address near Diamond St, tumbleweeds blown into fence and fire clearance needed."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 14px; font-size: 1.05rem;">
|
||||||
|
Submit Rosamond Request →
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<!-- 7. MOBILE STICKY ACTION BAR -->
|
||||||
|
<div class="mobile-sticky-bar">
|
||||||
|
<div class="mobile-bar-inner">
|
||||||
|
<a href="tel:6615817278" 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 Rosamond
|
||||||
|
</a>
|
||||||
|
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20I%20need%20a%20yard%20estimate%20in%20Rosamond." 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="Rosamond Yard Care">
|
||||||
|
<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="app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+2553
File diff suppressed because it is too large
Load Diff
@@ -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 →
|
||||||
|
</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 • 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 & Agua Dulce</a></li>
|
||||||
|
<li><a href="rosamond-landscaping.html">Rosamond & Mojave</a></li>
|
||||||
|
<li><a href="palmdale-landscaping.html">Littlerock & 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>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. All rights reserved. Antelope Valley, CA.
|
||||||
|
</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>
|
||||||
@@ -0,0 +1,455 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>LA County Weed Abatement Palmdale & Lancaster | Next Gen Landscaping</title>
|
||||||
|
<meta name="description" content="Guaranteed LA County & Kern County fire hazard weed abatement in Antelope Valley. 100ft defensible space, hand-crew weed whacking, raking & hauling. Call (661) 581-7278.">
|
||||||
|
<meta name="keywords" content="LA county weed abatement Palmdale, weed abatement Lancaster CA, fire hazard clearance Antelope Valley, defensible space Quartz Hill, weed whacking crew">
|
||||||
|
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="LA County Weed Abatement | Next Gen Landscaping & Yard Care">
|
||||||
|
<meta property="og:description" content="Avoid costly county fire fines. Guaranteed 100-foot defensible space clearance in Palmdale and 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": "LA County Fire Hazard Weed Abatement",
|
||||||
|
"provider": {
|
||||||
|
"@type": "HomeAndConstructionBusiness",
|
||||||
|
"name": "Next Gen Landscaping & Yard Care",
|
||||||
|
"telephone": "(661) 581-7278"
|
||||||
|
},
|
||||||
|
"areaServed": "Antelope Valley, CA",
|
||||||
|
"description": "Professional 100-foot fire defensible space clearance, high-power weed whacking, perimeter raking, and full debris haul-away."
|
||||||
|
}
|
||||||
|
</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"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
|
||||||
|
FIRE NOTICE DEADLINE
|
||||||
|
</span>
|
||||||
|
<span>Received a county weed notice? We offer 24-hr emergency clearance: <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="LA County Weed Abatement">
|
||||||
|
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="LA County Weed Abatement" style="width: 100%; margin-top: 10px;">Request Weed 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>Weed Abatement</span>
|
||||||
|
</nav>
|
||||||
|
<div class="section-tag">
|
||||||
|
<span class="badge">
|
||||||
|
<span class="badge-dot"></span>
|
||||||
|
100% County Inspection Pass Guarantee
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="subpage-title">
|
||||||
|
LA County Fire Hazard <br>
|
||||||
|
<span class="neon-text">Weed Abatement</span>
|
||||||
|
</h1>
|
||||||
|
<p class="subpage-subtitle">
|
||||||
|
Don't let County Agricultural Commissioner or Fire Department violation notices turn into thousand-dollar penalties. Next Gen clears, cuts, rakes, and hauls weeds down to fire-safe ground across Palmdale, Lancaster, and Quartz Hill.
|
||||||
|
</p>
|
||||||
|
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
|
||||||
|
<button class="btn btn-primary btn-lg open-quote-btn" data-scope="LA County Weed Abatement">
|
||||||
|
<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 Guaranteed Clearance 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 & SIDEBAR SECTION -->
|
||||||
|
<section class="service-content-section" style="background: #f4eee2;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="service-content-grid">
|
||||||
|
|
||||||
|
<!-- Left: Scope & Details -->
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size: 1.8rem; font-weight: 900; color: var(--brand-black); margin-bottom: 16px;">
|
||||||
|
Comprehensive Defensible Space Without Property Damage
|
||||||
|
</h2>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Every spring and summer, the Antelope Valley experiences explosive growth of desert mustard, Russian thistle, and cheatgrass. Once dried by High Desert heat and 40mph wind gusts, these weeds become extreme fire hazards that ignite in seconds.
|
||||||
|
</p>
|
||||||
|
<p style="color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
|
||||||
|
Unlike large agricultural contractors who bring heavy tractors that chew up sprinklers, damage wooden fences, and gouge dirt driveways, <strong>Next Gen uses high-powered commercial string trimmers, commercial mowers, and hard-tooth rakes</strong>. We cut right down to the ground along fencelines, corners, and property lines with surgical precision.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-top: 36px; margin-bottom: 18px;">
|
||||||
|
What Our Fire Clearance Service Includes:
|
||||||
|
</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>100-Ft Defensible Perimeter</h5>
|
||||||
|
<p>Full clearance around all residential structures, garages, sheds, and propane tanks as mandated by county code.</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>Fence & Property Line Clearing</h5>
|
||||||
|
<p>Weed whacking directly against chain link, vinyl, and wood fencing where dry weeds pile up and catch fire.</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>Road & Driveway Fire Breaks</h5>
|
||||||
|
<p>10-foot cleared buffers along access roads, easements, and dirt driveways for emergency vehicle access.</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>Hard Raking & Clean Ground Finish</h5>
|
||||||
|
<p>We don't just scalp weeds and leave dry flammable chaff. We rake the surface clean to stop fire propagation.</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>Complete Trailer Haul-Away</h5>
|
||||||
|
<p>All cut tumbleweeds, dry stalks, and organic waste are loaded directly into our haul trailers and taken to licensed facilities.</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>Photo Proof for County Inspector</h5>
|
||||||
|
<p>We provide high-resolution timestamped photos of the cleared property so you can submit verification immediately.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FAQ Component -->
|
||||||
|
<div style="margin-top: 40px;">
|
||||||
|
<h3 style="font-size: 1.35rem; font-weight: 800; color: var(--brand-black); margin-bottom: 16px;">Weed Abatement FAQs</h3>
|
||||||
|
<div class="faq-accordion-wrapper">
|
||||||
|
<details class="faq-item" name="wa-faq" open>
|
||||||
|
<summary class="faq-question">What happens if I miss the county weed clearance deadline?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
If you miss the deadline, the county sends third-party contractors to clear the lot and bills you through property tax assessments at heavily inflated rates (often $1,200 to $2,500+) plus mandatory administrative citation fees. Hiring Next Gen beforehand saves you hundreds of dollars and guarantees an inspection pass.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
<details class="faq-item" name="wa-faq">
|
||||||
|
<summary class="faq-question">Do you use tractors or heavy machinery?</summary>
|
||||||
|
<div class="faq-answer">
|
||||||
|
No. We use commercial walk-behind mowers, commercial-grade string trimmers, and rakes. This protects residential sprinkler heads, underground PVC pipes, and fences that tractors routinely destroy.
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Sidebar Overview Card -->
|
||||||
|
<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>Same Day (3 - 6 Hours)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong style="color: var(--brand-black); width: 100px;">Equipment:</strong>
|
||||||
|
<span>Commercial Trimmers, Mowers, Rakes, Haul Trailer</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong style="color: var(--brand-black); width: 100px;">Guarantee:</strong>
|
||||||
|
<span style="color: var(--neon-text-shade); font-weight: 700;">100% County Sign-Off</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong style="color: var(--brand-black); width: 100px;">Coverage:</strong>
|
||||||
|
<span>Palmdale, Lancaster, Quartz Hill, Acton, Rosamond</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<button class="btn btn-primary open-quote-btn" data-scope="LA County Weed Abatement" style="width: 100%; margin-bottom: 10px;">
|
||||||
|
Request Free Weed Estimate
|
||||||
|
</button>
|
||||||
|
<a href="tel:6615817278" class="btn btn-secondary" style="width: 100%; text-align: center; justify-content: center;">
|
||||||
|
Call (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-sidebar-card">
|
||||||
|
<h4>Text Photos For Faster Quote</h4>
|
||||||
|
<p style="font-size: 0.88rem; color: var(--text-secondary); margin-bottom: 16px;">
|
||||||
|
Take 2 to 3 photos of the weed height and your property lines. We will text you back an exact quote within 30 minutes.
|
||||||
|
</p>
|
||||||
|
<a href="sms:6615817278?body=Hi%20Next%20Gen,%20here%20are%20photos%20of%20my%20yard%20for%20a%20weed%20abatement%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 Photos to (661) 581-7278
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- FINAL CTA BANNER -->
|
||||||
|
<section class="cta-banner-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-banner-card">
|
||||||
|
<h2>Pass Your County Fire Inspection <span class="neon-text">Guaranteed</span></h2>
|
||||||
|
<p>
|
||||||
|
Call Next Gen today for fast, affordable, zero-stress weed abatement.
|
||||||
|
</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">
|
||||||
|
<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 • 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 & Agua Dulce</a></li>
|
||||||
|
<li><a href="rosamond-landscaping.html">Rosamond & Mojave</a></li>
|
||||||
|
<li><a href="palmdale-landscaping.html">Littlerock & 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>
|
||||||
|
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. All rights reserved. Antelope Valley, CA.
|
||||||
|
</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="LA County Weed Abatement" selected>LA County Weed Abatement</option>
|
||||||
|
<option value="Tumbleweed Removal">Tumbleweed & Yard Cleanout</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 weed overgrowth, county deadline date, or access gates..."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 10px;">
|
||||||
|
Send Quote Request
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<p style="font-size: 0.78rem; color: var(--text-muted); text-align: center; margin-top: 12px;">
|
||||||
|
Next Gen values your privacy. Zero spam. We use your details only to provide your estimate.
|
||||||
|
</p>
|
||||||
|
</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%20weed%20abatement%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="LA County Weed Abatement">
|
||||||
|
<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>
|
||||||
Reference in New Issue
Block a user