<div class="category-solar">
    <!-- Category Title -->
    <h1 class="category-title">Solar Products</h1>
    
    <!-- Category Description -->
    <div class="category-description">
        <p>Explore our range of solar energy products, including solar panels, inverters, and accessories. Power your home or business with clean, renewable energy.</p>
    </div>
    
    <!-- Category Image -->
    <div class="category-image">
        <img src="https://m2-staging.thermoflux.kunden.it-breitenstein.de/media/wysiwyg/solar-category-image.jpg" alt="Solar Products">
    </div>

    <!-- Products Grid/List -->
    <div class="category-products">
        <!-- Start of Product Grid/List Loop -->
        <div class="product-grid">
            <!-- Example of a single product -->
            <div class="product-item">
                <div class="product-image">
                    <a href="/solar-product-1.html">
                        <img src="https://m2-staging.thermoflux.kunden.it-breitenstein.de/media/catalog/product/solar-product-1.jpg" alt="Solar Product 1">
                    </a>
                </div>
                <div class="product-details">
                    <h2 class="product-name">
                        <a href="/solar-product-1.html">Solar Panel 100W</a>
                    </h2>
                    <span class="price">$199.99</span>
                </div>
            </div>
            <!-- Repeat for more products -->
        </div>
        <!-- End of Product Grid/List Loop -->
    </div>
    
    <!-- Pagination -->
    <div class="pagination">
        <!-- Pagination Links -->
        <a href="#" class="prev-page">&laquo; Previous</a>
        <a href="#" class="next-page">Next &raquo;</a>
    </div>
</div>