<?php
    //Revisi: 2025/01/18
    
    date_default_timezone_set('Asia/Jakarta');
    $category = '';
    
    function visitor_log($msg){
        $log_file_data = 'log/log_' . date('Y-M-d') . '.log';
        file_put_contents($log_file_data,$msg."\n",FILE_APPEND);
    }
    
    function getUserIP()
    {
        // Get real visitor IP behind CloudFlare network
        if (isset($_SERVER["HTTP_CF_CONNECTING_IP"])) {
                  $_SERVER['REMOTE_ADDR'] = $_SERVER["HTTP_CF_CONNECTING_IP"];
                  $_SERVER['HTTP_CLIENT_IP'] = $_SERVER["HTTP_CF_CONNECTING_IP"];
        }
        $client  = @$_SERVER['HTTP_CLIENT_IP'];
        $forward = @$_SERVER['HTTP_X_FORWARDED_FOR'];
        $remote  = $_SERVER['REMOTE_ADDR'];
    
        if(filter_var($client, FILTER_VALIDATE_IP))
        {
            $ip = $client;
        }
        elseif(filter_var($forward, FILTER_VALIDATE_IP))
        {
            $ip = $forward;
        }
        else
        {
            $ip = $remote;
        }
    
        return $ip;
    }

    $user_ip = getUserIP();
    //visitor_log('Log '.date('d-m-Y H:i:s').' Visitor ar-care: '.$user_ip);

?>

<!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 -->
        
    	<meta charset="utf-8">
        <!--meta name="viewport" content="width=device-width, initial-scale=1.0"/-->
        <meta name="viewport"
              content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        
        <title>Aroma Delivery System: Pengharum Ruangan Otomatis</title>

        <meta name="description" content="Aroma Delivery System sebagai solusi untuk pengharum ruangan otomatis modern dan terbaik, persembahan dari AR-CARE">
        <meta name="keywords" content="aroma delivery system, scent diffuser, pengharum ruangan"/>
        <meta name="author" content="PT. AR Group Berkah Bersama">
        <link rel="canonical" href="https://by-arsolution.com/">
    
        <link rel="icon" type="image/x-icon" href="ar-favicon.ico">
    
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    
        <!-- font icons -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
    
        <!-- Bootstrap + Creative Studio main styles -->
    	<link rel="stylesheet" href="assets/css/creative-studio2.css">
    	<link rel="stylesheet" href="assets/css/styles.css">
    
    	<?php echo $__env->make('corporate/ar-css', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    
    	<style>
        	.row{
        	    margin:0;
        	}
        	.breadcrumb{
        	    float:right;
        	}
        	
        	.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
                display: flex;
            }
            
    	    .btn-book-now{
        	    color:white;
        	    background-color:red;
        	    border:thin solid red;
        	    padding:4px 20px;
        	    border-radius:50px;
        	    font-size:18pt;
        	    cursor:pointer;
                -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);
        	}
    
        	.ar-reveal{
                  position: relative;
                  transform: translateY(150px);
                  opacity: 0;
                  transition: 1s all ease;
            }
        
            .ar-reveal.ar-active{
              transform: translateY(0);
              opacity: 1;
            }
        
    	    .zoom-in-out{
    	        animation:zoom-in-zoom-out 2s ease 1s;
    	    }
    	    
    	    @keyframes  zoom-in-zoom-out {
              0% {
                transform: scale(0, 0);
              }
              100% {
                transform: scale(1, 1);
              }
            }
            
            .fade-in{
                animation:fade-in 2s;
            }
            
            @keyframes  fade-in{
                from{
                    opacity:0;
                }
                to{
                    opacity=1;
                }
            }
            
            .custom-navbar{
                /*background-color:#fff;*/
                border-radius:1.2rem;
                top:20px;
            }
    
            /* Navbar AR */
            .navbar-ar {
              overflow: hidden;
              background-color: #333;
            }
            
            .navbar-ar a {
              float: left;
              font-size: 16px;
              color: white;
              text-align: center;
              padding: 14px 16px;
              text-decoration: none;
            }
            .breadcrumb-item.active{
                color:#fff;
            }
            
            .dropdown-ar {
              float: left;
              overflow: hidden;
            }
            
            .dropdown-ar .dropbtn {
              font-size: 16px;  
              border: none;
              outline: none;
              color: white;
              padding: 14px 16px;
              background-color: inherit;
              font-family: inherit;
              margin: 0;
            }
            
            .navbar-ar a:hover, .dropdown-ar a:hover .dropbtn {
              background-color: red;
              color:red;
            }
            
            .fade-ar{
            	animation-name: fade-ar;
            	animation-duration:1.5s;
            }
            @keyframes  fade-ar{
            	from {opacity: .4}
            	to {opacity:1}
            }
    
            .promo-title1{
                font-size:70px;
            }
            .promo-title2{
                font-size:30px;
            }
            .promo-title3{
                margin-top:40px;
                font-size:30px;
            }
                .ar-btn-slide{
                    //display:none;
                }
            
            @media (max-width:992px){
                .header .overlay{
                    background-size:90%;
                    background-position:center 120px;
                }
                
                .promo-title1{
                    font-size:30px;
                }
                .promo-title2{
                    font-size:20px;
                }
                .promo-title3{
                    margin-top:5px;
                    font-size:20px;
                }
                .header-top{
                    margin-top:600px;
                }
            }
            
            @media (max-width:576px){
                .header .overlay{
                    background-size:90%;
                    background-position:center 120px;
                }
                .header-top{
                    margin-top:350px;
                }
                .scent{
                    margin-left:auto;
                    margin-right:auto;
                    text-align:center;
                }
                
                .ar-btn-slide-mobile{
                    //display:block;
                }
                
                .mySlides{
                    margin:10px;
                }
                #hvac{
                    order:2;
                }
                
                #title-revelin{
                    font-size:35px;
                }
            }
    
            @media (min-width:992px){
                .header .overlay{
                    background-position:center 100px;
                }
                .header-top{
                    margin-top:540px;
                }
                .scent{
                    position:absolute;
                    left:800px;
                    margin-top:-100px;
                }
                
    
                #title-revelin{
                    font-size:80px;
                }
    
            }
                .ar-btn-rounded {
                    z-index:1000;
                    position:absolute;
                    top:45%;
                    font-size:24px;
                    font-weight: bold;
                    cursor:pointer;
                    color:#fff;
                    border-radius:50%;
                    background-color:gray;
                    padding:4px 16px;
                    display:block;
                }
                .ar-btn-slide{
                    display:block;
                }
    
            .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;
            }
            
            .ar-overlay{
                min-height:700px;
                background:url(assets/imgs/ar-care-bg-section-1.png) no-repeat center top scroll;
                /*background-size:45%;*/
            }
            
            @font-face {
                font-family: ar-futura-medium;
                src: url(assets/font/Futura_20Medium_20BT.ttf);
            }
            @font-face {
                font-family: Futura Light BT;
                src: url(assets/font/Futura_Light_BT.ttf);
            }
            @font-face {
                font-family: Futura Bold Condensed BT;
                src: url(assets/font/FuturaBoldCondensedBT.ttf);
            }
            @font-face {
                font-family: Myriad Pro;
                src: url(assets/font/MyriadPro-Regular.otf);
            }



		.fa {
			font-size: 3.5rem;
			text-align: center;
			text-decoration: none;
			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 */
		}
		
        .thumbnail-aroma{
            width:33.3333%;
        }            
        .thumbnail-aroma img{
            width:100%;
            border-radius:10px;
        }            
    	</style>
    
    </head>

    <body>
        <header>
            <nav class="navbar custom-navbar navbar-expand-lg navbar-dark" data-spy="affix" data-offset-top="20">
                <div class="container" style="display:inline-block">
                    <span class="navbar-brand">
                        <img src="assets/imgs/ar-group.png" alt="AR Logo">
                    </span>
                    <ol class="breadcrumb" style="font-size:12pt">
                        <!--li class="breadcrumb-item"><a href="/" style="color:white;weight:bold">Home</a></li-->
                        <li class="breadcrumb-item active" aria-current="page"><a style="color:#fff" href="https://care.by-arsolution.com">AR-Care Shop</a></li>
                    </ol>
                </div>
            </nav>
        </header>
        
        <main>
            <section id="hero">
                <div  class="header">
                <div class="overlay ar-overlay">
                    <div class="container text-center header-top" style="max-width:950px">
                        <div class="ar-care-service">
                            <div style="font-family:Futura Light BT;color:#fff;background-color:#74164B;border-radius:40px;padding:25px;margin-bottom:30px">
                                <h1 style="font-family:ar-futura-medium;margin-bottom:10px">Aroma Delivery System</h1>
                                <p>AR Care menghadirkan Aroma Delivery System dan Scent Diffuser terbaik sebagai solusi pengharum ruangan otomatis.</p>
                                <p>Aroma Delivery System hadir sebagai karya seni aromatik yang memikat dan penuh keanggunan. Di dalam setiap tetesnya, terdapat sebuah komposisi harfiah yang mengangkat pengalaman olfaktori anda ke tingkat yang baru.</p>
                                <p>Unit Scent Diffuser dirancang untuk pemasangan yang fleksibel, dapat disesuaikan dengan lokasi dan kebutuhan spesifik anda. 
                                Kami mendorong untuk berkonsultasi dengan tim kami guna mendapatkan pengharum ruangan yang optimal, dengan penempatan yang strategis sesuai dengan aliran udara dan kebutuhan scenting di area tertentu seperti di lobby hotel maupun rumah.</p>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </section>
            <section id="ar-care" style="background-color:#f2f2f2">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8 mx-auto">
                            <div id="title-revelin" class="title text-left">
                                <div style="font-family:Futura Bold Condensed BT">Reveal in
                                <br>the symphony of 15 scent</div>
                            </div>
                            <br><br>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-sm-5" style="padding:10px">
                            <img src="assets/imgs/ar-care-section-2-piramid.png" alt="Piramid" style="width:100%">
                        </div>
                        <div class="col-sm-4" style="padding:10px">
                            <div style="font-family:Myriad Pro;color:#fff;background-color:#74164B;height:100%;padding:15px;border-radius:10px">
                                <h2 style="font-family:Futura Bold Condensed BT;font-size:35px">Notes<br>Triangles :</h2>
                                <p style="margin-top:20px">Top notes membawa keharuman segar dan energetik yang seolah menggoda indra penciuman anda untuk menemukan petualangan baru.</p>
                                <p style="margin-top:20px">Middle notes-nya membawa anda lebih dalam ke dalam keindahan dengan kombinasi.</p>
                                <p style="margin-top:20px">Bottom notes-nya mengundang anda untuk merasakan kehangatan kayu-kayuan yang memikat dan kelembutan vanilla yang memeluk.</p>
                            </div>
                        </div>
                        
                        <div class="col-sm-3" style="padding:10px">
                            <!--img src="assets/imgs/ar-care-section-2-aroma.png" alt="Aroma" style="width:100%"-->
                            <div class="row">
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/1.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/2.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/3.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/4.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/5.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/6.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/7.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/8.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/9.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/10.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/11.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/12.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/13.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/14.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/15.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/16.webp" alt=""/></div>
                                <div class="p-1 thumbnail-aroma"><img src="care/assets/imgs/section-2/17.webp" alt=""/></div>
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
            </section>
        
            <section id="AR Nano">
                <div class="container">
                    <!--<h5 class="section-title text-center mb-4">Company Profile</h5>-->
                    <div class="row align-items-center">
                        <div class="col-md-5 col-lg-4">
                            <img src="assets/imgs/ar-care-section-3-image-scent.png" alt="AR Nano" width="100%">
                        </div>
                        <div class="col-md-7 col-lg-8">
                            <h2 class="section-title mb-3" style="font-family:Futura Bold Condensed BT;font-size:65px;text-align:left">Wall<br>Mounted</h2>
                            <h3 class="section-subtitle mb-0" style="color:black">AR Nano</h3>
                            <p style="font-size:12pt">Instalasi unit scent diffuser pada tembok atau permukaan vertikal lainnya. Pemasangan ini bisa menggunakan screw yang kuat untuk menopang diffuser mesin. 
                            Pemasangan dengan mesin AR NANO cocok untuk luas area small dan medium dimana tidak tersedia HVAC, Tata letak sangat yang baik akan tida  terlalu terlihat namun dapat memberikan penyebaran aroma yang baik</p>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row align-items-center" style="margin:25px 5px">
                        <div class="default-border">
                            <div class="row" style="margin:5px 0">
                                <div class="col-sm-4" style="padding:0;margin:0">
                                    <img src="assets/imgs/ar-care-section-3-image-1.png" alt="image" width="100%">
                                </div>
                                <div class="col-sm-4" style="padding:0;margin:0">
                                    <img src="assets/imgs/ar-care-section-3-image-2.png" alt="image" width="100%">
                                </div>
                                <div class="col-sm-4" style="padding:0;margin:0">
                                    <img src="assets/imgs/ar-care-section-3-image-3.png" alt="image" width="100%">
                                </div>
                            </div>
                        </div>
                    </div>            
                </div>
            </section>
            
            <section id="AR 3000" style="background-color:#f2f2f2">
                <div class="container" style="position:relative">
                    <div class="row" >
                        <div class="col-sm-8" style="text-align:right">
                            <h2 style="font-family:Futura Bold Condensed BT;font-size:65px">Free Standing<br>Installation</h2>
                        </div>
                    </div>
                    <div class="scent">
                        <img src="assets/imgs/ar-care-section-4-image-3.png" alt="AR 3000">
                    </div>
                    <div class="row" style="background-color:#74164B;color:#fff;margin:8px;padding:10px">
                        <div class="col-sm-8" style="text-align:right">
                            <h3>AR 3000 - Standing</h3>
                            <p>Instalasi unit scent diffuser AR 300 pada tembok atau permukaan vertikal lainnya. 
                            Pemasangan ini bisa menggunakan screw yang kuat untuk menopang diffuser mesin.
                            Pemasangan dengan mesin AR N350 cocok untuk luas area small dan medium dimana 
                            tidak tersedia HVAC, Tata letak sangat yang baik akan tida  terlalu terlihat namun dapat 
                            memberikan penyebaran aroma yang baik</p>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-sm-4">
                            <div style="border:2px solid #74164B;padding:20px;margin:8px">
                                <img src="assets/imgs/ar-care-section-4-image-1.png" alt="image" width="100%">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div style="border:2px solid #74164B;padding:20px;margin:8px">
                                <img src="assets/imgs/ar-care-section-4-image-2.png" alt="image" width="100%">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        
            <section id="HVAC System">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8">
                            <h2 style="font-family:Futura Bold Condensed BT;font-size:65px;text-align:right">HVAC<br> System Installation</h2>
                            <img src="assets/imgs/ar-care-section-5-image-1.png" alt="HVAC System Installation" width="100%">
                        </div>
                        <div id="hvac-description" class="col-sm-4" style="background-color:#74164B;color:#fff;padding:80px 10px">
                            <p>Instalasi unit pada sistem ventilasi udara suatu area atau HVAC (Heating, Ventilation, and Air Conditioning).</p>
                            <p>Instalasi dengan system HVAC sangat efisien untuk menyebarkan aroma yang merata di area yang luas. seperti Lobby Hotel, Mall serta Ballroom</p>
                            <p>Aroma disalurkan melalui pipa khusus yang terhubung ke system HVAC sehingga aroma dapat dihembuskan ke seluruh ruangan melalui jalur-jalur yang sudah terpasang.</p>
                        </div>
                    </div>
                </div>
            </section>
            
            <section id="business-reference-slide" style="background:url(assets/imgs/ar-care-section-6-image-1.jpg) no-repeat center center scroll;background-size:cover">
                <div class="container" style="min-height:500px">
                    <div class="row" style="margin-top:100px">
                        <div class="col-sm-6 mx-auto">
                            <div style="color:white;border:2px solid gray;border-radius:30px;margin-bottom:20px;text-align:center">
                                <h2>Business Reference</h2>
                            </div>
                        </div>
                    </div>
        
                    <div class="row" style="position:relative">
                        <div class="col-lg-10 mx-auto">
                            <a class="ar-btn-rounded" style="left:-8px;text-decoration:none" href="#myCarousel" data-slide="prev">&#10094;</a>
                            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                <div class="carousel-inner">
                                    <div class="row item active">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-2.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <p>Dalam dunia SPA, Scenting adalah kunci utama untuk menciptakan suasana yang mengundang relaksasi dan ketenangan.
                                                Aroma yang disebarkan di spa harus lebih dari sekadar harum, ia harus menjadi sarana untuk menenangkan tamu, menciptakan kenyamanan, dan damai.
                                                Dengan aroma, bukan hanya tubuh yang meremajakan, tetapi juga jiwa yang menemukan ketenangan.
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-3.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">BALLROOM</span>
                                            <p>di mana setiap perayaan dihidupkan dengan sentuhan aroma yang mengundang kegembiraan. Ruang ini bukan hanya menyaksikan acara, tetapi menciptakan pengalaman tak terlupakan yang merayakan keharmonisan dan keceriaan. Aroma yang disebarkan memenuhi ruangan, menciptakan atmosfer yang penuh kehangatan, keindahan, dan istimewa.
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-4.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">RUMAH HUNIAH</span>
                                            <p>Dalam perumahan, bukan sekadar tempat tinggal, melainkan rumah yang hidup. 
                                                Aroma yang menyelubungi setiap sudut menciptakan atmosfer hangat dan nyaman. 
                                                Setiap langkah di dalam rumah memberikan pengalaman yang dilengkapi dengan nuansa harum, mengubah tempat tinggal menjadi tempat yang benar-benar berarti
                                                </p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-5.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">RESTAURANT</span>
                                            <p>Rasakan cita rasa yang lezat di restoran anda, ditemani oleh aroma yang memikat selera. 
                                                Setiap hidangan menjadi pengalaman sensorik yang tak terlupakan, di mana kelezatan makanan dipadukan dengan sentuhan harum yang melengkapi suasana santap yang elegan dan bersahaja.
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-6.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">APARTEMENT</span>
                                            <p>Apartement bukan sekadar tempat untuk beristirahat, melainkan oasis pribadi yang diisi dengan aroma yang memeluk kelelahan dan memberikan kenyamanan. 
                                                Setiap sudut ruangan dipenuhi dengan nuansa harum, menciptakan lingkungan yang cocok untuk bersantai dan memanjakan diri setelah seharian aktivitas
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-7.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">HOTEL</span>
                                            <p>Di lobi hotel, Anda akan disambut oleh aroma yang menyapu perasaan hangat dan keramahan. 
                                                Sebuah pengalaman menyenangkan dimulai sejak langkah pertama Anda masuk, memperkenalkan Anda pada ketenangan yang mewakili layanan terbaik.Nuansa ketenangan membuat tamu anda betah berlama-lama di Hotel.</p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-8.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">UNIVERSITY/SCHOOL</span>
                                            <p>Di sini, kami memahami bahwa aroma dapat memainkan peran penting dalam meningkatkan konsentrasi dan semangat belajar.
                                                Menciptakan lingkungan belajar yang tidak hanya memberikan pengetahuan, tetapi juga memberikan pengalaman unik melalui keharuman.</p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-9.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">HOSPITAL</span>
                                            <p>Kami percaya bahwa keharuman dapat memberikan dampak positif pada kesehatan pasien. 
                                                Setiap ruangan di Rumah Sakit dengan aroma kami diperkaya dengan campuran minyak esensial alami yang dipilih khusus untuk merangsang penyembuhan alami tubuh dan meningkatkan suasana hati.</p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-10.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">FITNESS & WELLNESS</span>
                                                <p>Kehadiran aroma yang menyegarkan. Setiap langkah, setiap gerakan, ditemani dengan nuansa harum yang membangkitkan semangat dan memberikan motivasi ekstra.
                                                    Bersiaplah untuk merasakan kebugaran dengan cara baru, di dalam ruang yang tidak hanya memperhatikan tubuh Anda tetapi juga merawat jiwa Anda.</p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-11.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">MEETING ROOM</span>
                                            <p>Di dalam ruang meeting, pengambilan keputusan menjadi lebih inspiratif. Aroma yang menyelubungi ruangan menciptakan suasana yang memotivasi dan merangsang kreativitas. Setiap pertemuan di sini bukan hanya diskusi bisnis, tetapi pengalaman sensorik yang memperkaya ide dan kolaborasi</p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-12.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">LOBBY / WAITING ROOM</span>
                                            <p>Lobi gedung adalah pintu gerbang ke dunia yang berkelas. 
                                                Aroma yang memikat di lobi menggambarkan keramahan dan keanggunan yang menandai setiap langkah Anda. Suasana yang tercipta tidak hanya menyambut kedatangan Anda, tetapi juga membangun antusiasme untuk apa yang ada di dalam
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-13.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">OFFICESS</span>
                                            <p>Di dalam kantor, setiap ruang dipenuhi dengan aroma yang memberikan semangat kerja. Suasana yang berenergi dan menyegarkan memotivasi tim untuk mencapai kinerja terbaik. 
                                                Bekerja di sini bukan hanya tugas, tetapi perjalanan yang diiringi oleh nuansa harum
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row item">
                                        <div class="col-sm-6 m-0 p-0">
                                            <img src="assets/imgs/ar-care-section-6-image-14.png" alt="image" style="width:100%;height:auto">
                                        </div>
                                        <div class="col-sm-6 m-0" style="background:#74164B;color:#fff;padding:10px">
                                            <span style="font-size:14pt">SKIN CARE CLINIC</span>
                                            <p>Perawatan kulit yang efektif tidak hanya melibatkan produk berkualitas tinggi, tetapi juga lingkungan yang menenangkan. 
                                                Oleh karena itu, setiap ruang perawatan diisi dengan aroma alami yang dipilih dengan cermat untuk meningkatkan pengalaman perawatan kulit customer anda.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <a class="ar-btn-rounded" style="right:-8px;text-decoration:none" href="#myCarousel" data-slide="next">&#10095;</a>
                        </div>
                    </div>
                    
                </div>
            </section>
            
            <section id="request-form">
                <div class="container">
                    <div class="row">
                        <div class="cols-dm-2 offset-2">
                            <span style="font-weight:bold;font-size:50px">Dapatkan<br>FREE Percobaan</span>
                        </div>
                    </div>
                    <div class="row">
                        <img src="assets/imgs/ar-care-section-7-image-1.png" alt="steps" style="width:100%;height:auto">                
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="color:#74164B;margin-top:30px">
                            <p>Pahami keunggulan mencapai hasil yang Anda impikan dengan Ambient Scenting. Kami memberikan kesempatan eksklusif berupa Free Trial, 
                            memungkinkan Anda mengalami aroma kami secara langsung sebelum mengadopsi sistem secara menyeluruh. Pastikan kepuasan penuh Anda dengan menghubungi kami.</p>
                        </div>
                        <div class="col-sm-5 mx-auto" style="margin-top:30px">
                            <div style="color:#fff;font-size:20px;background-color:#74164B;width:200px;border-radius:50px;text-align:center"><a href="/ar-care-form" style="color:#fff" aria-label="Free trial">CLICK <br>for free trial</a></div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        
        <footer>
            <?php echo $__env->make('corporate/footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
        </footer>
        <!--
        <div style="position:fixed;bottom:20px;right:80px;z-index:5">
            <span class="btn-book-now">
                <a href="https://care.by-arsolution.com" style="color:white;text-decoration:none" aria-label="AR Care Shop">AR Care Shop <i data-feather="shopping-cart"></i></a>
            </span>
        </div>
        
        <div class="tochatbe-widget-trigger">
             <a href="https://api.whatsapp.com/send?phone=+628891996485&text=Halo!" style="color:#fff" aria-label="Whatsapp"><i class="fa fa-whatsapp tochatbe-icon-whatsapp"></i></a>
        </div>
        -->

    <!-- 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="628891996485" 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">Live Chat</span> 
    				<span style="display:flex" class="qlwapp-name">Sales Consultant</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 -->
    
    <div style="position:fixed;bottom:3px;z-index:8889;right:5px">
        <!-- Shopping Button -->
        <div style="margin:5px">
            <div class="btn-book-now">
                <a href="https://care.by-arsolution.com" style="color:white;text-decoration:none" aria-label="AR Care Shop">AR Care Shop <i data-feather="shopping-cart"></i></a>
            </div>
        </div>
        <!-- -->
        
        <!-- Chat Button -->
    	<div id="chat-btn"  style="margin:5px;cursor:pointer;z-index:8888;background-color:#fff;color:#000000;border-radius:50px;padding:3px 5px 0 5px;border:solid 1.5px orange">
        	<div class="qlwapp-account" 
        	    data-phone="628891996485" 
        	    data-name="Mr. Abdul Rahman"
        	    style="display:flex;justify-content:space-between;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"> 
        		    <div style="color:#999999;font-size:1.4rem" class="qlwapp-label">Live Chat</div> 
        			<div class="qlwapp-name" style="font-size:1.6rem">Sales Consultant</div>
        		</div>
    
        		<div class="qlwapp-info">
        			<i class="fa fa-whatsapp fa-small"></i>
        		</div>
        	</div>
        </div>
    </div>
    	

    
    </body>

    <!-- Javascript Section -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    	
    <!-- 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>

	<script type="text/javascript">
        $(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: '115'
        			},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 = "<?php echo e(csrf_token()); ?>";

                /*
                try {
                    const response = await fetch("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 Care.");
            });
        }

        function openProduct(evt, cityName, tabName) {
                
            // Declare all variables
            var i, tabcontent, tablinks;

            // Get all elements with class="tabcontent" and hide them
            tabcontent = document.getElementsByName(tabName);
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }

            // Get all elements with class="tablinks" and remove the class "active"
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }

            // Show the current tab, and add an "active" class to the button that opened the tab
            document.getElementById(cityName).style.display = "block";
            evt.currentTarget.className += " active";

        }    
    </script>
    
</html>
<?php /**PATH /home/byas1468/public_html/fashion/resources/views/corporate/ar_care.blade.php ENDPATH**/ ?>