<section class="hero-section">

    <!-- BACKGROUND IMAGE -->
    <div class="hero-bg-image"></div>

    <!-- DARK OVERLAY -->
    <div class="hero-overlay"></div>

    <div class="container">
        <div class="row align-items-center gy-5">

            <!-- LEFT CONTENT -->
            <div class="col-lg-6">
                <div class="hero-content">

                    <!-- BADGE -->
                    <div class="hero-badge">
                        <i class="fa-solid fa-industry"></i>
                        India's Leading Manufacturer
                    </div>

                    <!-- HEADING -->
                    <h1>
                        Industrial
                        <span>Plastic</span>

                        Pallets &
                        Crates
                    </h1>

                    <!-- DESCRIPTION -->
                    <p>
                        Premium HDPE & PP storage solutions
                        for warehousing, logistics, export
                        and heavy-duty industrial applications.
                    </p>

                    <!-- BUTTONS -->
                    <div class="hero-buttons">

                        <a href="#featured-products"
                           class="hero-btn hero-primary-btn">
                            <i class="fa-solid fa-box-open"></i>
                            Explore Products
                        </a>

                        <a href="contact.php"
                           class="hero-btn hero-outline-btn">
                            <i class="fa-brands fa-whatsapp"></i>
                            Get Quote
                        </a>

                    </div>

                    <!-- STATS -->
                    <div class="hero-stats">

                        <div class="hero-stat">
                            <h3>6T+</h3>
                            <span>Load Capacity</span>
                        </div>

                        <div class="hero-stat">
                            <h3>15+</h3>
                            <span>Pallet Models</span>
                        </div>

                        <div class="hero-stat">
                            <h3>100%</h3>
                            <span>Virgin HDPE</span>
                        </div>

                    </div>

                </div>
            </div>

            <!-- RIGHT IMAGE -->
            <div class="col-lg-6">
                <div class="hero-image-wrapper">

                    <img src="assets/images/home-banner.jpg"
                         alt="Plastic Pallets"
                         class="hero-image">

                </div>
            </div>

        </div>
    </div>

</section>