/* global React */ const DS = window.GaskinsLawnCareDesignSystem_2f7300; const { Wordmark, Button, Badge, SectionHeading, Card, Ribbon, Starburst, Callout, Tag, Input, Select, Checkbox, IconButton } = DS; /* ---------- icons (Lucide-style, matching the DS kit) ---------- */ const Icon = (paths, size = 22) => ( {paths} ); const icons = { mower: Icon(<>), scissors: Icon(<>), sprout: Icon(<>), wind: Icon(<>), phone: Icon(), mail: Icon(<>), pin: Icon(<>), check: Icon(), star: Icon(, 16), clock: Icon(<>), shield: Icon(), arrowDown: Icon(<>), }; const PHONE = "(336) 465-6620"; /* FormSubmit — quote requests get emailed to this address (no account/key needed). First real submission triggers a one-time "Activate Form" email to this inbox; click that link once and all future submissions come through automatically. */ const LEAD_EMAIL = "levisamuelgaskins@gmail.com"; const container = { maxWidth: 'var(--container-lg)', margin: '0 auto', width: '100%', padding: '0 24px' }; function go(id) { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 40, behavior: 'smooth' }); } const VIDEO_URL = "assets/hero.mp4"; /* reveal-on-scroll: adds `.in` when the element enters view. Stagger by setting an inline transition-delay on the caller. */ function useReveal(threshold = 0.15) { const ref = React.useRef(null); React.useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { el.classList.add('in'); io.unobserve(el); } }); }, { threshold }); io.observe(el); return () => io.disconnect(); }, [threshold]); return ref; } /* frosted panel that keeps content legible over the moving scene */ function Glass({ children, style = {}, className = '', ...rest }) { return (
{children}
); } /* ---------- Fixed nav ---------- */ function TopChrome() { return ( <>
); } /* section wrapper — sized to content so the page stays tight */ function Section({ id, children, align = 'center', pad = '66px 0' }) { return (
{children}
); } /* ---------- Hero ---------- */ function Hero() { const shadow = { textShadow: '0 3px 24px rgba(15,17,10,0.9), 0 1px 2px rgba(15,17,10,0.95)' }; return (
Levi Gaskins, owner of Gaskins Lawn Care
Levi Gaskins
Owner & Operator

Born and raised in Asheboro. I started Gaskins to give my neighbors sharp, dependable lawn care at a fair price — every yard gets the same attention I’d give my own.

{icons.pin} Asheboro & Randolph County, NC
Details matter.

The sharpest lawn
on the block.

Reliable, locally owned lawn care at honest prices. Free estimate in under a minute — no pressure.

{['Free estimates', 'Locally owned', 'Call or text'].map(t => ( {icons.check} {t} ))}
go('services')} style={{ cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 10, color: 'var(--cream-200)', fontFamily: 'var(--font-heading)', fontWeight: 600, fontSize: 12, letterSpacing: '.16em', textTransform: 'uppercase', ...shadow }}> {icons.arrowDown} Scroll for details
); } /* ---------- Glowing gradient feature card ---------- */ const BigIcon = (paths) => ( {paths} ); function FeatureCard({ title, description, icon, gradient, delay = 0 }) { const ref = useReveal(); return (
{icon}

{title}

{description}

); } /* ---------- Services (glowing feature cards) ---------- */ function Services() { const list = [ { title: 'Lawn Mowing', icon: BigIcon(<>), gradient: 'linear-gradient(137deg, #A4BE39 0%, #E1EDA8 45%, #6E8221 100%)', desc: 'Crisp, even cuts on a schedule that fits your yard — striped, clean, and consistent every visit.', }, { title: 'Edging', icon: BigIcon(<>), gradient: 'linear-gradient(137deg, #B8CF55 0%, #FBF8EF 45%, #4A6534 100%)', desc: 'Sharp, defined borders along walks, beds, and driveways. The detail that makes a yard look finished.', }, { title: 'Weed Eating', icon: BigIcon(<>), gradient: 'linear-gradient(137deg, #CEE07C 0%, #A4BE39 45%, #2E4020 100%)', desc: 'Trimmed fence lines, posts, and tight corners the mower can\u2019t reach. Nothing left shaggy.', }, { title: 'Blowing Off', icon: BigIcon(<>), gradient: 'linear-gradient(137deg, #7FA9B8 0%, #B8CF55 45%, #223016 100%)', desc: 'Every driveway, walkway, and porch blown clean before we leave. We treat it like our own.', }, ]; return (
What We Do

Everything your lawn needs to stay sharp all season — bundled or à la carte.

{list.map((s, i) => ( ))}
); } /* ---------- Why Us + proof ---------- */ function WhyUs() { const points = [ { icon: icons.check, t: 'Details matter', d: 'We treat every yard like the front of a magazine — clean lines, no missed corners.' }, { icon: icons.clock, t: 'Show up on time', d: 'We come when we say we will, and we text you when we\u2019re on the way.' }, { icon: icons.shield, t: 'Honest pricing', d: 'Fair, affordable rates and a free estimate before any work starts.' }, ]; return (
Why Gaskins

A locally owned crew out of Asheboro. No call centers, no runaround — just a well-kept lawn and a handshake you can trust.

{points.map(pt => (
{pt.icon}
{pt.t}
{pt.d}
))}
{[0,1,2,3,4].map(i => {icons.star})}

“Levi does what he says and the yard looks perfect every single week. You can tell he actually cares.”

D
Dana R.
Asheboro, NC
); } /* ---------- Service area ---------- */ function ServiceArea() { const areas = ['Asheboro', 'Randolph County', 'Franklinville', 'Ramseur', 'Sophia', 'Trinity', 'Archdale', 'Seagrove']; return (
Service Area

Proudly serving Asheboro and the surrounding Randolph County communities.

{areas.map((a, i) => {a})}
); } /* ---------- Book Now (arrives as the lawn finishes) ---------- */ function BookNow() { const [sent, setSent] = React.useState(false); const [sending, setSending] = React.useState(false); const [error, setError] = React.useState(""); const [textMe, setTextMe] = React.useState(true); async function handleSubmit(e) { e.preventDefault(); setError(""); setSending(true); try { const res = await fetch("https://formsubmit.co/ajax/" + encodeURIComponent(LEAD_EMAIL), { method: "POST", headers: { Accept: "application/json" }, body: new FormData(e.target), }); const data = await res.json(); if (data.success === true || data.success === "true") { setSent(true); } else { setError(data.message || "Something went wrong. Please call or text us instead."); } } catch (err) { setError("Couldn't send — check your connection, or just call or text us."); } finally { setSending(false); } } return (
Free Estimates

Get your
quote
today.

Tell us about your yard and we’ll text you a price. No pressure, no obligation.

{sent ? (
{icons.check}

Request sent!

Thanks — Levi will text you a quote shortly.

) : (
{/* FormSubmit config — controls the email; not shown to visitors */} {/* Honeypot: bots fill this, humans never see it */}
setTextMe(e.target.checked)} />
{error && (
{error}
)}
)}
); } function Footer() { return (
Ready when you are. {icons.phone} {PHONE}
{icons.mail} levisamuelgaskins@gmail.com

{icons.pin} Asheboro, NC
Levi Gaskins
); } function App() { return ( <>