```html
<!-- Casement Windows Service Card -->
<div class="card bg-white">
    <img src="https://source.unsplash.com/400x200/?window" class="w-full h-48 object-cover" alt="Casement Windows">
    <i class="service-icon fas fa-window-restore"></i>
    <h3 class="text-xl font-semibold mb-3 text-center">Casement Windows</h3>
    <p class="text-gray-600 mb-4 text-center">Reliable casement window installation and repair services</p>
    <ul class="space-y-2 mb-4">
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Energy-efficient design</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Enhanced ventilation</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Customizable options</li>
    </ul>
    <a href="#contact" class="btn-primary w-full block text-center mt-4">Get a Quote</a>
</div>

<!-- Closet Doors Service Card -->
<div class="card bg-white">
    <img src="https://source.unsplash.com/400x200/?closet" class="w-full h-48 object-cover" alt="Closet Doors">
    <i class="service-icon fas fa-door-closed"></i>
    <h3 class="text-xl font-semibold mb-3 text-center">Closet Doors</h3>
    <p class="text-gray-600 mb-4 text-center">Custom closet door solutions for better organization</p>
    <ul class="space-y-2 mb-4">
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Maximize space utilization</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Enhance room aesthetics</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Smooth operation</li>
    </ul>
    <a href="#contact" class="btn-primary w-full block text-center mt-4">Get a Quote</a>
</div>

<!-- Exterior Doors Service Card -->
<div class="card bg-white">
    <img src="https://source.unsplash.com/400x200/?door" class="w-full h-48 object-cover" alt="Exterior Doors">
    <i class="service-icon fas fa-door-open"></i>
    <h3 class="text-xl font-semibold mb-3 text-center">Exterior Doors</h3>
    <p class="text-gray-600 mb-4 text-center">Secure and stylish exterior door installation</p>
    <ul class="space-y-2 mb-4">
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Enhanced security features</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Weather-resistant materials</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Custom designs available</li>
    </ul>
    <a href="#contact" class="btn-primary w-full block text-center mt-4">Get a Quote</a>
</div>

<!-- Glass Replacement Service Card -->
<div class="card bg-white">
    <img src="https://source.unsplash.com/400x200/?glass" class="w-full h-48 object-cover" alt="Glass Replacement">
    <i class="service-icon fas fa-glass-whiskey"></i>
    <h3 class="text-xl font-semibold mb-3 text-center">Glass Replacement</h3>
    <p class="text-gray-600 mb-4 text-center">Professional glass replacement and repair services</p>
    <ul class="space-y-2 mb-4">
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Quick and efficient service</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>High-quality materials</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Custom sizing available</li>
    </ul>
    <a href="#contact" class="btn-primary w-full block text-center mt-4">Get a Quote</a>
</div>

<!-- Patio Doors Service Card -->
<div class="card bg-white">
    <img src="https://source.unsplash.com/400x200/?patio" class="w-full h-48 object-cover" alt="Patio Doors">
    <i class="service-icon fas fa-door-open"></i>
    <h3 class="text-xl font-semibold mb-3 text-center">Patio Doors</h3>
    <p class="text-gray-600 mb-4 text-center">Smooth and stylish patio door installation and repair</p>
    <ul class="space-y-2 mb-4">
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Effortless operation</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Enhanced outdoor views</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Durable materials</li>
    </ul>
    <a href="#contact" class="btn-primary w-full block text-center mt-4">Get a Quote</a>
</div>

<!-- Weatherstripping & Sealing Service Card -->
<div class="card bg-white">
    <img src="https://source.unsplash.com/400x200/?weather" class="w-full h-48 object-cover" alt="Weatherstripping & Sealing">
    <i class="service-icon fas fa-wind"></i>
    <h3 class="text-xl font-semibold mb-3 text-center">Weatherstripping & Sealing</h3>
    <p class="text-gray-600 mb-4 text-center">Energy-efficient weatherstripping and sealing solutions</p>
    <ul class="space-y-2 mb-4">
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Reduce energy costs</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Enhance indoor comfort</li>
        <li class="flex items-start"><i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>Draft prevention</li>
    </ul>
    <a href="#contact" class="btn-primary w-full block text-center mt-4">Get a Quote</a>
</div>
```