<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Workman Lawn Care — Professional Mowing & Property Maintenance | Northeast Ohio</title>
    <meta name="description" content="Commercial-grade lawn mowing, edging, and property maintenance in Brunswick, Medina, Norton, and surrounding Northeast Ohio communities. Veteran-owned. No contracts.">
    <meta property="og:title" content="Workman Lawn Care — Professional Mowing & Property Maintenance">
    <meta property="og:description" content="Commercial-grade lawn care with Scag equipment. Veteran-owned. Serving Northeast Ohio. No contracts, no surprises.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://workmanlawncare.com">
    <meta property="og:image" content="https://workmanlawncare.com/img/hero-bg.jpg">
    <link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --bg: #ffffff;
            --bg-alt: #f8faf9;
            --bg-dark: #1a2e1f;
            --text: #1a1a1a;
            --text-secondary: #555555;
            --text-light: #888888;
            --green: #2d6a3f;
            --green-light: #3d7a50;
            --green-pale: #e8f5ec;
            --green-accent: #4ade80;
            --border: #e8e8e8;
            --border-light: #f0f0f0;
            --white: #ffffff;
            --radius: 10px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }

        /* ─── Nav ─── */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
            padding: 0 32px;
            height: 64px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255,255,255,0.92);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border-light);
        }

        .nav-brand {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            color: var(--text);
        }

        .nav-logo {
            width: 32px;
            height: 32px;
        }

        .nav-wordmark {
            font-size: 1.05rem;
            font-weight: 800;
            letter-spacing: -0.5px;
            color: var(--bg-dark);
        }

        .nav-wordmark span {
            font-weight: 400;
            color: var(--green);
        }

        .nav-right {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .nav-phone {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.9rem;
            font-weight: 500;
        }

        .nav-phone:hover { color: var(--text); }

        .nav-cta {
            display: inline-flex;
            align-items: center;
            padding: 9px 22px;
            background: var(--bg-dark);
            color: var(--white);
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.85rem;
            transition: background 0.2s;
        }

        .nav-cta:hover { background: #243d2b; }

        /* ─── Hero ─── */
        .hero {
            position: relative;
            min-height: 92vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 120px 24px 80px;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: url('/img/vride-action.jpg') center/cover no-repeat;
            filter: brightness(0.3) saturate(0.7);
            z-index: 0;
        }

        .hero::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(26,46,31,0.5) 0%, rgba(26,46,31,0.85) 55%, rgba(255,255,255,1) 100%);
            z-index: 1;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 640px;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 100px;
            font-size: 12px;
            font-weight: 500;
            color: rgba(255,255,255,0.8);
            letter-spacing: 0.8px;
            text-transform: uppercase;
            margin-bottom: 28px;
        }

        .hero h1 {
            font-size: clamp(2.4rem, 5.5vw, 3.4rem);
            font-weight: 800;
            letter-spacing: -1.5px;
            line-height: 1.08;
            margin-bottom: 20px;
            color: var(--white);
        }

        .hero p {
            font-size: 1.1rem;
            color: rgba(255,255,255,0.7);
            line-height: 1.7;
            margin-bottom: 36px;
            font-weight: 300;
        }

        .hero-actions {
            display: flex;
            gap: 12px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            background: var(--white);
            color: var(--bg-dark);
            border-radius: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.2s;
        }

        .btn-primary:hover { background: #f0f0f0; transform: translateY(-1px); }

        .btn-outline-hero {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            background: transparent;
            color: var(--white);
            border: 1px solid rgba(255,255,255,0.25);
            border-radius: 10px;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.95rem;
            transition: all 0.2s;
        }

        .btn-outline-hero:hover { border-color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.05); }

        /* ─── Container ─── */
        .container { max-width: 960px; margin: 0 auto; padding: 0 24px; }

        section { padding: 80px 0; }

        .section-label {
            font-size: 12px;
            font-weight: 600;
            color: var(--green);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .section-title {
            font-size: 1.75rem;
            font-weight: 700;
            letter-spacing: -0.5px;
            margin-bottom: 12px;
            color: var(--text);
        }

        .section-desc {
            color: var(--text-secondary);
            font-size: 1rem;
            font-weight: 400;
            margin-bottom: 48px;
            max-width: 560px;
            line-height: 1.7;
        }

        /* ─── Services Grid ─── */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .service-card {
            background: var(--white);
            border: 1px solid var(--border-light);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.25s;
        }

        .service-card:hover {
            border-color: var(--border);
            box-shadow: 0 8px 32px rgba(0,0,0,0.06);
            transform: translateY(-2px);
        }

        .service-card-img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            display: block;
        }

        .service-card-body {
            padding: 24px;
        }

        .service-icon {
            width: 40px;
            height: 40px;
            background: var(--green-pale);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            margin-bottom: 14px;
        }

        .service-title {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 8px;
            color: var(--text);
        }

        .service-desc {
            font-size: 0.88rem;
            color: var(--text-secondary);
            line-height: 1.6;
        }

        /* ─── Equipment ─── */
        .equipment-section {
            background: var(--bg-alt);
            border-top: 1px solid var(--border-light);
            border-bottom: 1px solid var(--border-light);
        }

        .equipment-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .equipment-card {
            background: #fff;
            border: 1px solid var(--border-light);
            border-radius: 12px;
            padding: 20px;
            text-align: center;
        }

        .equipment-card img {
            width: 100%;
            height: 200px;
            object-fit: contain;
        }

        .equipment-name {
            font-weight: 600;
            margin-top: 12px;
            font-size: 0.95rem;
        }

        .equipment-type {
            color: var(--text-secondary);
            font-size: 0.82rem;
            margin-top: 4px;
        }

        /* ─── Gallery Strip ─── */
        .gallery-section {
            padding: 0;
            overflow: hidden;
        }

        .gallery-strip {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 4px;
        }

        .gallery-img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            display: block;
            transition: transform 0.3s;
        }

        .gallery-img:hover {
            transform: scale(1.03);
        }

        /* ─── About Section ─── */
        .about-section {
            background: var(--bg-alt);
            border-top: 1px solid var(--border-light);
            border-bottom: 1px solid var(--border-light);
        }

        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 48px;
            align-items: center;
        }

        .about-img {
            width: 100%;
            border-radius: 12px;
            object-fit: cover;
            height: 360px;
        }

        .about-text .section-desc {
            margin-bottom: 28px;
        }

        .stats-row {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        .stat {
            text-align: center;
            padding: 20px 12px;
            background: var(--white);
            border: 1px solid var(--border-light);
            border-radius: var(--radius);
        }

        .stat-value {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--green);
            margin-bottom: 2px;
        }

        .stat-label {
            font-size: 0.75rem;
            color: var(--text-light);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 500;
        }

        /* ─── Areas ─── */
        .areas-list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .area-tag {
            padding: 8px 18px;
            background: var(--bg-alt);
            border: 1px solid var(--border);
            border-radius: 100px;
            font-size: 0.88rem;
            font-weight: 500;
            color: var(--text-secondary);
            transition: all 0.2s;
        }

        .area-tag:hover { border-color: var(--green); color: var(--green); }

        /* ─── CTA Section ─── */
        .cta-section {
            position: relative;
            text-align: center;
            padding: 100px 24px;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: url('/img/suburban-home.jpg') center/cover no-repeat;
            filter: brightness(0.2) saturate(0.6);
            z-index: 0;
        }

        .cta-section::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(26,46,31,0.85) 0%, rgba(26,46,31,0.95) 100%);
            z-index: 1;
        }

        .cta-content {
            position: relative;
            z-index: 2;
        }

        .cta-section .section-label { color: var(--green-accent); }
        .cta-section .section-title { color: var(--white); font-size: 2rem; margin-bottom: 12px; }
        .cta-section p { color: rgba(255,255,255,0.6); margin-bottom: 32px; font-size: 1rem; }

        .cta-buttons {
            display: flex;
            justify-content: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .btn-cta-primary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            background: var(--white);
            color: var(--bg-dark);
            border-radius: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.2s;
        }

        .btn-cta-primary:hover { background: #f0f0f0; }

        .btn-cta-secondary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            background: transparent;
            border: 1px solid rgba(255,255,255,0.2);
            color: rgba(255,255,255,0.8);
            border-radius: 10px;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.95rem;
            transition: all 0.2s;
        }

        .btn-cta-secondary:hover { border-color: rgba(255,255,255,0.4); color: var(--white); }

        .contact-row {
            display: flex;
            justify-content: center;
            gap: 28px;
            margin-top: 28px;
            flex-wrap: wrap;
        }

        .contact-item {
            font-size: 0.85rem;
            color: rgba(255,255,255,0.4);
        }

        .contact-item a {
            color: rgba(255,255,255,0.5);
            text-decoration: none;
        }

        .contact-item a:hover { color: rgba(255,255,255,0.8); }

        /* ─── Footer ─── */
        footer {
            border-top: 1px solid var(--border-light);
            padding: 40px 0;
            text-align: center;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 24px;
            margin-bottom: 16px;
            flex-wrap: wrap;
        }

        .footer-links a {
            color: var(--text-light);
            text-decoration: none;
            font-size: 0.82rem;
            font-weight: 400;
            transition: color 0.2s;
        }

        .footer-links a:hover { color: var(--text-secondary); }

        .footer-copy {
            font-size: 0.78rem;
            color: var(--text-light);
        }

        /* ─── Mobile ─── */
        @media (max-width: 768px) {
            nav { padding: 0 16px; }
            .nav-phone { display: none; }
            .nav-wordmark { font-size: 0.9rem; }
            .hero { min-height: 88vh; padding: 100px 20px 60px; }
            section { padding: 56px 0; }
            .services-grid { grid-template-columns: 1fr; }
            .equipment-grid { grid-template-columns: 1fr; }
            .gallery-strip { grid-template-columns: 1fr; }
            .gallery-img { height: 220px; }
            .about-grid { grid-template-columns: 1fr; gap: 32px; }
            .about-img { height: 240px; }
            .stats-row { grid-template-columns: repeat(2, 1fr); }
            .hero-actions { flex-direction: column; align-items: center; }
            .btn-primary, .btn-outline-hero { width: 100%; justify-content: center; max-width: 280px; }
            .cta-buttons { flex-direction: column; align-items: center; }
            .btn-cta-primary, .btn-cta-secondary { width: 100%; justify-content: center; max-width: 280px; }
            .contact-row { flex-direction: column; align-items: center; gap: 12px; }
        }
    </style>
</head>
<body>

    <!-- Nav -->
    <nav>
        <a href="/" class="nav-brand">
            <img src="/img/favicon.svg" alt="Workman Lawn Care" class="nav-logo">
            <div class="nav-wordmark">WORKMAN <span>LAWN</span></div>
        </a>
        <div class="nav-right">
            <a href="tel:+13307035131" class="nav-phone">330-703-5131</a>
            <a href="tel:+13307035131" class="nav-cta">Get a Quote</a>
        </div>
    </nav>

    <!-- Hero -->
    <section class="hero">
        <div class="hero-content">
            <div class="hero-badge">Veteran-Owned · Medina County, Ohio</div>
            <h1>Your Property.<br>Our Problem.</h1>
            <p>Commercial-grade mowing and property maintenance across Northeast Ohio. We run Scag equipment, show up on schedule, and leave your lawn looking like it should. No contracts. No excuses.</p>
            <div class="hero-actions">
                <a href="tel:+13307035131" class="btn-primary">Call 330-703-5131</a>
                <a href="/cdn-cgi/l/email-protection#92e5fde0f9fff3fcfef3e5fce2e0fdd2f5fff3fbfebcf1fdff" class="btn-outline-hero">Email for a Quote</a>
            </div>
        </div>
    </section>

    <!-- Services -->
    <section>
        <div class="container">
            <div class="section-label">Services</div>
            <h2 class="section-title">What We Handle</h2>
            <p class="section-desc">We keep it simple — mowing, edging, cleanup, done. Same crew, same schedule, same results every week.</p>

            <div class="services-grid">
                <div class="service-card">
                    <img src="/img/vride-action.jpg" alt="Scag V-Ride II mowing a commercial property" class="service-card-img" loading="lazy">
                    <div class="service-card-body">
                        <div class="service-icon">🌿</div>
                        <div class="service-title">Weekly Mowing</div>
                        <div class="service-desc">Consistent weekly or bi-weekly cuts with commercial Scag mowers. Clean stripes, proper blade height, every time.</div>
                    </div>
                </div>
                <div class="service-card">
                    <img src="/img/front-yard.jpg" alt="Clean edging along walkways and driveways" class="service-card-img" loading="lazy">
                    <div class="service-card-body">
                        <div class="service-icon">✂️</div>
                        <div class="service-title">Edging & Trimming</div>
                        <div class="service-desc">Crisp edges along every sidewalk, driveway, and bed. String trimming around fences, trees, and anything the mower can't reach.</div>
                    </div>
                </div>
                <div class="service-card">
                    <img src="/img/fall-leaves.jpg" alt="Fall leaf cleanup and removal" class="service-card-img" loading="lazy">
                    <div class="service-card-body">
                        <div class="service-icon">🍂</div>
                        <div class="service-title">Seasonal Cleanup</div>
                        <div class="service-desc">Spring debris removal and fall leaf cleanup so your property looks sharp year-round. We handle the mess — you skip the work.</div>
                    </div>
                </div>
                <div class="service-card">
                    <img src="/img/commercial-building.jpg" alt="Commercial property grounds maintenance" class="service-card-img" loading="lazy">
                    <div class="service-card-body">
                        <div class="service-icon">🏢</div>
                        <div class="service-title">Commercial Properties</div>
                        <div class="service-desc">Office parks, retail lots, and commercial buildings. Your customers see the property before they see you — we make sure it's right.</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Equipment -->
    <section class="equipment-section">
        <div class="container">
            <div class="section-label">Equipment</div>
            <h2 class="section-title">Commercial Scag Mowers</h2>
            <p class="section-desc">No homeowner machines. We run the same equipment trusted by the top commercial crews in the country.</p>

            <div class="equipment-grid">
                <div class="equipment-card">
                    <img src="/img/scag-vride.jpg" alt="Scag V-Ride II stand-on mower" loading="lazy">
                    <div class="equipment-name">Scag V-Ride II</div>
                    <div class="equipment-type">Stand-On Zero-Turn</div>
                </div>
                <div class="equipment-card">
                    <img src="/img/scag-cheetah.jpg" alt="Scag Cheetah II zero-turn rider" loading="lazy">
                    <div class="equipment-name">Scag Cheetah II</div>
                    <div class="equipment-type">Zero-Turn Rider</div>
                </div>
                <div class="equipment-card">
                    <img src="/img/scag-turftiger.jpg" alt="Scag Turf Tiger II commercial mower" loading="lazy">
                    <div class="equipment-name">Scag Turf Tiger II</div>
                    <div class="equipment-type">Heavy-Duty Zero-Turn</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Gallery Strip -->
    <section class="gallery-section">
        <div class="gallery-strip">
            <img src="/img/suburban-home.jpg" alt="Manicured residential lawn" class="gallery-img" loading="lazy">
            <img src="/img/hero-bg.jpg" alt="Professional lawn striping results" class="gallery-img" loading="lazy">
            <img src="/img/front-yard.jpg" alt="Landscaped front yard with clean edges" class="gallery-img" loading="lazy">
        </div>
    </section>

    <!-- About -->
    <section class="about-section">
        <div class="container">
            <div class="about-grid">
                <img src="/img/suburban-home.jpg" alt="Well-maintained residential property" class="about-img" loading="lazy">
                <div class="about-text">
                    <div class="section-label">About Us</div>
                    <h2 class="section-title">Same Owners. Same Standards.</h2>
                    <p class="section-desc">We own and operate Workman Firearms and Range 42 — indoor shooting ranges and training facilities here in Northeast Ohio. We already maintain 7 commercial properties ourselves, so we built a crew and opened it up to the community. You get the same discipline, same accountability, and same attention to detail we put into everything we do.</p>

                    <div class="stats-row">
                        <div class="stat">
                            <div class="stat-value">7</div>
                            <div class="stat-label">Properties</div>
                        </div>
                        <div class="stat">
                            <div class="stat-value">Zero</div>
                            <div class="stat-label">Contracts</div>
                        </div>
                        <div class="stat">
                            <div class="stat-value">USMC</div>
                            <div class="stat-label">Veteran</div>
                        </div>
                        <div class="stat">
                            <div class="stat-value">NE Ohio</div>
                            <div class="stat-label">Based</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Service Area -->
    <section>
        <div class="container">
            <div class="section-label">Service Area</div>
            <h2 class="section-title">Where We Work</h2>
            <p class="section-desc">Focused on Medina County and surrounding communities. If you're in the area, we'll come take a look and give you a straight answer.</p>

            <div class="areas-list">
                <span class="area-tag">Brunswick</span>
                <span class="area-tag">Medina</span>
                <span class="area-tag">Norton</span>
                <span class="area-tag">Strongsville</span>
                <span class="area-tag">North Royalton</span>
                <span class="area-tag">Hinckley</span>
                <span class="area-tag">Wadsworth</span>
                <span class="area-tag">Copley</span>
                <span class="area-tag">Broadview Heights</span>
            </div>
        </div>
    </section>

    <!-- CTA -->
    <section class="cta-section">
        <div class="cta-content">
            <div class="container">
                <div class="section-label">Get Started</div>
                <h2 class="section-title">One call. Free estimate.</h2>
                <p>We'll come look at your property and tell you exactly what it'll cost. No pressure, no games.</p>

                <div class="cta-buttons">
                    <a href="tel:+13307035131" class="btn-cta-primary">Call 330-703-5131</a>
                    <a href="/cdn-cgi/l/email-protection#55223a273e38343b3934223b25273a153238343c397b363a38" class="btn-cta-secondary"><span class="__cf_email__" data-cfemail="c2b5adb0a9afa3acaea3b5acb2b0ad82a5afa3abaeeca1adaf">[email&#160;protected]</span></a>
                </div>

                <div class="contact-row">
                    <div class="contact-item">📞 <a href="tel:+13307035131">330-703-5131</a></div>
                    <div class="contact-item">✉️ <a href="/cdn-cgi/l/email-protection#01766e736a6c606f6d60766f71736e41666c60686d2f626e6c"><span class="__cf_email__" data-cfemail="ec9b839e87818d82808d9b829c9e83ac8b818d8580c28f8381">[email&#160;protected]</span></a></div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-links">
                <a href="https://workmanfirearms.com">Workman Firearms</a>
                <a href="https://range42.com">Range 42</a>
                <a href="https://glenworkman.com">Glen Workman</a>
            </div>
            <div class="footer-copy">&copy; 2026 Workman Lawn Care · Veteran-Owned · Northeast Ohio</div>
        </div>
    </footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"7b24312f6350429982c794230df151f0","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html>
