---
layout: layouts/base.njk
---

<main>

    <!-- slider Area Start-->
    <div class="slider-area ">
        <div class="slider-active">
            <div class="single-slider  hero-overly slider-height d-flex align-items-center" data-background="assets/img/hero/h1_hero.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-10 mx-auto">
                            <div class="hero__caption">
                                <div class="hero-text1">
                                    <span data-animation="fadeInUp" data-delay=".3s">Leaders in Abrasive Recycling</span>
                                </div>
                                <h1 data-animation="fadeInUp" data-delay=".5s">Quality</h1>
                                <div class="stock-text" data-animation="fadeInUp" data-delay=".8s">
                                    <h2>Garnet</h2>
                                    <h2>Garnet</h2>
                                </div>
                                <div class="hero-text2 mt-110" data-animation="fadeInUp" data-delay=".9s">
                                    <span><a href="/services">Our Services</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="single-slider  hero-overly slider-height d-flex align-items-center" data-background="assets/img/hero/h1_hero.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-11">
                            <div class="hero__caption">
                                <div class="hero-text1">
                                    <span data-animation="fadeInUp" data-delay=".3s">hand car wash and detailing service</span>
                                </div>
                                <h1 data-animation="fadeInUp" data-delay=".5s">advanced</h1>
                                <div class="stock-text" data-animation="fadeInUp" data-delay=".8s">
                                    <h2>Construction</h2>
                                    <h2>Construction</h2>
                                </div>
                                <div class="hero-text2 mt-110" data-animation="fadeInUp" data-delay=".9s">
                                    <span><a href="services.html">Our Services</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- slider Area End-->

    {% include "who-we-are.njk" %}

    <!-- Services Area Start -->
    <div class="services-area1 section-padding30">
        <div class="container">
            <!-- section tittle -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-tittle mb-55">
                        <div class="front-text">
                            <h2 class="">Our Services</h2>
                        </div>
                        <span class="back-text">Services</span>
                    </div>
                </div>
            </div>
            <div class="row gallery-item">
                <div class="col-md-4">
                    <a href="/assets/img/service/001.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/001.webp);"></div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="/assets/img/service/002.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/002.webp);"></div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="/assets/img/service/003.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/003.webp);"></div>
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="/assets/img/service/004.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/004.webp);"></div>
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="/assets/img/service/005.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/005.webp);"></div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="/assets/img/service/006.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/006.webp);"></div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="/assets/img/service/007.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/007.webp);"></div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="/assets/img/service/008.webp" class="img-pop-up">
                        <div class="single-gallery-image" style="background: url(assets/img/service/008.webp);"></div>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="col text-center py-4">
                    <a href="/services" class="btn red-btn2">Read More</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Services Area End -->

    <!-- contact with us Start -->
    <section class="contact-with-area" data-background="assets/img/gallery/section-bg2.jpg">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-9 offset-xl-1 offset-lg-1">
                    <div class="contact-us-caption">
                        <div class="team-info mb-30 pt-45">
                            <!-- Section Tittle -->
                            <div class="section-tittle section-tittle4">
                                <div class="front-text">
                                    <h2 class="">Talk with us</h2>
                                </div>
                                <span class="back-text">Let`s chat</span>
                            </div>
                            <p>We are the market leader when it comes to abrasive recycling. We have 30+ years of Experience in the field of Surface preparation Industries.</p>
                            <a href="/contact" class="white-btn">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- contact with us End-->


</main>