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,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>
|
||||
Reference in New Issue
Block a user