1301 lines
72 KiB
HTML
1301 lines
72 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>NEXT GEN LANDSCAPING | High Desert Yard Work & Weed Abatement Antelope Valley</title>
|
||
<meta name="description" content="Antelope Valley's premier landscaping and yard care specialists. Palmdale, Lancaster, Quartz Hill. Tumbleweed cleanouts, LA County fire clearance, drought xeriscaping, artificial turf & tree trimming. Call (661) 743-9600.">
|
||
<meta name="keywords" content="Next Gen landscaping, Antelope Valley landscaping, yard work Palmdale, weed abatement Lancaster, tumbleweed removal, drought tolerant desert landscaping, artificial turf AV, Quartz Hill yard care">
|
||
|
||
<!-- Favicon & Brand Manifest -->
|
||
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||
<link rel="manifest" href="site.webmanifest">
|
||
<meta name="theme-color" content="#00e676">
|
||
|
||
<!-- Open Graph / Meta -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="NEXT GEN LANDSCAPING | Antelope Valley Yard Care & Weed Abatement">
|
||
<meta property="og:description" content="Rugged High Desert yards transformed into clean, fire-compliant showpieces. Palmdale, Lancaster, Quartz Hill.">
|
||
<meta property="og:image" content="images/brand-emblem.jpg">
|
||
<meta property="og:image:width" content="1024">
|
||
<meta property="og:image:height" content="1024">
|
||
|
||
<!-- Google Fonts: Outfit (Display) & Inter (Body) -->
|
||
<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?v=4">
|
||
|
||
<!-- Structured Data: 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) 743-9600",
|
||
"priceRange": "$$",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressLocality": "Palmdale",
|
||
"addressRegion": "CA",
|
||
"postalCode": "93550",
|
||
"addressCountry": "US"
|
||
},
|
||
"geo": {
|
||
"@type": "GeoCoordinates",
|
||
"latitude": 34.5794,
|
||
"longitude": -118.1165
|
||
},
|
||
"openingHoursSpecification": {
|
||
"@type": "OpeningHoursSpecification",
|
||
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||
"opens": "06:30",
|
||
"closes": "19:00"
|
||
},
|
||
"areaServed": [
|
||
"Palmdale",
|
||
"Lancaster",
|
||
"Quartz Hill",
|
||
"Rosamond",
|
||
"Acton",
|
||
"Littlerock",
|
||
"Lake Los Angeles"
|
||
]
|
||
}
|
||
</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>
|
||
High Desert Notice
|
||
</span>
|
||
<span data-i18n="topbar.notice">LA & Kern County Fire Clearance Deadlines Approaching! Fast 48-Hour Weed Abatement Available.</span>
|
||
<a href="#calculator" class="announcement-link" data-i18n="topbar.cta">Get Instant Estimate →</a>
|
||
<div class="lang-switch" role="group" aria-label="Language selector" style="margin-left: 8px;">
|
||
<button type="button" class="lang-btn active" data-lang="en">EN</button>
|
||
<button type="button" class="lang-btn" data-lang="es">ES</button>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<!-- 2. STICKY HEADER & NAVIGATION -->
|
||
<header class="site-header" id="header">
|
||
<div class="container header-inner">
|
||
<a href="#hero" class="brand-logo" aria-label="Next Gen Landscaping Homepage">
|
||
<div class="logo-symbol">
|
||
<img src="logo-mark.svg" alt="Next Gen Landscaping & Yardwork Logo" width="44" height="44" class="custom-logo-mark">
|
||
</div>
|
||
<div class="logo-text">
|
||
<span class="brand-name">NEXT <span>GEN</span></span>
|
||
<span class="brand-tagline">Landscaping & Yardwork</span>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- Desktop Navigation -->
|
||
<nav class="nav-desktop" aria-label="Main Navigation">
|
||
<a href="#services" class="nav-link" data-i18n="nav.services">Services</a>
|
||
<a href="#calculator" class="nav-link" data-i18n="nav.calculator">Cost Calculator</a>
|
||
<a href="#transformation" class="nav-link" data-i18n="nav.transformation">Before & After</a>
|
||
<a href="#projects" class="nav-link" data-i18n="nav.projects">Projects</a>
|
||
<a href="#areas" class="nav-link" data-i18n="nav.areas">Service Areas</a>
|
||
<a href="#reviews" class="nav-link" data-i18n="nav.reviews">Reviews</a>
|
||
<a href="contact.html" class="nav-link" data-i18n="nav.contact">Contact</a>
|
||
</nav>
|
||
|
||
<!-- Header CTAs -->
|
||
<div class="header-cta-group">
|
||
<div class="lang-switch" role="group" aria-label="Language selector">
|
||
<button type="button" class="lang-btn active" data-lang="en">EN</button>
|
||
<button type="button" class="lang-btn" data-lang="es">ES</button>
|
||
</div>
|
||
<a href="tel:6617439600" class="phone-direct" aria-label="Call Next Gen Landscaping">
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
||
<span class="phone-text">(661) 743-9600</span>
|
||
</a>
|
||
<button class="btn btn-primary open-quote-btn" id="header-quote-btn" data-i18n="nav.estimate">
|
||
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="#services" class="nav-link mobile-link">All Services</a>
|
||
<a href="#calculator" class="nav-link mobile-link">Cost Calculator</a>
|
||
<a href="#transformation" class="nav-link mobile-link">Before & After</a>
|
||
<a href="#projects" class="nav-link mobile-link">Projects</a>
|
||
<a href="#areas" class="nav-link mobile-link">Service Areas</a>
|
||
<a href="#reviews" class="nav-link mobile-link">Customer Reviews</a>
|
||
<a href="contact.html" class="nav-link mobile-link">Contact Us</a>
|
||
<div class="mobile-lang-wrap">
|
||
<span class="mobile-lang-label">
|
||
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
|
||
Language / Idioma:
|
||
</span>
|
||
<div class="lang-switch" role="group" aria-label="Language selector">
|
||
<button type="button" class="lang-btn active" data-lang="en">EN</button>
|
||
<button type="button" class="lang-btn" data-lang="es">ES</button>
|
||
</div>
|
||
</div>
|
||
<button class="btn btn-primary open-quote-btn" style="width: 100%; margin-top: 10px;">Request Instant Quote</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 3. HERO SECTION -->
|
||
<main id="main-content">
|
||
<section class="hero-section" id="hero">
|
||
<div class="container hero-grid">
|
||
<div class="hero-content">
|
||
<div class="hero-badge-row">
|
||
<span class="badge">
|
||
<span class="badge-dot"></span>
|
||
<span data-i18n="hero.badge">Antelope Valley High-Desert Yard Specialists</span>
|
||
</span>
|
||
</div>
|
||
<h1 class="hero-title">
|
||
<span data-i18n="hero.title.1">Rugged Desert.</span> <br>
|
||
<span class="neon-text" data-i18n="hero.title.2">Precision Lawns.</span><br>
|
||
<span data-i18n="hero.title.3">Zero Compromise.</span>
|
||
</h1>
|
||
<p class="hero-subtitle" data-i18n="hero.subtitle">
|
||
Tumbleweeds, unkempt desert brush, or high water bills? Next Gen transforms harsh Antelope Valley properties into pristine, fire-safe showpieces. Fast turnarounds across Palmdale, Lancaster, Quartz Hill, and surrounding desert communities.
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a href="#calculator" class="btn btn-primary btn-lg">
|
||
<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>
|
||
<span data-i18n="hero.cta.calculate">Calculate Your Estimate</span>
|
||
</a>
|
||
<a href="tel:6617439600" class="btn btn-secondary btn-lg">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
||
<span data-i18n="hero.cta.phone">Call (661) 743-9600</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="hero-trust-bar">
|
||
<div class="avatar-stack">
|
||
<div class="avatar-stack-item">NG</div>
|
||
<div class="avatar-stack-item">QH</div>
|
||
<div class="avatar-stack-item">PD</div>
|
||
<div class="avatar-stack-item">LC</div>
|
||
</div>
|
||
<div class="trust-text">
|
||
<strong style="display: flex; align-items: center; gap: 6px;">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="#f59e0b" stroke="#f59e0b"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
4.9 / 5.0 Star Rated (180+ Local Reviews)
|
||
</strong>
|
||
<span>100% County Fire Clearance Guarantee • Licensed & Insured</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-visual">
|
||
<div class="hero-image-wrapper">
|
||
<img src="images/hero.jpg" alt="Pristine residential landscaping in Antelope Valley with mountain view at sunset" fetchpriority="high">
|
||
<div class="floating-glass-card">
|
||
<div class="card-stat-group">
|
||
<div class="card-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<circle cx="12" cy="12" r="4"></circle>
|
||
<path d="M12 2v2"></path>
|
||
<path d="M12 20v2"></path>
|
||
<path d="m4.93 4.93 1.41 1.41"></path>
|
||
<path d="m17.66 17.66 1.41 1.41"></path>
|
||
<path d="M2 12h2"></path>
|
||
<path d="M20 12h2"></path>
|
||
<path d="m6.34 17.66-1.41 1.41"></path>
|
||
<path d="m19.07 4.93-1.41 1.41"></path>
|
||
</svg>
|
||
</div>
|
||
<div class="card-stat-text">
|
||
<h4>High-Desert Rated Turf</h4>
|
||
<p>110°F Heat & Wind Resilient</p>
|
||
</div>
|
||
</div>
|
||
<button class="btn btn-sm btn-primary open-quote-btn" data-scope="Synthetic Turf">Inquire</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 4. STATS TICKER -->
|
||
<section class="stats-ticker-section" aria-label="Key Statistics">
|
||
<div class="container">
|
||
<div class="stats-grid">
|
||
<div class="stat-item">
|
||
<div class="stat-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M3 11v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6"></path>
|
||
<path d="M7 11V7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4"></path>
|
||
<circle cx="7" cy="17" r="2"></circle>
|
||
<circle cx="17" cy="17" r="2"></circle>
|
||
<line x1="9" y1="17" x2="15" y2="17"></line>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<div class="stat-num">850<span>+</span></div>
|
||
<div class="stat-label">AV Yards Restored</div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
|
||
<path d="m9 12 2 2 4-4"></path>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<div class="stat-num">100<span>%</span></div>
|
||
<div class="stat-label">County Fire Code Pass</div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" 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>
|
||
<div class="stat-num">48<span>h</span></div>
|
||
<div class="stat-label"><span data-i18n="stat.emergency.title">Emergency Storm Cleanups</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<div class="stat-num">75<span>%</span></div>
|
||
<div class="stat-label"><span data-i18n="stat.water.title">Avg Water Bill Savings</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 5. INTERACTIVE YARD COST ESTIMATOR -->
|
||
<section class="section" id="calculator">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<div class="section-tag"><span class="badge">Instant Estimation Engine</span></div>
|
||
<h2 class="section-title" data-i18n-html="calc.title">Transparent Pricing for <span class="neon-text">High Desert Yards</span></h2>
|
||
<p class="section-description">
|
||
Customize your property parameters below. Get an immediate ballpark estimate tailored for Antelope Valley parcel sizes, soil types, and fire safety codes.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="calculator-card">
|
||
<div class="calculator-layout">
|
||
<!-- Calculator Inputs -->
|
||
<div class="calc-inputs">
|
||
<!-- Step 1: Service Type -->
|
||
<div class="calc-step">
|
||
<div class="calc-step-label">
|
||
<span class="calc-step-num">1</span>
|
||
<span>Select Primary Service Needed</span>
|
||
</div>
|
||
<div class="calc-grid-options">
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-service" value="cleanup" checked>
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Tumbleweed & Cleanout</span>
|
||
<span class="calc-option-desc">Windstorm brush, trashout, deep haul</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-service" value="fire-abatement">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Fire Hazard Clearance</span>
|
||
<span class="calc-option-desc">100ft defensible space, weed whacking, raking</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-service" value="turf">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Artificial Turf / Putting Green</span>
|
||
<span class="calc-option-desc">Cool-blade UV turf, zero water maintenance</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-service" value="rockscape">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Desert Xeriscaping & Rock</span>
|
||
<span class="calc-option-desc">DG, river stone, desert agaves & drip</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-service" value="trees">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Tree Trimming & Palms</span>
|
||
<span class="calc-option-desc">Wind mitigation, skinning & pruning</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-service" value="maintenance">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Routine Yard Maintenance</span>
|
||
<span class="calc-option-desc">Bi-weekly / monthly edging & detailing</span>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Step 2: Property Size -->
|
||
<div class="calc-step">
|
||
<div class="calc-step-label">
|
||
<span class="calc-step-num">2</span>
|
||
<span>Select Yard or Parcel Footprint</span>
|
||
</div>
|
||
<div class="calc-grid-options">
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-size" value="small">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Front Yard Only</span>
|
||
<span class="calc-option-desc">Up to ~2,000 sq ft</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-size" value="medium" checked>
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Standard Suburb Lot</span>
|
||
<span class="calc-option-desc">1/4 Acre (Front & Back)</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-size" value="large">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Half-Acre Parcel</span>
|
||
<span class="calc-option-desc">~20,000 sq ft</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-size" value="acreage">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Large Residential Parcel</span>
|
||
<span class="calc-option-desc">Comprehensive crew clearance</span>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Step 3: Overgrowth Condition -->
|
||
<div class="calc-step">
|
||
<div class="calc-step-label">
|
||
<span class="calc-step-num">3</span>
|
||
<span>Yard Condition / Growth Severity</span>
|
||
</div>
|
||
<div class="calc-grid-options">
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-condition" value="mild">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Light / Moderate</span>
|
||
<span class="calc-option-desc">Surface weeds, basic tidying</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-condition" value="heavy" checked>
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Heavy Overgrowth</span>
|
||
<span class="calc-option-desc">Tall foxtails, tumbleweed build-up</span>
|
||
</div>
|
||
</label>
|
||
<label class="calc-option">
|
||
<input type="radio" name="calc-condition" value="severe">
|
||
<div class="calc-option-content">
|
||
<span class="calc-option-title">Severe / Jungle</span>
|
||
<span class="calc-option-desc">Waist-high brush, debris & heavy hauling</span>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Calculator Output Box -->
|
||
<div class="calc-result-panel">
|
||
<div class="result-header">
|
||
<span>Estimated Price Range</span>
|
||
<div class="result-price-box">
|
||
<div class="price-range-value" id="calc-price-display">$450 – $750</div>
|
||
<div class="price-note">*All-inclusive: labor, equipment, disposal & hauling.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="estimate-details">
|
||
<li>
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Completion: <strong id="calc-time-display">Same Day (3 - 5 Hours)</strong></span>
|
||
</li>
|
||
<li>
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Debris Disposal: <strong>Commercial Haul Included</strong></span>
|
||
</li>
|
||
<li>
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Fire Code: <strong>County Defensible Space Compliant</strong></span>
|
||
</li>
|
||
</ul>
|
||
|
||
<button class="btn btn-primary" id="calc-book-btn" style="width: 100%;">
|
||
Lock In This Estimate & Book
|
||
</button>
|
||
<p style="text-align: center; margin-top: 12px; font-size: 0.8rem; color: #a7b8ad;">
|
||
Free in-person confirmation walkthrough before any work begins.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6. INTERACTIVE BEFORE & AFTER SLIDER -->
|
||
<section class="section" id="transformation">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<div class="section-tag"><span class="badge">Authentic High Desert Results</span></div>
|
||
<h2 class="section-title" data-i18n-html="ba.title">See the <span class="neon-text">Same-Day Cleanup</span></h2>
|
||
<p class="section-description">
|
||
Slide the divider to see the exact same property before and after our crew arrived: waist-high weeds, tumbleweeds, and yard trash completely cleared down to clean, raked, fire-safe ground.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="before-after-container" id="ba-slider">
|
||
<div class="ba-slider-wrapper">
|
||
<!-- AFTER IMAGE (Background Layer - Actual Cleaned Yard with 100% Matching Buildings) -->
|
||
<img src="images/after.jpg?v=2" class="ba-image" alt="After professional yard cleanup in Antelope Valley: weeds and tumbleweeds removed, clean raked ground">
|
||
<span class="ba-badge ba-badge-after"><span class="badge-text-main">AFTER</span><span class="badge-text-sub">: CLEANED YARD</span></span>
|
||
|
||
<!-- BEFORE IMAGE (Foreground Layer with Clip) -->
|
||
<div class="ba-before-layer" id="ba-layer">
|
||
<img src="images/before.jpg" class="ba-image" alt="Before yard cleanup: overgrown tumbleweeds, weeds, and dry brush">
|
||
<span class="ba-badge ba-badge-before"><span class="badge-text-main">BEFORE</span><span class="badge-text-sub">: OVERGROWN</span></span>
|
||
</div>
|
||
|
||
<!-- NEON GLOW DIVIDER LINE -->
|
||
<div class="ba-divider-line"></div>
|
||
|
||
<!-- DRAGGABLE NEON HANDLE -->
|
||
<div class="ba-handle" id="ba-handle" aria-label="Drag to compare before and after">
|
||
<svg viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="m8 7-5 5 5 5"></path>
|
||
<path d="m16 7 5 5-5 5"></path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ba-hint">
|
||
<span style="display: inline-flex; align-items: center; gap: 8px;">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--neon-green)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m11 17-5-5 5-5"></path><path d="m18 17-5-5 5-5"></path></svg>
|
||
<span data-i18n="ba.hint">Drag the neon divider or tap anywhere to compare before & after</span>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--neon-green)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m6 17 5-5-5-5"></path><path d="m13 17 5-5-5-5"></path></svg>
|
||
</span>
|
||
</div>
|
||
|
||
<!-- Trust Indicators for Cleanup Service -->
|
||
<div class="ba-trust-strip">
|
||
<div class="ba-trust-item">
|
||
<div class="ba-trust-icon">
|
||
<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>
|
||
</div>
|
||
<span>Same-Day Crew Turnaround</span>
|
||
</div>
|
||
<div class="ba-trust-item">
|
||
<div class="ba-trust-icon">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
</div>
|
||
<span>100% Hand-Raked Ground Finish</span>
|
||
</div>
|
||
<div class="ba-trust-item">
|
||
<div class="ba-trust-icon">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
|
||
</div>
|
||
<span>Fenceline & Pipe Safe (No Heavy Tractors)</span>
|
||
</div>
|
||
<div class="ba-trust-item">
|
||
<div class="ba-trust-icon">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 11v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6"></path><circle cx="7" cy="17" r="2"></circle><circle cx="17" cy="17" r="2"></circle></svg>
|
||
</div>
|
||
<span>Full Trailer Haul-Away Included</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6B. FEATURED HIGH DESERT INSTALLATIONS (NEW DEDICATED SECTION) -->
|
||
<section class="section" id="projects">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<div class="section-tag"><span class="badge">Featured AV Installations</span></div>
|
||
<h2 class="section-title" data-i18n-html="projects.title">Beyond Cleanouts: <span class="neon-text">Custom Desert Living</span></h2>
|
||
<p class="section-description">
|
||
Explore drought-tolerant xeriscaping, decorative river rockscapes, and synthetic turf installations engineered to withstand 105°F+ High Desert heat and heavy seasonal winds.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="featured-projects-grid">
|
||
<div class="showcase-card">
|
||
<div class="showcase-img-box">
|
||
<img src="images/rockscape.jpg" alt="Drought-tolerant modern desert xeriscape in Lancaster">
|
||
<span class="showcase-tag">Quartz Hill</span>
|
||
</div>
|
||
<div class="showcase-content">
|
||
<h4>Modern Xeriscape & River Rock</h4>
|
||
<p>Replaced weed-choked dirt with decomposed granite, decorative river boulders, and automated drip agave beds.</p>
|
||
<div class="showcase-stats">
|
||
<span class="showcase-stat">Water Savings: <strong>85%</strong></span>
|
||
<span class="showcase-stat">Turnaround: <strong>3 Days</strong></span>
|
||
</div>
|
||
<div style="margin-top: 16px;">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Desert Xeriscape & Rock" style="width: 100%; font-size: 0.88rem;">
|
||
Request Similar Xeriscape Quote
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="showcase-card">
|
||
<div class="showcase-img-box">
|
||
<img src="images/turf-after.jpg" alt="Synthetic turf installation in East Lancaster">
|
||
<span class="showcase-tag">East Lancaster</span>
|
||
</div>
|
||
<div class="showcase-content">
|
||
<h4>Luxury Turf & Yard Remodel</h4>
|
||
<p>Triple-layer UV-rated artificial turf resilient against desert wind gusts and summer highs above 105°F.</p>
|
||
<div class="showcase-stats">
|
||
<span class="showcase-stat">Warranty: <strong>15-Year</strong></span>
|
||
<span class="showcase-stat">Maintenance: <strong>Zero Mow</strong></span>
|
||
</div>
|
||
<div style="margin-top: 16px;">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Synthetic Turf Installation" style="width: 100%; font-size: 0.88rem;">
|
||
Request Similar Turf Quote
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 7. CORE SERVICES GRID -->
|
||
<section class="section" id="services">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<div class="section-tag"><span class="badge">Built For Antelope Valley</span></div>
|
||
<h2 class="section-title" data-i18n-html="services.title">Complete Yard & Landscaping <span class="neon-text">Services</span></h2>
|
||
<p class="section-description">
|
||
We don't do cookie-cutter coastal landscaping. Our equipment, crews, and materials are engineered for High Desert caliche soil, seasonal windstorms, and California drought restrictions.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="services-grid">
|
||
<!-- Service 1: Fire Clearance -->
|
||
<div class="service-card">
|
||
<div class="service-img-box">
|
||
<img src="images/service-weed-abatement.jpg" alt="LA County Weed Abatement Fire Clearance in Palmdale CA" loading="lazy">
|
||
<div class="service-icon-badge">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
|
||
<path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3 2.5.5 4 2 4 4a3 3 0 0 1-6 0c0-.5.1-.9.3-1.3.3.8.7 1.8 1.2 2.8z"></path>
|
||
</svg>
|
||
</div>
|
||
<span class="service-tag">Fire Defensible</span>
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>LA County Weed Abatement</h3>
|
||
<p>
|
||
Stay ahead of LA County and Kern County fire inspection notices. We cut, weed whack, rake, and clear properties to meet strict 100-foot defensible space requirements before deadlines hit.
|
||
</p>
|
||
<ul class="service-feature-list">
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>100-Foot Fire Defensible Perimeter</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>High-Power Weed Whacking, Mowing & Raking</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Guaranteed County Inspection Sign-Off</span>
|
||
</li>
|
||
</ul>
|
||
<div class="service-card-footer">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Fire Hazard Weed Abatement" style="width: 100%;">Get Fire Clearance Quote</button>
|
||
<div style="text-align: center; margin-top: 10px;">
|
||
<a href="weed-abatement.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Weed Abatement Details →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Service 2: Tumbleweeds & Cleanouts -->
|
||
<div class="service-card">
|
||
<div class="service-img-box">
|
||
<img src="images/service-tumbleweed.jpg" alt="Tumbleweed removal and dump trailer hauling in Antelope Valley" loading="lazy">
|
||
<div class="service-icon-badge">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M17.7 7.7a2.5 2.5 0 1 1 1.8 4.3H2"></path>
|
||
<path d="M9.6 4.6A2 2 0 1 1 11 8H2"></path>
|
||
<path d="M12.6 19.4A2 2 0 1 0 14 16H2"></path>
|
||
</svg>
|
||
</div>
|
||
<span class="service-tag">Windstorm Haul</span>
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>Tumbleweed & Windstorm Hauling</h3>
|
||
<p>
|
||
When the Antelope Valley 60mph winds blow, tumbleweeds stack to the roofline against your fences and sheds. We eradicate the piles and haul everything to the transfer station.
|
||
</p>
|
||
<ul class="service-feature-list">
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Fence Line & Rooftop Tumbleweed Removal</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>High-Capacity Hauling & Dump Trailers</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Property Trash-Out & Lot Cleans</span>
|
||
</li>
|
||
</ul>
|
||
<div class="service-card-footer">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Tumbleweed Removal & Cleanout" style="width: 100%;">Book Cleanout</button>
|
||
<div style="text-align: center; margin-top: 10px;">
|
||
<a href="tumbleweed-removal.html" style="font-size: 0.85rem; font-weight: 700; color: var(--neon-text-shade);">View Tumbleweed Details →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Service 3: Synthetic Turf -->
|
||
<div class="service-card">
|
||
<div class="service-img-box">
|
||
<img src="images/service-turf.jpg" alt="Synthetic turf and putting green installation in Palmdale CA" loading="lazy">
|
||
<div class="service-icon-badge">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M11 20A7 7 0 0 1 4 13V8a7 7 0 0 1 14 0v1"></path>
|
||
<path d="M13 20a7 7 0 0 0 7-7V9a7 7 0 0 0-14 0v1"></path>
|
||
<line x1="12" y1="13" x2="12" y2="21"></line>
|
||
</svg>
|
||
</div>
|
||
<span class="service-tag">15-Yr Warranty</span>
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>Artificial Turf & Putting Greens</h3>
|
||
<p>
|
||
Enjoy an emerald green yard year-round without paying astronomical water rates. We install commercial-grade, anti-microbial turf with specialized heat-deflecting cooling infill.
|
||
</p>
|
||
<ul class="service-feature-list">
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>UV-Stabilized (No Fade In Desert Sun)</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Pet-Friendly with Rapid Drainage Base</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Custom Backyard Putting Greens</span>
|
||
</li>
|
||
</ul>
|
||
<div class="service-card-footer">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Artificial Turf Installation" style="width: 100%;">Get Turf Estimate</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Service 4: Desert Xeriscaping -->
|
||
<div class="service-card">
|
||
<div class="service-img-box">
|
||
<img src="images/service-xeriscape.jpg" alt="Desert xeriscaping with decomposed granite and boulders in Quartz Hill CA" loading="lazy">
|
||
<div class="service-icon-badge">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M12 22V7a3 3 0 0 0-6 0v5"></path>
|
||
<path d="M6 12h6"></path>
|
||
<path d="M12 9a3 3 0 0 1 6 0v7"></path>
|
||
<path d="M12 16h6"></path>
|
||
<path d="M4 22h16"></path>
|
||
</svg>
|
||
</div>
|
||
<span class="service-tag">85% Water Saved</span>
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>Desert Xeriscape & Rockscaping</h3>
|
||
<p>
|
||
Stunning architectural landscaping engineered to thrive in the High Desert. We blend decomposed granite, California gold river rock, decorative boulders, and water-wise agaves.
|
||
</p>
|
||
<ul class="service-feature-list">
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Decomposed Granite & Crushed Stone</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Heavy-Duty Commercial Weed Barrier Fabric</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Architectural Desert Boulders & Succulents</span>
|
||
</li>
|
||
</ul>
|
||
<div class="service-card-footer">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Desert Xeriscaping" style="width: 100%;">Explore Rockscaping</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Service 5: Tree Trimming -->
|
||
<div class="service-card">
|
||
<div class="service-img-box">
|
||
<img src="images/service-tree-trimming.jpg" alt="Tree trimming and palm skinning in Lancaster CA" loading="lazy">
|
||
<div class="service-icon-badge">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M12 22v-9"></path>
|
||
<path d="M12 13 8 9a4.24 4.24 0 0 1 6-6 4.24 4.24 0 0 1 6 6l-4 4"></path>
|
||
<path d="M9 17 5 13a4.24 4.24 0 0 1 6-6"></path>
|
||
</svg>
|
||
</div>
|
||
<span class="service-tag">Canopy Safe</span>
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>Tree Trimming & Palm Pruning</h3>
|
||
<p>
|
||
High winds in Palmdale and Lancaster topple untrimmed trees and dead palm fronds. We thin tree canopies for wind passage, skin palms, and grind dangerous stumps safely.
|
||
</p>
|
||
<ul class="service-feature-list">
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Wind Mitigation Canopy Thinning</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Palm Frond Skinning & Seed Removal</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Complete Stump Grinding & Root Extraction</span>
|
||
</li>
|
||
</ul>
|
||
<div class="service-card-footer">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Tree Trimming & Palm Care" style="width: 100%;">Quote Tree Work</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Service 6: Irrigation -->
|
||
<div class="service-card">
|
||
<div class="service-img-box">
|
||
<img src="images/service-irrigation.jpg" alt="Smart drip irrigation system and manifold repair in Palmdale CA" loading="lazy">
|
||
<div class="service-icon-badge">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path>
|
||
<path d="M9 15a3 3 0 0 0 6 0"></path>
|
||
</svg>
|
||
</div>
|
||
<span class="service-tag">Leak Detection</span>
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>Smart Irrigation & Drip Repair</h3>
|
||
<p>
|
||
Desert soil requires dialed-in watering. Leaky valves or broken lines skyrocket your utility bill. We diagnose underground leaks, replace cracked manifolds, and tune drip systems.
|
||
</p>
|
||
<ul class="service-feature-list">
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Subsurface Drip Line Conversions</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Smart Wi-Fi Weather-Sensing Controllers</span>
|
||
</li>
|
||
<li>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||
<span>Anti-Siphon Valve & Backflow Replacement</span>
|
||
</li>
|
||
</ul>
|
||
<div class="service-card-footer">
|
||
<button class="btn btn-secondary open-quote-btn" data-scope="Irrigation & Drip Repair" style="width: 100%;">Schedule Irrigation Check</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 8. SERVICE AREAS -->
|
||
<section class="section" id="areas">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<div class="section-tag"><span class="badge">Local Territory Coverage</span></div>
|
||
<h2 class="section-title" data-i18n-html="areas.title">Proudly Serving the Entire <span class="neon-text">Antelope Valley</span></h2>
|
||
<p class="section-description">
|
||
Our crews live and work right here in the High Desert. We arrive equipped with commercial-grade trimmers, mowers, haul trailers, and hand tools suited for residential yards and neighborhood properties alike.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="area-pills-grid">
|
||
<a href="palmdale-landscaping.html" class="area-pill" aria-label="West Palmdale Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>West Palmdale <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>Rancho Vista • Anaverde • Godde Hill</span>
|
||
</div>
|
||
</a>
|
||
<a href="palmdale-landscaping.html" class="area-pill" aria-label="East Palmdale Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>East Palmdale <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>20th St East • 47th St • Desert Dunes</span>
|
||
</div>
|
||
</a>
|
||
<a href="lancaster-landscaping.html" class="area-pill" aria-label="Lancaster West Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>Lancaster West <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>Avenue K • Avenue L • Quartz Hill Border</span>
|
||
</div>
|
||
</a>
|
||
<a href="quartz-hill-landscaping.html" class="area-pill" aria-label="Quartz Hill Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>Quartz Hill <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>Avenue M • 50th West • 60th West Ranches</span>
|
||
</div>
|
||
</a>
|
||
<a href="rosamond-landscaping.html" class="area-pill" aria-label="Rosamond and Mojave Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>Rosamond & Mojave <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>Kern County line • Desert ranches • 14 Fwy</span>
|
||
</div>
|
||
</a>
|
||
<a href="acton-landscaping.html" class="area-pill" aria-label="Acton and Agua Dulce Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>Acton & Agua Dulce <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>Foothill acreage • Fire defensible clearings</span>
|
||
</div>
|
||
</a>
|
||
<a href="palmdale-landscaping.html" class="area-pill" aria-label="Littlerock and Pearblossom Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>Littlerock & Pearblossom <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>Hwy 138 corridor • Orchards & parcels</span>
|
||
</div>
|
||
</a>
|
||
<a href="lancaster-landscaping.html" class="area-pill" aria-label="Lake Los Angeles and Sun Village Landscaping">
|
||
<div class="area-icon">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4>Lake Los Angeles & Sun Village <span style="font-size: 0.85rem; color: var(--neon-text-shade);">→</span></h4>
|
||
<span>East desert acreage • Tumbleweed removal</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="area-banner-box">
|
||
<div class="area-banner-text">
|
||
<h3>Need Emergency Weed Clearance or Storm Cleanup in the AV?</h3>
|
||
<p>We provide same-day or 24-hour on-site assessments across all Palmdale & Lancaster zip codes.</p>
|
||
</div>
|
||
<a href="tel:6617439600" class="btn btn-primary">
|
||
Call Dispatch: (661) 743-9600
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 9. CUSTOMER REVIEWS -->
|
||
<section class="section" id="reviews">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<div class="section-tag"><span class="badge">Real Antelope Valley Feedback</span></div>
|
||
<h2 class="section-title" data-i18n-html="reviews.title">What High Desert <span class="neon-text">Homeowners Say</span></h2>
|
||
<p class="section-description">
|
||
Don't just take our word for it. Here is how Next Gen has helped neighbors in Palmdale, Lancaster, and Quartz Hill regain control of their properties.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="testimonials-grid">
|
||
<div class="review-card">
|
||
<div>
|
||
<div class="review-stars">
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
</div>
|
||
<p class="review-quote">
|
||
"We received a weed abatement violation notice from LA County Fire with a 2-week deadline. Next Gen showed up the next morning with commercial weed trimmers and had our full half-acre cleared, raked, and hauled into their trailer before sundown. The inspector signed off with zero issues. Lifesavers!"
|
||
</p>
|
||
</div>
|
||
<div class="review-author">
|
||
<div class="author-avatar">DM</div>
|
||
<div class="author-info">
|
||
<h4>David M.</h4>
|
||
<span>West Lancaster, CA • Half-Acre Lot</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="review-card">
|
||
<div>
|
||
<div class="review-stars">
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
</div>
|
||
<p class="review-quote">
|
||
"After the winter windstorms, our backyard had tumbleweeds literally stacked 8 feet high against our vinyl fence. These guys had the proper heavy-duty trailers and cleared everything in 3 hours. Super polite, fair pricing, and they left the yard spotless."
|
||
</p>
|
||
</div>
|
||
<div class="review-author">
|
||
<div class="author-avatar">SR</div>
|
||
<div class="author-info">
|
||
<h4>Stephanie R.</h4>
|
||
<span>Quartz Hill, CA • Tumbleweed Cleanout</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="review-card">
|
||
<div>
|
||
<div class="review-stars">
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||
</div>
|
||
<p class="review-quote">
|
||
"We ditched our dead grass for artificial turf and desert rockscape. Our water bill dropped by over $220/month in the summer, and our dogs love the turf. The green is so vibrant and stays cool even when Palmdale hits 104 degrees. Highly recommend!"
|
||
</p>
|
||
</div>
|
||
<div class="review-author">
|
||
<div class="author-avatar">JR</div>
|
||
<div class="author-info">
|
||
<h4>Jason & Maria R.</h4>
|
||
<span>Rancho Vista, Palmdale • Turf & Rockscape</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 10. FREQUENTLY ASKED QUESTIONS (Native <details> with name attribute) -->
|
||
<section class="section" id="faq">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<div class="section-tag"><span class="badge">Common Questions</span></div>
|
||
<h2 class="section-title" data-i18n-html="faq.title">Frequently Asked <span class="neon-text">Questions</span></h2>
|
||
<p class="section-description">
|
||
Everything you need to know about our Antelope Valley yard care, county weed deadlines, and pricing.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-accordion-wrapper">
|
||
<details class="faq-item" name="av-faq" open>
|
||
<summary class="faq-question">What are the LA County and Kern County weed abatement deadlines?</summary>
|
||
<div class="faq-answer">
|
||
In the Antelope Valley, LA County Agricultural Commissioner and Fire Department inspections typically begin in mid-to-late spring and enforce 100-foot defensible space clearance around structures and 10-foot road buffers. Failure to clear can result in county-enforced contractor billing and heavy penalty fees. Next Gen guarantees work that passes county inspection on the first visit.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="faq-item" name="av-faq">
|
||
<summary class="faq-question">How does artificial turf hold up in high Antelope Valley summer heat?</summary>
|
||
<div class="faq-answer">
|
||
We exclusively install UV-stabilized commercial turf with special cooling infill designed to withstand 110°F+ desert temperatures without melting, fading, or discoloring. It also includes an engineered perforated backing that drains quickly during rare desert cloudbursts and prevents pet odor buildup.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="faq-item" name="av-faq">
|
||
<summary class="faq-question">Do you haul away the debris, or do I need to rent a dumpster?</summary>
|
||
<div class="faq-answer">
|
||
We handle 100% of the hauling. Our fleet is equipped with high-capacity dump trailers and commercial trucks. All tumbleweeds, tree clippings, dead brush, and yard trash are loaded and legally disposed of at authorized local green-waste facilities in Palmdale and Lancaster.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="faq-item" name="av-faq">
|
||
<summary class="faq-question">Can I get an estimate by texting photos of my yard?</summary>
|
||
<div class="faq-answer">
|
||
Yes! You can text photos and your address directly to <strong>(661) 743-9600</strong>. We can often provide a same-hour ballpark estimate, followed by a quick in-person verification before any tools touch the ground.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="faq-item" name="av-faq">
|
||
<summary class="faq-question">What equipment do you use for yard cleanups and weed clearing?</summary>
|
||
<div class="faq-answer">
|
||
We use commercial-grade walk-behind mowers, high-powered gas weed trimmers/whackers, heavy-duty landscape rakes, blowers, and our haul truck & trailer. We specialize in residential yards, standard lots, and parcels up to a half-acre—getting directly up against fences, walls, and corners that heavy machinery and tractors can't reach.
|
||
</div>
|
||
</details>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 11. FINAL CTA BANNER (High-Contrast Obsidian Block) -->
|
||
<section class="cta-banner-section">
|
||
<div class="container">
|
||
<div class="cta-banner-card">
|
||
<h2 data-i18n-html="cta.title">Ready To Reclaim Your <span class="neon-text">High Desert Yard?</span></h2>
|
||
<p>
|
||
Don't let windblown tumbleweeds and fire hazards take over. Get an honest, zero-pressure quote from the local Next Gen team that knows Antelope Valley soil inside and out.
|
||
</p>
|
||
<div class="cta-banner-actions">
|
||
<button class="btn btn-primary btn-lg open-quote-btn">
|
||
<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 On-Site Quote
|
||
</button>
|
||
<a href="tel:6617439600" class="btn btn-secondary btn-lg" style="background: rgba(255,255,255,0.1); color: #ffffff; border-color: rgba(255,255,255,0.25);">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
||
Direct Call (661) 743-9600
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- 12. FOOTER -->
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="footer-top">
|
||
<div class="footer-brand">
|
||
<div class="brand-logo">
|
||
<div class="logo-symbol">
|
||
<img src="logo-mark.svg" alt="Next Gen Landscaping & Yardwork Logo" width="44" height="44" class="custom-logo-mark">
|
||
</div>
|
||
<div class="logo-text">
|
||
<span class="brand-name">NEXT <span style="color: var(--neon-lime);">GEN</span></span>
|
||
<span class="brand-tagline">Landscaping & Yardwork</span>
|
||
</div>
|
||
</div>
|
||
<p>
|
||
Antelope Valley's premier landscaping, fire hazard weed abatement, desert rockscaping, and synthetic turf contractor. Palmdale & Lancaster, California.
|
||
</p>
|
||
<div style="margin-top: 14px; font-size: 0.85rem; color: var(--neon-lime); font-weight: 700;">
|
||
Direct: (661) 743-9600 • info@avyardpro.com
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="footer-heading">Services</h4>
|
||
<ul class="footer-links">
|
||
<li><a href="weed-abatement.html">LA County Weed Abatement</a></li>
|
||
<li><a href="tumbleweed-removal.html">Tumbleweed Removal</a></li>
|
||
<li><a href="synthetic-turf.html">Synthetic Turf Installation</a></li>
|
||
<li><a href="desert-xeriscape.html">Desert Xeriscape & Rock</a></li>
|
||
<li><a href="tree-trimming.html">Tree Trimming & Palms</a></li>
|
||
<li><a href="irrigation-repair.html">Smart Irrigation Repair</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="footer-heading">Service Areas</h4>
|
||
<ul class="footer-links">
|
||
<li><a href="service-areas.html" style="color: var(--neon-lime); font-weight: 700;">All Service Areas →</a></li>
|
||
<li><a href="palmdale-landscaping.html">Palmdale, CA (93550, 93551)</a></li>
|
||
<li><a href="lancaster-landscaping.html">Lancaster, CA (93534, 93535)</a></li>
|
||
<li><a href="quartz-hill-landscaping.html">Quartz Hill, CA (93536)</a></li>
|
||
<li><a href="acton-landscaping.html">Acton & Agua Dulce</a></li>
|
||
<li><a href="rosamond-landscaping.html">Rosamond & Mojave</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="footer-heading">Working Hours</h4>
|
||
<ul class="footer-links" style="font-size: 0.85rem; color: #cbd5e1;">
|
||
<li><strong>Mon – Fri:</strong> 6:30 AM – 7:00 PM</li>
|
||
<li><strong>Saturday:</strong> 7:00 AM – 6:00 PM</li>
|
||
<li><strong>Sunday:</strong> Emergency Storm Calls</li>
|
||
<li style="margin-top: 10px; color: var(--neon-lime); display: flex; align-items: center; gap: 6px;">
|
||
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
|
||
24-Hr Text Dispatch Available
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<div>
|
||
© <span id="current-year">2026</span> Next Gen Landscaping & Yard Care. All rights reserved. • <a href="privacy-policy.html" style="color: #94a3b8; text-decoration: underline;">Privacy Policy (CCPA / CPRA)</a> • <a href="terms-of-service.html" style="color: #94a3b8; text-decoration: underline;">Terms of Service</a>
|
||
</div>
|
||
<div>
|
||
Licensed, Bonded & Insured • High Desert Fire Hazard Compliant
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- 13. 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" data-i18n-html="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 for="lead-name">Your Name *</label>
|
||
<input type="text" id="lead-name" class="form-control" placeholder="e.g. Robert Johnson" 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) 000-0000" required autocomplete="tel" inputmode="tel">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="lead-city">Antelope Valley City / Area *</label>
|
||
<select id="lead-city" class="form-control" required>
|
||
<option value="">Select your city...</option>
|
||
<option value="West Palmdale">West Palmdale</option>
|
||
<option value="East Palmdale">East Palmdale</option>
|
||
<option value="Lancaster West">Lancaster West</option>
|
||
<option value="Lancaster East">Lancaster East</option>
|
||
<option value="Quartz Hill">Quartz Hill</option>
|
||
<option value="Rosamond">Rosamond / Mojave</option>
|
||
<option value="Acton">Acton / Agua Dulce</option>
|
||
<option value="Littlerock">Littlerock / Pearblossom</option>
|
||
<option value="Lake LA">Lake Los Angeles</option>
|
||
<option value="Other">Other Antelope Valley Area</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="lead-service">Primary Service</label>
|
||
<select id="lead-service" class="form-control">
|
||
<option value="Tumbleweed & Cleanout">Tumbleweed & Yard Cleanout</option>
|
||
<option value="LA County Fire Clearance">LA County Fire Weed Abatement</option>
|
||
<option value="Artificial Turf Installation">Artificial Turf Installation</option>
|
||
<option value="Desert Xeriscaping & Rock">Desert Xeriscaping & Rock</option>
|
||
<option value="Tree Trimming & Palms">Tree Trimming & Palm Pruning</option>
|
||
<option value="Routine Yard Maintenance">Routine Maintenance</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="lead-contact-pref">Preferred Contact Method</label>
|
||
<div style="display: flex; gap: 20px; margin-top: 6px;">
|
||
<label style="display: flex; align-items: center; gap: 6px; font-weight: normal; cursor: pointer;">
|
||
<input type="radio" name="contact-pref" value="text" checked> Text Message (Fastest)
|
||
</label>
|
||
<label style="display: flex; align-items: center; gap: 6px; font-weight: normal; cursor: pointer;">
|
||
<input type="radio" name="contact-pref" value="call"> Phone Call
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="lead-notes">Property Notes or Special Deadlines</label>
|
||
<textarea id="lead-notes" class="form-control" placeholder="e.g., County inspection notice received, tumbleweeds blocking back fence, need quote by Friday..."></textarea>
|
||
</div>
|
||
|
||
<button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 10px;">
|
||
<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>
|
||
Send Estimate Request
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</dialog>
|
||
|
||
<!-- 14. TOAST NOTIFICATION -->
|
||
<div class="toast-notification" id="toast" role="alert" aria-live="polite">
|
||
<div class="toast-icon">
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#060806" 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>
|
||
|
||
<!-- 15. MOBILE STICKY ACTION BAR -->
|
||
<div class="mobile-sticky-bar">
|
||
<div class="mobile-sticky-inner">
|
||
<a href="tel:6617439600" 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:6617439600?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="translations.js"></script>
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|