<!-- Update 2025-01-8 -->
<!DOCTYPE html>
<html lang="id">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q829820CCP"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-Q829820CCP');
    </script>
    <!-- End Google tag (gtag.js) -->
    
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Gallery AR Solution</title>
    
    <meta name="description" content="Gallery AR Solution menampilkan visual hasil pekerjaan yang pernah kami lakukan.">
    <meta name="keywords" content="Auto Detailing, Home Detailing, Salon mobil, Scenting Diffuser, Pengharum Ruangan, Fragrance, Aroma"/>
    <meta name="author" content="AR Group">
    <meta name="google-site-verification" content="ojI9eiNaLuWftzCCX3Ha9WBdgMHCBenP6bY21AthAdk" />

    <link rel="icon" type="image/x-icon" href="ar-favicon.ico">

    <!-- Bootstrap + Creative Studio main styles -->
	<link rel="stylesheet" href="assets/css/creative-studio.css">
	<link rel="stylesheet" href="assets/css/styles.css">

    @include('corporate/ar-css')
    <style>
        .breadcrumb-item.active{
            color:#fff;
        }
    </style>

    <!-- AR Clean Meta Pixel Code -->
    <!--
    <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '757924425844513');
        fbq('track', 'PageView');
    </script>
    <noscript>
        <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=757924425844513&ev=PageView&noscript=1"/>
    </noscript>
    <!-- End Meta Pixel Code -->

</head>

<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">

    <nav class="navbar custom-navbar navbar-expand-lg navbar-dark" data-spy="affix" data-offset-top="20">
        <div class="container">
            <a class="navbar-brand">
                <img src="assets/imgs/ar-group.png" alt="image" href="#home" style="height:100%">
            </a>
            <ol class="breadcrumb" style="font-size:12pt">
                <li class="breadcrumb-item"><a href="/">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a>Gallery</a></li>
            </ol>
            
        </div>
    </nav>

    <section id="gallery" style="margin-top:5px">
        <div class="container">
            <div class="ar-garden-list">
                <h3 class="title">BEFORE & AFTER</h3>
            </div>

            <div class="row">
                <div class="col-md-3">
                    <img class="box-shadow margin-top" src="assets/imgs/gallery/result-car-interior-detailing.jpg" alt="Car Interior Detailing" style="width:100%">
                </div>
                <div class="col-md-3">
                    <img class="box-shadow margin-top" src="assets/imgs/gallery/result-home-furniture-sofa-3-seater.jpg" alt="Home Furniture Detailing" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/result-home-furniture.jpg" alt="Leather Jok Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/result-home-furniture-sofa-bed.jpg" alt="Sofa Bed Cleaning" style="width:100%">
                </div>
            </div>

            <div class="ar-garden-list">
                <h3 class="title">PROGRESS</h3>
            </div>

            <div class="row">
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/proggress-cleaning-leather-jok-mobil.jpg" alt="Cleaning Leather Jok Mobil" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/proggress-cleaning-doortrim.jpg" alt="Auto Detailing" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-SHAMPOO-CARPET.jpg" alt="Carpet Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-STOOL.jpg" alt="Stool Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-SPRING-BED.jpg" alt="Spring Bed Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-SOFA.jpg" alt="Sofa Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-PLAFOND.jpg" alt="Plafond Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-PLAFOND-MOBIL.jpg" alt="Plafond Mobile Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-PADDED-WALL.jpg" alt="Padded Wall Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-OFFICE-CHAIRS.jpg" alt="Office Chair Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-JOK-MOBIL.jpg" alt="Jok Mobil Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/PROGRESS-CLEANING-COVER-CHAIRS.jpg" alt="Cover Chairs Cleaning" style="width:100%">
                </div>
                <div class="col-md-3 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/HOME-FURNITURE-CLEANING-CARPET-BALLROOM.jpg" alt="Carpet Ballroom Cleaning" style="width:100%">
                </div>
            </div>

        </div>
    </section>
<!--
    <section>
        <div class="container">
            <div class="ar-garden-list">
                <p class="title">SHORT VIDEO</p>
            </div>
            <div class="row">
                
                <div class="col-md-4">
                    <iframe style="border-radius:10px;scale:75%" width="368" height="655" src="https://www.youtube.com/embed/cBaxSxyXvrA" title="Car Interior detailing" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                
                <div class="col-md-4">
                    <iframe style="border-radius:10px;scale:75%" width="368" height="655" src="https://www.youtube.com/embed/hLGj0IYVx1g" title="Car interior detailing - car seat spotting- www.by-arsolution.com" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>                
                </div>
                <div class="col-md-4">
                    <iframe style="border-radius:10px;scale:75%" width="368" height="655" src="https://www.youtube.com/embed/5AfxOB86goc" title="Shampoo sofa by AR - Clean" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                
            </div>
        </div>
    </section>
    -->

    @include('corporate/footer')

    <!-- core  -->
    <script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
    
    <script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>

    <!-- bootstrap affix -->
    <script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>

    <!-- Creative Studio js -->
    <script src="assets/js/creative-studio.js"></script>

    <!-- Feather icons-->
    <script src="https://unpkg.com/feather-icons"></script>
    <!-- Feather Icons -->
    <script>
        feather.replace();
    </script>
    
</body>
</html>