<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Jasa Auto Detailing dan Supplier Pengharum Ruangan Terbaik. | PT. AR Group Berkah Bersama</title>
    
    <meta name="description" content="Kami adalah tempat terbaik untuk memenuhi kebutuhan jasa auto detailing, salon mobil, interior detailing dan supplier scent diffuser, fragrance, fashion dll.">
    <!--<meta name="keywords" content="Scenting Diffuser, Auto Detailing, Home Detailing, Salon mobil, Pengharum Ruangan, Fragrance, Aroma">-->
    <meta name="author" content="PT. AR Group Berkah Bersama">
    <meta name="robots" content="noindex">
    
    <meta name="google-site-verification" content="ojI9eiNaLuWftzCCX3Ha9WBdgMHCBenP6bY21AthAdk">

    <link rel="canonical" href="https://by-arsolution.com/"/>
    <link rel="icon" type="image/x-icon" href="ar-favicon.ico">
    <!--<meta property="og:site_name" content="AR Solution">-->
    
    <!-- font icons -->
    <link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

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

	@include('corporate/ar-css')

	<style>
        @media (max-width:992px){
            .header{
                height:600px;
            }
            .header .overlay{
                position:unset;
            }
        }
        
        @media (max-width:576px){
            .header{
                height:400px;
            }
        }

        .tochatbe-widget-trigger {
            background-color:#25d366;
            position:fixed;
            bottom:15px;
            right:15px;
            border-radius: 50%;
            font-size: 0px;
            font-weight: bold;
            display: flex;
            align-items: center;
            flex-flow: row;
            padding: 0;
            overflow: hidden;
            width: 50px;
            height: 50px;
            justify-content: center;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        }
    
        .tochatbe-icon-whatsapp {
            font-size: 35px;
            padding: 5px;
            position: relative;
            top: -1px;
        }
        
        .article-banner{
            color:white;
            background-color:#333333;
            padding:15px;
            text-align:center;
            margin-bottom:0;
        }

        .custom-navbar{
            top:0;
            background-color:transparent;
        }

		.fa {
			font-size: 20px;
			text-align: center;
			text-decoration: none;
			margin: 5px 2px;
			border-radius: 50%;
		}
		.fa-big{
			color:#fff;	
			background-color: #25d366;
			width: 50px;
			padding: 10px;
		}
		.fa-small{
			color:#25d366;	
		}
		.fa-telegram{
			color:#0099ff;	
		}
		.fa-instagram{
			color:#fff;	
			background-color: #e1306c;
		}
		.fa-facebook{
			color:#fff;	
			background-color: #1877F2;
		}
		.fa-question{
			color:orange;	
		}
		.qlwapp-account:hover{
		    /*background-color:#cecece;*/
		}
		.qlwapp-name{
		    color:#666666;
		}
		.qlwapp-name:hover{
		    color:red;
		}
		.qlwapp-click{
		    /*Intentionally left blank */
		}
	</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 -->
    
    <!-- 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) -->

</head>
<body>
    
    <!-- Page Navigation -->
    <nav class="navbar custom-navbar navbar-expand-lg navbar-dark" data-spy="affix">
        <div class="container">
            <span class="navbar-brand">
                <img src="assets/imgs/ar-group.png" alt="Logo AR Group Berkah Bersama">
            </span>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul id="main-navbar" class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/ar-clean">AR Clean</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/ar-care">AR Care</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://fashion.by-arsolution.com">AR Fashion</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/gallery">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/testimoni">Testimonials</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- End Of Page Navigation -->

        <div calsss="row" style="margin-top:70px">
            <img src="https://by-arsolution.com/assets/imgs/ar-event-page-1a.jpg" style="width:100%">            
        </div>
        <div calsss="row">
            <img src="https://by-arsolution.com/assets/imgs/ar-event-page-2a.jpg" style="width:100%">            
        </div>


    <section id="overview">
    <iframe
        id="home"
        src="https://www.youtube.com/embed/Uio1MiCjUpg?playlist=Uio1MiCjUpg&loop=1&autoplay=1&mute=1&controls=1&showinfo=1&rel=0"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
        style="width:100%;aspect-ratio: 16 / 9;pointer-events: none"
        loading="lazy" allowfullscreen>
    </iframe>

        <div class="container">
            <h1 class="section-title text-center mb-4">PT. AR Group Berkah Bersama</h1>
            <p>Adalah perusahaan yang berdedikasi untuk memberikan solusi terbaik dalam tiga bidang utama: AR Clean, AR Care, dan AR Fashion. 
            Jadikan kami Destinasi terbaik anda untuk memenuhi kebutuhan pembersihan interior mobil: Auto Detailing, pembersihan furniture: Home Furniture Detailing, pengharuman ruangan: Scenting Diffuser dan Fragrance, serta gaya Anda: Fashion.
            </p>

            <div class="row">
                <div class="col-md-6 feature-cleanx">
                    <div class="card mb-4">
                        <div class="card-body feature">
                            <img src="assets/imgs/ar-clean.png" alt="AR Clean">
                            <p>AR Clean - Kami hadir untuk memberikan solusi terhadap permasalahan anda seperti
                                menghilangkan noda di Matras/kasur, Sofa, Karpet, Jok Mobil yang sulit dibersihkan.
                                Selain itu kami juga menawarkan jasa perawatan interior mobil / Auto Detailing dan lantai seperti poles Marmer,
                                Granit, Terraso, Solid surface, Tegel, Furniture Detailing dll.
                            </p>
                            <a href="/ar-clean" style="color:blue"><i data-feather="shopping-cart"></i> Lihat harga layanan dan jasa</a>
                            
                        </div>
                    </div>
                </div>
                <div class="col-md-6 feature-carex">
                    <div class="card mb-4">
                        <div class="card-body feature">
                            <img src="assets/imgs/ar-care.png" alt="AR Care">
                            <p>AR Care - Merupakan unit kami yang bergerak dibidang pengharum ruangan,
                                Bukan hanya Hotel, Kantor, Tempat ibadah, Instansi resmi lainnya bahkan
                                kami mampu mewujudkan harapan anda memiliki aroma pengharum ditempat
                                tinggal anda. tentunya dengan harga yang terjangkau</p>
                            <a href="https://care.by-arsolution.com" style="color:blue"><i data-feather="shopping-cart"></i> Lihat etalase produk</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 feature-cleanx">
                    <div class="card mb-4">
                        <div class="card-body feature">
                            <img src="assets/imgs/ar-fashion.png" alt="Ar Fashion">
                            <p>AR Fashion - Temukan gaya terbaru untuk seluruh keluarga. Dari pakaian dewasa hingga anak-anak, 
                            kami menawarkan koleksi mode terbaru yang dirancang dengan kualitas dan gaya yang tak tertandingi. 
                            Dengan fokus pada konveksi berkualitas tinggi, kami memberikan pilihan terbaik untuk meningkatkan penampilan Anda dan keluarga.
                            </p>
                            <a href="https://fashion.by-arsolution.com" style="color:blue"><i data-feather="shopping-cart"></i> Lihat etalase produk</a>
                        </div>
                    </div>
                </div>
            </div>
            <p>Bergabunglah dengan AR Group hari ini dan nikmati layanan terbaik dalam pembersihan, pengharuman, dan mode. 
                Jelajahi lebih lanjut tentang layanan kami dan temukan apa yang dapat kami tawarkan untuk memenuhi kebutuhan Anda. 
                Terima kasih telah memilih AR Group sebagai mitra dalam perawatan ruang dan gaya hidup Anda.</p>

        </div>
    </section>

    <section id="gallery" style="margin-top:5px">
        <div class="container">
            <div class="ar-garden-list">
                <p class="title">GALLERY</p>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <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-4">
                    <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-4 margin-top">
                    <img class="box-shadow" src="assets/imgs/gallery/result-home-furniture.jpg" alt="Home Furniture Detailing" style="width:100%">
                </div>
            </div>
            
            <div style="text-align:center;margin:10px">
                <a href="/gallery" style="color:blue">Show More...</a>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            
            <div class="ar-garden-list">
                <p class="title">SHORT VIDEO</p>
            </div>

            <div class="row">
                
                <div>
                    <iframe 
                        style="border-radius:10px;scale:85%" 
                        width="360" 
                        height="640" 
                        src="https://www.youtube.com/embed/cBaxSxyXvrA" 
                        title="Car Interior detailing" 
                        frameborder="0" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                        loading="lazy" allowfullscreen>
                    </iframe>
                </div>

                <div>
                    <iframe 
                        style="border-radius:10px;scale:85%" 
                        width="360" 
                        height="640" 
                        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" 
                        loading="lazy" allowfullscreen>
                    </iframe>             
                </div>
                <div>
                    <iframe 
                        style="border-radius:10px;scale:85%" 
                        width="360" 
                        height="640" 
                        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" 
                        loading="lazy" allowfullscreen>
                    </iframe>
                </div>
                
            </div>

        </div>
    </section>
    
    
    @include('corporate/footer')

    <!-- Start of ChatBox -->
    <div id="chat-box" style="position:fixed; right:15px; z-index:9999; display:block;border:solid thin #9999;border-radius:6px;box-shadow:0 0 15px gray">
    	<div style="width:300px;background:orange;border-radius:6px 6px 0 0;padding:15px;color:#fff">
        	<div style="text-align: right">
                <a id="closeit" class="link" style="cursor:pointer;color:#000000"><i class="ti-close"></i></a>    		
        	</div>
    	    
    		<div style="font-size:2.5rem">Hallo!</div>
    		<div style="-webkit-font-smoothing: antialiased">Silahkan chat dengan marketing kami.</div>
    	</div>
    	
    	<div style="background:#fff;padding:15px 10px;height:200px">
    		<div class="qlwapp-account qlwapp-click" data-phone="6281291996485" data-name="Mr. Abdul Rahman"
    		  style="display:flex;padding:10px;text-decoration:none;cursor:pointer">
    			
    			<div class="qlwapp-avatar" style="width:36px;height:36px;display: flex">
    				<div class="qlwapp-avatar-container" style="width:36px;border-radius:50%">
    					<img alt="CS Avatar" src="assets/imgs/cs-avatar-men.png" style="width:100%;height:auto">
    				</div>
    			</div>
    			
    			<div class="qlwapp-info" style="margin-left:5px"> 
    			    <span style="display:flex;color:#999999" class="qlwapp-label">Marketing</span> 
    				<span style="display:flex" class="qlwapp-name">Mr. Abdul Rahman</span>
    			</div>

    			<div class="qlwapp-info" style="flex-grow: 1;text-align: right">
    				<i class="fa fa-whatsapp fa-small"></i>
    			</div>
    		</div>
    	</div>
    	
    	<div style="padding:10px 20px;background-color:lightgray;border-radius: 0 0 6px 6px;color:#666666;font-size:9pt;text-align:right;-webkit-font-smoothing:antialiased">
    		Copyright 2024
    	</div>
    	
    </div>
    <!-- End of ChatBox -->
    
    <!-- Chat Button -->
	<span id="chat-btn"  style="position:fixed;bottom:12px;right:20px;cursor:pointer;z-index:8888;background-color:#fff;color:#000000;border-radius:50px;padding:3px 5px 0 5px;border:solid 1.5px orange">
        <!--
	    <i class="fa fa-smile-o" style="vertical-align:middle;font-size:18pt"></i>
	    <span style="font-family:helvetica;font-size:13pt;font-style:italic;-webkit-font-smoothing:antialiased;text-decoration:none;vertical-align:middle"> Hallo! ada yang bisa di bantu? </span>
        -->
    	<div>
    		<div class="qlwapp-account" data-phone="6281291996485" data-name="Mr. Abdul Rahman"
    		  style="display:flex;text-decoration:none;cursor:pointer;line-height:1.3;-webkit-font-smoothing:antialiased">
    			
    			<div class="qlwapp-avatar" style="width:36px;height:36px;display: flex">
    				<div class="qlwapp-avatar-container" style="width:36px;border-radius:50%">
    					<img alt="CS Avatar" src="assets/imgs/cs-avatar-men.png" style="width:100%;height:auto;border-radius:50%">
    				</div>
    			</div>
    			
    			<div class="qlwapp-info" style="margin-left:5px"> 
    			    <span style="display:flex;color:#999999;font-size:0.9rem" class="qlwapp-label">Chat Marketing</span> 
    				<span style="display:flex" class="qlwapp-name">Mr. Abdul Rahman</span>
    			</div>

    			<div class="qlwapp-info" style="flex-grow: 1;text-align: right;font-size:1.8rem;margin-left:10px">
    				<i class="fa fa-whatsapp fa-small"></i>
    			</div>
    		</div>
    	</div>
	</span>
	<!-- End of Chat btn -->
	
    
    <!--
    <div class="tochatbe-widget-trigger">
         <a href="https://api.whatsapp.com/send?phone=+628891996485&text=Halo!"><img src="assets/imgs/whatsapp_icon.png" alt="whatsapp-image" width="100%"></a>
    </div>
    -->


    <!-- Javascript section -->
    <!-- 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();

        $(document).ready(function(){
        	var $myPanel = $("#chat-box");
        	var $myPanelHeight = parseInt($myPanel.height());
        	$myPanel.css({"opacity":0,"bottom":"-" + $myPanelHeight + "px"});
    
        	$("#chat-btn").click(function(){
        		setTimeout(function(){
        			$myPanel.animate({
            			opacity: 1,
            			bottom: '60'
            			},500,function(){				 
            		});
            	},100);
        	});
        
        	$("#closeit").click(function(){
        		setTimeout(function(){
        			$myPanel.animate({
            			opacity: 0,
            			bottom: '-' + $myPanelHeight
            			},500,function(){				 
            		});
            	},100);
        	});
        });
    
        btn = document.querySelectorAll(".qlwapp-click");
        for(let i = 0; i < btn.length; i++){
            btn[i].addEventListener("click", async function (e) {
                e.preventDefault();
                
                let phone = btn[i].getAttribute('data-phone');
                let name = btn[i].getAttribute('data-name');
                let token = "{{ csrf_token() }}";

                try {
                    const response = await fetch("home-chat-log", {
                        method: "POST",
                        headers: {
                            'Content-Type': 'application/json'
                        },
                        body:JSON.stringify({phone:phone,name:name,_token:token}),
                    });
                
                    //const result = await response.text();
                    //console.log(result);

                } catch (err) {
                    console.log(err.message);
                }
        
                window.open("https://api.whatsapp.com/send/?phone=" + phone + "&text=Halo AR Solution.");
            });
        }        
    </script>
    
</body>
</html>
