<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
  <title>Home_<?php echo e(env('APP_NAME')); ?></title>
  <link rel="stylesheet" href="/mamber/layui.css"> 
  <link rel="stylesheet" href="/mamber/common.css?t=1.2"> 
  <link rel="stylesheet" href="/mamber/swiper-bundle.min.css"> 
  <style>
			.index_balance_item {
				width: 150px;
				text-align: center;
				padding: 0 15px;
			}

			.index_balance_label {
				font-family: Arial, Arial;
				font-weight: 400;
				font-size: 16px;
				color: #3D3D3D;
				line-height: 18px;
				text-align: left;
				font-style: normal;
				text-transform: none;
			}

			.index_balance_value {
				margin-top: 10px;
				font-family: Arial, Arial;
				font-weight: 400;
				font-size: 24px;
				color: #3D3D3D;
				line-height: 28px;
				text-align: left;
				font-style: normal;
				text-transform: none;
			}

			.step_btn {
				width: 120px !important;
			}

			.product_image {
				width: 105px;
				height: 105px !important;
				background: #ffffff;
				border-radius: 8px;
				padding-bottom: 0px !important;
			}

			.product_image img {
				width: 105px;
				height: 105px;

				border-radius: 8px;
			}

			.product_card .product_content {
				padding: 15px !important;
			}

			.product_vip_btn {
				width: 70px;
				height: 26px;
				background: #F5ECD8;
				font-family: DingTalk JinBuTi, DingTalk JinBuTi;
				font-weight: 400;
				font-size: 16px;
				color: #DB9800;
				text-align: center;
				font-style: normal;
				text-transform: none;
				border-radius: 8px;
			}

			.product_vip_btn {
				position: absolute;
				top: 0px;
				right: 0px;
				border-radius: 0 12px 0 12px;
			}

			.product_card .product_content .product_title .product_info {
				padding: 0px;
			}

			.product_name {
				font-family: Arial, Arial;
				font-weight: 700;
				font-size: 16px;
				color: #3D3D3D !important;
				line-height: 16px;
				text-align: left;
				margin-bottom: 0px !important;
			}

			.product_info {
				padding-right: 15px !important;
			}

			.product_card .product_content .price {
				font-weight: 700;
				color: #181818;
				font-size: 14px !important;
				line-height: 14px !important;
			}

			.unit {
				color: #181818 !important;
				position: unset !important;
				font-weight: 700;
			}

			.product_item .label {
				font-weight: 400;
				font-size: 12px;
				color: #666666;
				line-height: 14px;
			}

			.product_item .value {
				margin-left: 0px !important;
				color: #51595D !important;
				font-weight: 400 !important;
			}

			.buy_btn {
				width: 120px;
				height: 38px;
				background: #104B91;
				border-radius: 6px 6px 6px 6px;
				padding: 0 10px;
				font-family: Arial, Arial;
				font-weight: 700;
				font-size: 18px;
				color: #FFFFFF;
				line-height: 38px;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}

			.dialog_product_image {
				text-align: center;
				width: 100%;
				padding-bottom: 20px;
				border-bottom: 1px solid #E9E9E9;
			}

			.product_type_content {
				height: 75px;
			}

			.dialog_product_image {
				text-align: center;
				width: 100%;
				padding-bottom: 20px;
				border-bottom: 1px solid #E9E9E9;
			}

			.product_details_dialog .dialog_unit {
				position: absolute;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 14px;
				color: #CFD0D9;
				top: -5px !important;
				left: -10px !important;
			}

			.product_card .product_item .label {
				color: #666666 !important;
			}

			.product_card .product_item .value {
				color: #51595D !important;
			}

			.product_nav_list {
				position: sticky;
				top: 5px;
				z-index: 9998;
				box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.41);
			}

			.nav_card {
				padding: 10px;
				height: 40px;
				line-height: 40px;
				background: linear-gradient(115deg, #FCEFDC 0%, #FCEFDC 100%);
				border-radius: 8px 8px 8px 8px;
				border: 2px solid #FFFFFF;
			}

			.nav_card_image {
				width: 40px;
				height: 40px;
			}

			.nav_card_title {
				padding-left: 10px;
				font-family: Arial, Arial;
				font-weight: 700;
				font-size: 16px;
				color: #372F2D;
				line-height: 40px;
				text-align: left;
			}

			.nav_card_right {
				margin-left: 10px;
				width: 20px;
				height: 13px;
				margin-top: 14px;
			}
		</style> 
 </head> 
 <body> 
  <div style="position: relative;"> 
   <div class="banner" style="background:#d2aa69;border-radius:0px;"> 
    <img src="/mamber/img/logo.svg" class="" style="height:50px;border-radius:5px;margin:10px;padding:10px;background:#fff;"> 
    <div class="txt" style="font-family: Arial;font-weight: 700;font-size: 16px;color: #FFFFFF;line-height: 18px;text-align: left;"> 
     <h4>Growth Is Life</h4> 
     <p>R.Co Industries Limited is a Fortune 500® company and the largest private corporation in Indonesia</p> 
    </div> 
    <div class="img" style="position:absolute;top:0px;right:0px;height:235px;"> 
     <img src="/mamber/img/1.png" alt="" style="height:253px;"> 
    </div> 
   </div> 
   <div class="aboutUs" style="margin-top:10px;padding:20px;"> 
    <p style="font-size:18px;color:#2a415c;"> R.Co is the largest and most profitable private company in Indonesia. Our motto “Growth Is Life” accurately reflects the spirit of R.Co’s continual expansion. Over more than four decades, we have emerged as one of Indonesia’s most valuable, stakeholder‑oriented organizations, building high‑value assets for the nation and innovating for a better future for all Indonesians. </p> 
   </div> 
   <div class="title" style="padding:20px;color:#d2aa69;font-size:22px;"> 
    <h3>Our Businesses</h3> 
   </div> 
   <div style="padding:20px;"> 
    <h4>Energy</h4> 
    <img src="/mamber/img/J01.jpg" alt="" style="width:100%;margin-bottom:30px;"> 
    <h4>Petrochemicals</h4> 
    <img src="/mamber/img/J02.jpg" alt="" style="width:100%;margin-bottom:30px;"> 
    <h4>Retail</h4> 
    <img src="/mamber/img/J03.jpg" alt="" style="width:100%;margin-bottom:30px;"> 
    <h4>Digital Services – Jio</h4> 
    <img src="/mamber/img/J04.jpg" alt="" style="width:100%;margin-bottom:30px;"> 
    <h4>New Energy &amp; Advanced Materials</h4> 
    <img src="/mamber/img/J05.jpg" alt="" style="width:100%;margin-bottom:30px;"> 
    <h4>Media &amp; Entertainment</h4> 
    <img src="/mamber/img/J06.jpg" alt="" style="width:100%;margin-bottom:30px;"> 
    <p>© 2025 R.Co Industries Limited. All rights reserved.</p> 
   </div> 
  </div>
  
  <!--
  <div id="open_dialog" class="position" style="width: 100%;height: auto;display: none;background: #fff;border-radius: 15px;"> 
   <div style="padding:30px 20px;"> 
    <div class="flex_left"> 
     <img src="/public/site/img/index/dialog_telegram.png" style="width: 60px; height: 60px;"> 
     <div style="margin-left:10px;"> 
      <div class="channel_title" style="text-align: left; font-family: Arial; font-weight: 700; font-size: 20px; color: #333333; line-height: 23px;">
        Official Channel 
      </div> 
      <div class="channel_text" style="margin-top:5px; font-weight: 400; font-size: 14px; color: #818393; line-height: 16px; text-align: left;">
        Follow our official channel for the latest news 
      </div> 
     </div> 
    </div> 
    <div style="margin: auto; text-align: center; width: 100%;"> 
     <a href="https://t.me/+OamnjpazeO1iZDY1" class="layui-btn follow_btn" style="background:#053c8f;"> Follow Channel </a> 
    </div> 
   </div> 
  </div-->
  <div class="layui-layer-shade" id="layui-layer-shade1" times="1" style="z-index: 19891014; background-color: rgb(0, 0, 0); opacity: 0.3;"></div>
  <div class="layui-layer layui-layer-page  layer-anim layer-anim-00" id="layui-layer1" type="page" times="1" showtime="0" contype="string" style="z-index: 19891015; width: 90%; height: auto; position: fixed; top: 185.5px; left: 18px;">
   <div class="layui-layer-content" style="height: 298px;">
    <div class="dialog">
     <div class="dialog_contents">
      <div class="logo">
       <img src="/mbtech/telegram.png" style="">
      </div>
      <div class="title" style="margin:15px 0;text-align: center;font-weight: 700;font-size: 20px;">
       Official Information Release
      </div>
      <div class="text" style="text-align: center;font-weight:400;font-size: 14px;color: #818393;line-height: 24px;">
       Follow our official telegram channel to get the latest news and welfare information
      </div>
     </div>
     <div class="btn_group">
      <div class="cancel">
       Cancel
      </div>
      <a href="https://t.me/the_mamber001" class="confirm">Follow Now</a>
     </div>
    </div>
   </div>
   <div class="layui-layer-setwin"></div>
   <span class="layui-layer-resize"></span>
  </div>
  <div class="layui-layer-move" id="layui-layer-move"></div>
     
  
  <div class="footer_menu"> 
   <div class="content"> 
    <a href="/" class="item active"> <img src="/mamber/img/logo.svg"> <p>About</p> </a> 
    <a href="/invest" class="item "> <img src="/mamber/img/INCEST.svg"> <p>Investments</p> </a> 
    <a href="/club" class="item "> <img src="/mamber/img/clbu.jpg" style="width:28px;"> <p>Club</p> </a> 
    <a href="/myTeam" class="item "> <img src="/mamber/img/GIFTBOS.svg"> <p>Welfare</p> </a> 
    <a href="/account" class="item "> <img src="/mamber/img/Account.svg"> <p>Account</p> </a> 
   </div> 
  </div> 
 
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <?php echo $__env->make('alert-message', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<img style="position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;" src="<?php echo e(asset('public/loading.gif')); ?>" class="loading" alt="">
<script>
    function checkin(){
        //document.querySelector('.loading').style.display = 'block';
        window.location.href='<?php echo e(route('user.checkin')); ?>'
    }
  document.addEventListener("DOMContentLoaded", function () {
    // Hide the initial popup by default
    document.getElementById("layui-layer1").style.display = "none";
    document.getElementById("layui-layer-shade1").style.display = "none";

    // Show the first popup after a delay (like 2 seconds)
    setTimeout(() => {
      document.getElementById("layui-layer1").style.display = "block";
      document.getElementById("layui-layer-shade1").style.display = "block";
    }, 2000);

    // Handle cancel button click for the first popup
    const cancelBtn = document.querySelector(".cancel");
    if (cancelBtn) {
      cancelBtn.addEventListener("click", () => {
        closePopup("layui-layer1", "layui-layer-shade1");
      });
    }

    // Handle the background shade click to close the first popup
    const shade1 = document.getElementById("layui-layer-shade1");
    if (shade1) {
      shade1.addEventListener("click", () => {
        closePopup("layui-layer1", "layui-layer-shade1");
      });
    }

    // Show a second popup with a download button after 8 seconds
    setTimeout(() => {
      const downloadPopup = `
      <!--<div class="layui-layer layui-layer-page layer-anim layer-anim-00" id="download-popup" type="page" times="1" style="z-index: 19891016; width: 90%; height: auto; position: fixed; top: 185.5px; left: 18px;">
  <div class="layui-layer-content" style="padding: 20px;">
    <div class="dialog">
      <div class="dialog_contents" style="text-align: center;">
        <div class="title" style="margin: 15px 0; font-weight: 700; font-size: 20px;">
          WhatsApp Group
        </div>
        <div class="text" style="font-weight: 400; font-size: 14px; color: #818393; line-height: 24px;">
          Join our WhatsApp Group chat for latest news and discounts.
        </div>

        <!-- WhatsApp button --
        <div style="margin-top: 25px;">
          <a href="https://t.me/the_mamber001" target="_blank" style="display: inline-block; background-color: #25D366; width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 70px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);">
            <img src="https://img.icons8.com/ios-filled/50/ffffff/whatsapp.png" alt="WhatsApp" style="width: 30px; height: 30px;">
          </a>
        </div>

        <!-- Optional Label --
        <div style="margin-top: 10px; font-size: 14px; color: #555;">
          Tap to open WhatsApp
        </div>
      </div>
    </div>
  </div>
  <div class="layui-layer-setwin"></div>
</div>

<div class="layui-layer-shade" id="download-shade" style="z-index: 19891014; background-color: rgb(0, 0, 0); opacity: 0.3;"></div>

    <!--<div class="layui-layer layui-layer-page layer-anim layer-anim-00" id="download-popup" type="page" times="1" style="z-index: 19891016; width: 90%; height: auto; position: fixed; top: 185.5px; left: 18px;">
      <div class="layui-layer-content" style="height: 298px;">
        <div class="dialog">
          <div class="dialog_contents">
            <div class="title" style="margin:15px 0;text-align: center;font-weight: 700;font-size: 20px;">
              Whatsapp Group
            </div>
            <div class="text" style="text-align: center;font-weight:400;font-size: 14px;color: #818393;line-height: 24px;">
              Join our Whatsapp Group chat for latest news and discounts.
            </div>
          </div>
          <div class="btn_group" style="text-align: center; margin-top: 20px;">
            <a href="https://t.me/the_mamber001" target="_blank" class="confirm" style="padding: 10px 20px; background-color: #25D366; color: white; border-radius: 5px; font-weight: bold; text-decoration: none;">
              Open WhatsApp
            </a>
          </div>
        </div>
      </div>
      <div class="layui-layer-setwin"></div>
    </div>
    <div class="layui-layer-shade" id="download-shade" style="z-index: 19891014; background-color: rgb(0, 0, 0); opacity: 0.3;"></div>-->
 `;
      
      // Append the second popup to the body
      document.body.insertAdjacentHTML('beforeend', downloadPopup);

      // Show the second popup
      document.getElementById("download-popup").style.display = "block";
      document.getElementById("download-shade").style.display = "block";

      // Handle cancel button click for the second popup
      const cancelDownloadBtn = document.querySelector("#download-popup .cancel");
      if (cancelDownloadBtn) {
        cancelDownloadBtn.addEventListener("click", () => {
          closePopup("download-popup", "download-shade");
        });
      }

      // Handle the background shade click to close the second popup
      const shade2 = document.getElementById("download-shade");
      if (shade2) {
        shade2.addEventListener("click", () => {
          closePopup("download-popup", "download-shade");
        });
      }
    }, 8000); // Show download popup after 4 seconds

    // Function to close the popup and shade
    function closePopup(popupId, shadeId) {
      document.getElementById(popupId).style.display = "none";
      document.getElementById(shadeId).style.display = "none";
    }
});


</script>

  <!-- ✅ Swiper JS -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script>
    var swiper = new Swiper('.swiper-container', {
      loop: true,
      autoplay: {
        delay: 3000,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
    
  document.addEventListener('DOMContentLoaded', function () {
    setActiveTab(1); // Set default tab to Stable on load
  });

    function setActiveTab(type) {
      document.querySelectorAll('.product_menu_nav').forEach(nav => nav.classList.remove('product_menu_nav_active'));
      document.querySelector('.product_menu_nav[data-type="' + type + '"]').classList.add('product_menu_nav_active');

      document.querySelectorAll('.product_list').forEach(list => list.classList.remove('active'));
      document.querySelector('.product_type_' + type).classList.add('active');
    }
  </script>
</body>
<?php /**PATH /home/zgvdquyg/public_html/resources/views/app/main/index.blade.php ENDPATH**/ ?>