&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Pest Control Pros - Expert Local Pest Elimination&lt;/title&gt;
    &lt;meta name=&quot;description&quot; content=&quot;Professional pest control services: ants, rodents, termites, bed bugs. Fast, safe, guaranteed results.&quot;&gt;
    &lt;style&gt;
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; }
        .hero { background: linear-gradient(135deg, #2c5f2d, #4a7c59); color: white; padding: 80px 20px; text-align: center; }
        .hero h1 { font-size: 3em; margin-bottom: 20px; }
        .hero p { font-size: 1.3em; margin-bottom: 30px; max-width: 600px; margin-left: auto; margin-right: auto; }
        .cta { background: #ff6b35; color: white; padding: 15px 30px; text-decoration: none; border-radius: 50px; font-weight: bold; font-size: 1.1em; display: inline-block; transition: transform 0.3s; }
        .cta:hover { transform: scale(1.05); }
        .services { padding: 60px 20px; max-width: 1200px; margin: 0 auto; }
        .services h2 { text-align: center; font-size: 2.5em; margin-bottom: 50px; color: #2c5f2d; }
        .service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
        .service-card { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-align: center; }
        .service-card h3 { color: #4a7c59; margin-bottom: 15px; }
        @media (max-width: 768px) { .hero h1 { font-size: 2em; } }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;section class=&quot;hero&quot;&gt;
        &lt;h1&gt;Pest Control Pros&lt;/h1&gt;
        &lt;p&gt;Your trusted local experts in safe, effective pest elimination. Bugs, rodents, termites — gone fast.&lt;/p&gt;
        &lt;a href=&quot;#services&quot; class=&quot;cta&quot;&gt;See Our Services&lt;/a&gt;
    &lt;/section&gt;
    &lt;section class=&quot;services&quot; id=&quot;services&quot;&gt;
        &lt;h2&gt;Our Services&lt;/h2&gt;
        &lt;div class=&quot;service-grid&quot;&gt;
            &lt;div class=&quot;service-card&quot;&gt;
                &lt;h3&gt;🐜 Ant Control&lt;/h3&gt;
                &lt;p&gt;Eliminate ant colonies with targeted treatments.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class=&quot;service-card&quot;&gt;
                &lt;h3&gt;🐀 Rodent Removal&lt;/h3&gt;
                &lt;p&gt;Trap and exclude mice, rats safely.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class=&quot;service-card&quot;&gt;
                &lt;h3&gt;🐛 Termite Treatment&lt;/h3&gt;
                &lt;p&gt;Protect your home from termite damage.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class=&quot;service-card&quot;&gt;
                &lt;h3&gt;🛏️ Bed Bug Extermination&lt;/h3&gt;
                &lt;p&gt;Complete eradication, heat + chemical.&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;
&lt;/body&gt;
&lt;/html&gt;