|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/blue-sky.co.id/public_html/application/views/themes/1/ |
Upload File : |
<header data-record-id="1125eb20-8b2b-fc30-f9a9-3c5381f43c69" data-copilot="true" class="section utility-padding-all-0 utility-text-on-overlay">
<div class="w-layout-grid grid-layout desktop-1-column">
<div id="w-node-e0c5faf2-4777-c397-51e5-3c0ecf852384-d740c750" class="utility-position-relative utility-min-height-100dvh w-node-_9ff9afa1-a3b6-fdcb-04da-1bc953c9508e-553fa5c7">
<?php
// Set to true for video background, false for image background
$use_video_background = false;
?>
<?php if($use_video_background): ?>
<video width="1216" height="832" autoplay muted loop playsinline class="cover-image utility-position-absolute">
<source src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<?php else: ?>
<img src="<?= base_url() . 'uploads/page/' . $home_centerbanners->hero_image ?>" alt="Blue Sky Hero Background" class="cover-image utility-position-absolute" style="width: 100%; height: 100%; object-fit: cover;">
<?php endif; ?>
<div class="overlay" style="background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity:1"></div>
</div>
<div id="w-node-_46645c40-1bb6-5068-efa9-170bd740c758-d740c750" class="container small-container utility-position-relative utility-text-align-center w-node-_9ff9afa1-a3b6-fdcb-04da-1bc953c95095-553fa5c7" style="z-index: 2;">
<h1 class="h1-heading"><?= $home_centerbanners->hero_title ?></h1>
<p class="subheading"><?= $home_centerbanners->hero_subtitle ?></p>
</div>
</div>
</header>
<!-- Hotel Booking Section -->
<section class="section" style="padding-top: 0rem; padding-bottom: 2rem; background: #f4f4f4;">
<div class="container" style="padding-top: 50px;">
<div class="utility-text-align-center utility-margin-bottom-2rem">
<h2 class="h2-heading">Book Your Stay</h2>
<p class="paragraph-lg">Find and reserve your perfect accommodation with our easy booking system</p>
</div>
<div class="card" style="padding: 2rem; background: white; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<?= form_open('#', array(
"class" => "ibe",
"data-channelcode" => "MTcxNg",
"data-region" => "apac",
"style" => "display: flex; flex-wrap: wrap; gap: 1rem; align-items: end;"
)); ?>
<div style="flex: 1; min-width: 200px;">
<label style="display: block; margin-bottom: 0.5rem; font-weight: 600;">Choose Hotel</label>
<select class="select_lounge" name="hotel_id" id="slc_choose_hotel" style="width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 4px; background: white;">
<option selected value="">Choose Hotel</option>
<option value="MTcxNg">Blue Sky Balikpapan</option>
<option value="MTcxNQ">Blue Sky Petamburan</option>
<option value="MTcxNA">Blue Sky Pandurata</option>
</select>
</div>
<div style="flex: 1; min-width: 150px;">
<label style="display: block; margin-bottom: 0.5rem; font-weight: 600;">Check In Date</label>
<div id="datepickeri" class="input-group date" data-date-format="dd-mm-yyyy">
<input name="check_in_date" style="width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 4px;" class="form-control" type="text" value="<?= date('d-m-Y'); ?>">
</div>
</div>
<div style="flex: 0 0 120px;">
<label style="display: block; margin-bottom: 0.5rem; font-weight: 600;">Nights</label>
<input style="width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 4px; text-align: center;" class="form-control" name="number_nights" type="number" min="1" value="1">
</div>
<div style="flex: 0 0 100px;">
<label style="display: block; margin-bottom: 0.5rem; font-weight: 600;">Adults</label>
<select name="number_adults" style="width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 4px; background: white;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div style="flex: 0 0 100px;">
<label style="display: block; margin-bottom: 0.5rem; font-weight: 600;">Children</label>
<select name="number_children" style="width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 4px; background: white;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div style="flex: 0 0 140px;">
<button type="submit" class="button w-button" style="width: 100%; padding: 0.75rem 1rem; background: #012d57; color: white; border: none; border-radius: 4px; font-weight: 600; cursor: pointer;">Check Availability</button>
</div>
<?= form_close(); ?>
</div>
</div>
</section>
<!-- End Hotel Booking Section -->
<section data-copilot="true" class="section" style="padding-top: 0; padding-bottom:0">
<div id="w-node-_0c14111e-83c1-e0a2-d0e7-73feb7199d5b-2d40cb18" class="container small-container utility-text-align-center w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b3e-553fa5c7" style="padding-bottom: 0px;">
<div class="eyebrow utility-margin-bottom-1rem utility-text-secondary"><?= $home_centerbanners->business_tag ?></div>
<h2 class="h2-heading"><?= $home_centerbanners->business_title ?></h2>
<p class="paragraph-lg utility-margin-bottom-0"><?= $home_centerbanners->business_subtitle ?></p>
</div>
<div class="container utility-margin-top-3rem" style="padding-top: 0px;">
<div data-duration-in="300" data-easing="ease" data-current="Tab 4" data-duration-out="100" class="grid-layout desktop-1-column w-tabs">
<div id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b49f4-2d40cb18" class="grid-layout desktop-4-column tablet-2-column-1 mobile-portrait-1-column grid-gap-sm w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b53-553fa5c7 w-tab-menu">
<a data-w-tab="Tab 1" class="tab-menu-link-transparent-bottom w-tab-link w--current">
<div class="h5-heading"><?= $home_centerbanners->business1_tabtitle ?></div>
<p class="paragraph-sm utility-text-secondary"><?= $home_centerbanners->business1_tabsubtitle ?></p>
</a>
<a data-w-tab="Tab 2" class="tab-menu-link-transparent-bottom w-tab-link">
<div class="h5-heading"><?= $home_centerbanners->business2_tabtitle ?></div>
<p class="paragraph-sm utility-margin-bottom-0"><?= $home_centerbanners->business2_tabsubtitle ?></p>
</a>
<a data-w-tab="Tab 3" class="tab-menu-link-transparent-bottom w-tab-link">
<div class="h5-heading"><?= $home_centerbanners->business3_tabtitle ?></div>
<p class="paragraph-sm utility-margin-bottom-0"><?= $home_centerbanners->business3_tabsubtitle ?></p>
</a>
<a data-w-tab="Tab 4" class="tab-menu-link-transparent-bottom w-tab-link">
<div class="h5-heading"><?= $home_centerbanners->business4_tabtitle ?></div>
<p class="paragraph-sm utility-margin-bottom-0"><?= $home_centerbanners->business4_tabsubtitle ?></p>
</a>
</div>
<div class="tabs-content utility-margin-bottom-2rem w-tab-content">
<div data-w-tab="Tab 1" class="w-tab-pane">
<div class="w-layout-grid grid-layout desktop-5-column grid-gap-sm">
<img class="image cover-image utility-aspect-3x2 w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b54-553fa5c7" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->business1_image ?>" width="" height="" alt="<?= $home_centerbanners->business1_title ?>" sizes="(max-width: 479px) 0px, 100vw" id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a0c-2d40cb18" loading="lazy">
<div id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a0d-2d40cb18" class="card w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b5d-553fa5c7">
<div class="card-body flex-vertical">
<div class="h4-heading"><?= $home_centerbanners->business1_title ?></div>
<p class="paragraph-sm"><?= $home_centerbanners->business1_subtitle ?></p>
<div class="utility-margin-top-auto utility-padding-top-1rem">
<a href="<?= $home_centerbanners->business1_btn_link ?>" class="button secondary-button w-button"><?= $home_centerbanners->business1_btn_title ?></a>
</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 2" class="w-tab-pane">
<div class="w-layout-grid grid-layout desktop-5-column grid-gap-sm">
<img class="image cover-image utility-aspect-3x2 w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b60-553fa5c7" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->business2_image ?>" width="" height="" alt="<?= $home_centerbanners->business2_title ?>" sizes="(max-width: 479px) 0px, 100vw" id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a18-2d40cb18" loading="lazy">
<div id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a19-2d40cb18" class="card w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b69-553fa5c7">
<div class="card-body flex-vertical">
<div class="h4-heading"><?= $home_centerbanners->business2_title ?></div>
<p class="paragraph-sm"><?= $home_centerbanners->business2_subtitle ?></p>
<div class="utility-margin-top-auto utility-padding-top-1rem">
<a href="<?= $home_centerbanners->business2_btn_link ?>" class="button secondary-button w-button"><?= $home_centerbanners->business2_btn_title ?></a>
</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 3" class="w-tab-pane">
<div class="w-layout-grid grid-layout desktop-5-column grid-gap-sm">
<img class="image cover-image utility-aspect-3x2 w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b6c-553fa5c7" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->business3_image ?>" width="" height="" alt="<?= $home_centerbanners->business3_title ?>" sizes="(max-width: 479px) 0px, 100vw" id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a24-2d40cb18" loading="lazy">
<div id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a25-2d40cb18" class="card w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b75-553fa5c7">
<div class="card-body flex-vertical">
<div class="h4-heading"><?= $home_centerbanners->business3_title ?></div>
<p class="paragraph-sm"><?= $home_centerbanners->business3_subtitle ?></p>
<div class="utility-margin-top-auto utility-padding-top-1rem">
<a href="<?= $home_centerbanners->business3_btn_link ?>" class="button secondary-button w-button"><?= $home_centerbanners->business3_btn_title ?></a>
</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 4" class="w-tab-pane w--tab-active">
<div class="w-layout-grid grid-layout desktop-5-column grid-gap-sm">
<img class="image cover-image utility-aspect-3x2 w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b78-553fa5c7" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->business4_image ?>" alt="<?= $home_centerbanners->business4_title ?>" width="1670" height="800" sizes="(max-width: 1670px) 100vw, 1670px" id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a30-2d40cb18" loading="lazy">
<div id="w-node-_4f16d1c1-f5bd-cf42-6e56-2a3d3a3b4a31-2d40cb18" class="card w-node-_3014e51d-dca6-ed07-21fc-f5170bc70b81-553fa5c7">
<div class="card-body flex-vertical">
<div class="h4-heading"><?= $home_centerbanners->business4_title ?></div>
<p class="paragraph-sm"><?= $home_centerbanners->business4_subtitle ?></p>
<div class="utility-margin-top-auto utility-padding-top-1rem">
<a href="<?= $home_centerbanners->business4_btn_link ?>" class="button secondary-button w-button"><?= $home_centerbanners->business4_btn_title ?></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-copilot="true" class="section" style="padding-top: 0px; padding-bottom:0">
<div class="container full-width-container">
<div class="flex-horizontal flex-vertical flex-gap-lg">
<div class="ix-sticky-card is-card-1">
<div class="card card-body utility-margin-top-1rem">
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-xxl utility-z-index-2">
<div class="utility-aspect-1x1"><img class="image cover-image" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->why1_image ?>" width="" height="" alt="<?= $home_centerbanners->why1_title ?>" sizes="(max-width: 800px) 100vw, 800px" loading="lazy"></div>
<div id="w-node-_2971e015-2b75-8c28-36ba-0d37101a8cc8-101a8cc0" class="utility-max-width-md w-node-_83585228-bae6-febd-b439-8701dce65252-553fa5c7">
<div class="eyebrow"><?= $home_centerbanners->why1_tag ?></div>
<h2><?= $home_centerbanners->why1_title ?></h2>
<p class="paragraph-lg"><?= $home_centerbanners->why1_subtitle ?></p>
</div>
</div>
</div>
</div>
<div data-w-id="83585228-bae6-febd-b439-8701dce65264" class="ix-sticky-card is-card-2 ix-backdrop-filter-blur">
<div class="card card-body utility-margin-top-1rem utility-backdrop-filter-blur">
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-xxl utility-z-index-2">
<div class="utility-aspect-1x1"><img class="image cover-image" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->why2_image ?>" width="Auto" height="" alt="<?= $home_centerbanners->why2_title ?>" sizes="(max-width: 1670px) 100vw, 1670px" loading="lazy"></div>
<div id="w-node-_2971e015-2b75-8c28-36ba-0d37101a8cd7-101a8cc0" class="utility-max-width-md w-node-_83585228-bae6-febd-b439-8701dce65261-553fa5c7">
<div class="eyebrow"><?= $home_centerbanners->why2_tag ?></div>
<h2><?= $home_centerbanners->why2_title ?></h2>
<p class="paragraph-lg"><?= $home_centerbanners->why2_subtitle ?></p>
</div>
</div>
</div>
</div>
<div data-w-id="83585228-bae6-febd-b439-8701dce65275" class="ix-sticky-card is-card-3 ix-backdrop-filter-blur">
<div class="card card-body utility-margin-top-1rem utility-backdrop-filter-blur">
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-xxl">
<div class="utility-aspect-1x1"><img class="image cover-image" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->why3_image ?>" width="" height="" alt="<?= $home_centerbanners->why3_title ?>" sizes="(max-width: 718px) 100vw, 718px" loading="lazy"></div>
<div id="w-node-_2971e015-2b75-8c28-36ba-0d37101a8ce6-101a8cc0" class="utility-max-width-md w-node-_83585228-bae6-febd-b439-8701dce65272-553fa5c7">
<div class="eyebrow"><?= $home_centerbanners->why3_tag ?></div>
<h2><?= $home_centerbanners->why3_title ?></h2>
<p class="paragraph-lg"><?= $home_centerbanners->why3_subtitle ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<header class="section utility-overflow-hidden" style="padding-top: 0px;">
<div class="container small-container utility-margin-bottom-8rem utility-text-align-center">
<h1 class="h1-heading"><?= $home_centerbanners->about_title ?></h1>
<p class="subheading"><?= $home_centerbanners->about_subtitle ?></p>
<div class="button-group align-center utility-margin-top-3rem">
<a href="<?= base_url('about') ?>" class="button primary-button w-button">About Us</a>
</div>
</div>
<div class="container full-width-container">
<div id="w-node-_6c647244-651f-edbe-b7bb-bdb3d747a8ab-d747a89f" data-w-id="29a1cff5-6052-4f49-fc03-27cfd09bc139" class="ix-hero-to-place-trigger w-node-_29a1cff5-6052-4f49-fc03-27cfd09bc139-553fa5c7">
<div data-w-id="29a1cff5-6052-4f49-fc03-27cfd09bc138" class="ix-parallax-x-left-0-to--20">
<div class="flex-horizontal align-center justify-center flex-gap-md">
<div data-w-id="29a1cff5-6052-4f49-fc03-27cfd09bc12e" class="custom-hero-to-place-wrapper utility-aspect-16x9 utility-z-index-2"><img class="cover-image" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->about_image1 ?>" width="800" height="450" alt="<?= $home_centerbanners->about_title ?>" sizes="(max-width: 991px) 100vw, 97vw" loading="lazy"></div>
<div data-w-id="29a1cff5-6052-4f49-fc03-27cfd09bc130" class="custom-hero-to-place-wrapper utility-aspect-1x1"><img class="cover-image" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->about_image2 ?>" width="450" height="450" alt="<?= $home_centerbanners->about_title ?>" sizes="(max-width: 479px) 100vw, 450px" loading="lazy"></div>
<div data-w-id="29a1cff5-6052-4f49-fc03-27cfd09bc132" class="custom-hero-to-place-wrapper utility-aspect-16x9"><img width="800" height="450" alt="<?= $home_centerbanners->about_title ?>" src="<?= base_url() . 'uploads/page/' . $home_centerbanners->about_image3 ?>" loading="lazy" class="cover-image"></div>
<div data-w-id="29a1cff5-6052-4f49-fc03-27cfd09bc134" class="custom-hero-to-place-wrapper utility-aspect-1x1"><img width="450" height="450" alt="image of unique dish preparation (for a fine dining restaurant)" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/7347429a-b3ff-4494-b5ab-5129e3260786.avif" loading="lazy" data-aisg-image-id="4c665b7a-de67-491e-9d6a-b6518bb0f73c" class="cover-image"></div>
<div data-w-id="29a1cff5-6052-4f49-fc03-27cfd09bc136" class="custom-hero-to-place-wrapper utility-aspect-16x9"><img width="800" height="450" alt="historic restaurant building" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/e28fd84f-f541-4ba0-92f2-8e069a7ef0bb.avif" loading="lazy" data-aisg-image-id="be084a29-891a-41c6-860d-5af2bd83a663" class="cover-image"></div>
</div>
</div>
</div>
</div>
</header>
<section class="section" style="padding-top:0; padding-bottom:0">
<div class="container" style="padding-top: 0;">
<div class="utility-text-align-center utility-margin-bottom-2rem">
<h2 class="h2-heading">Promotions</h2>
<p class="paragraph-lg">Check out our latest promotions and offers.</p>
</div>
<div class="promotion-carousel">
<div class="carousel-container" id="carouselContainer">
<?php foreach($promotions as $promotion) : ?>
<div class="carousel-item">
<a href="<?= base_url() . 'uploads/body_rooms/' . $promotion['img_name']; ?>"
class="popup-image">
<img src="<?= base_url() . 'uploads/body_rooms/' . $promotion['img_name']; ?>"
class="carousel-image"
style="width: 100%; height: auto;">
</a>
</div>
<?php endforeach ?>
</div>
<div class="carousel-nav">
<button id="prevBtn">‹ Previous</button>
<button id="nextBtn">Next ›</button>
</div>
</div>
</div>
</section>
<section data-copilot="true" class="section" style="padding-top: 0px; display:none">
<div class="container">
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-xxl">
<div id="w-node-_0dc7589f-614c-e2cf-7555-5eed0be05d1f-0be05d1c" class="flex-horizontal flex-vertical y-space-between w-node-_5cd91a8e-2e57-0458-7559-be2cf2c518ea-553fa5c7">
<div class="utility-margin-bottom-4rem">
<h2><?= $home_centerbanners->testimony_title ?></h2>
<p class="paragraph-lg utility-margin-bottom-0"><?= $home_centerbanners->testimony_subtitle ?></p>
</div>
<div class="w-layout-grid grid-layout grid-gap-sm">
<div>
<div class="h1-heading"><?= $home_centerbanners->testimony_guest_serve ?></div>
<div>Guests served</div>
</div>
<div>
<div class="h1-heading"><?= $home_centerbanners->testimony_bookings ?></div>
<div>Bookings completed</div>
</div>
</div>
</div>
<div class="w-layout-grid grid-layout mobile-landscape-1-column grid-gap-sm">
<div id="w-node-d6288141-3e37-a760-1f1f-3f87c261e1bc-0be05d1c" class="card w-node-_5cd91a8e-2e57-0458-7559-be2cf2c518f7-553fa5c7">
<div class="utility-padding-all-1rem">
<div class="flex-horizontal y-center flex-gap-xs utility-margin-bottom-1rem">
<div class="avatar"><img width="" height="48" alt="[headshot] image of customer (for a plumbing service)." src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/e9506f14-32bb-4632-ac65-4df2781495a0.avif" loading="lazy" data-aisg-image-id="e9506f14-32bb-4632-ac65-4df2781495a0" class="cover-image"></div>
<div>
<div class="paragraph-sm"><strong>Alex Pratama</strong></div>
<div class="paragraph-sm">Business traveler</div>
</div>
</div>
<p class="paragraph-sm utility-margin-bottom-0">The hotel’s seamless check-in and lounge access made my trip effortless. Excellent service and amenities throughout my stay.</p>
</div>
</div>
<div class="card">
<div class="utility-padding-all-1rem">
<div class="flex-horizontal y-center flex-gap-xs utility-margin-bottom-1rem">
<div class="avatar"><img width="" height="48" alt="image of customer [headshot]" src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/b7bbc847-a45e-44f7-bd34-0a49c29e1b16.avif" loading="lazy" data-aisg-image-id="b7bbc847-a45e-44f7-bd34-0a49c29e1b16" class="cover-image"></div>
<div>
<div class="paragraph-sm"><strong>Taylor Wijaya</strong></div>
<div class="paragraph-sm">Event organizer</div>
</div>
</div>
<p class="paragraph-sm utility-margin-bottom-0">Booking the lounge for our event was simple and efficient. The team was attentive and the space was perfect.</p>
</div>
</div>
<div id="w-node-_57b0b48d-fc7d-2a70-7d13-21713b2c2f03-0be05d1c" class="card w-node-_5cd91a8e-2e57-0458-7559-be2cf2c51911-553fa5c7">
<div class="utility-padding-all-1rem">
<div class="flex-horizontal y-center flex-gap-xs utility-margin-bottom-1rem">
<div class="avatar"><img width="" height="48" alt="customer giving a testimonial for an ai biotech company [headshot]" src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/d644e926-68ec-49cd-878b-22c6dd381f2f.avif" loading="lazy" data-aisg-image-id="d644e926-68ec-49cd-878b-22c6dd381f2f" class="cover-image"></div>
<div>
<div class="paragraph-sm"><strong>Morgan Santoso</strong></div>
<div class="paragraph-sm">Frequent flyer</div>
</div>
</div>
<p class="paragraph-sm utility-margin-bottom-0">I always choose their airport lounges for comfort and convenience. The food selection and quiet spaces are a real plus.</p>
</div>
</div>
<div class="card">
<div class="utility-padding-all-1rem">
<div class="flex-horizontal y-center flex-gap-xs utility-margin-bottom-1rem">
<div class="avatar"><img width="" height="48" alt="[headshot] image of customer (for a university)" src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/88a55f29-0edc-4d5d-823f-c9d664b386e5.avif" loading="lazy" data-aisg-image-id="88a55f29-0edc-4d5d-823f-c9d664b386e5" class="cover-image"></div>
<div>
<div class="paragraph-sm"><strong>Jordan Halim</strong></div>
<div class="paragraph-sm">Corporate partner</div>
</div>
</div>
<p class="paragraph-sm utility-margin-bottom-0">Their hospitality and professionalism make them a top choice for our business travel needs.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-copilot="true" class="section" style="padding-top: 0px;">
<div class="container">
<div class="utility-text-align-center utility-margin-bottom-4rem">
<h2 class="eyebrow utility-margin-bottom-1rem">Featured events</h2>
<h3 class="h3-heading">Discover what’s happening next</h3>
<p class="paragraph-lg utility-margin-bottom-0">Explore our latest events and business highlights across hotels, lounges, and dining.</p>
</div>
<div class="w-layout-grid grid-layout mobile-landscape-1-column grid-gap-sm">
<?php foreach($events as $event) : ?>
<?php $img_arr = explode(' | ', $event['img_name']) ?>
<a id="w-node-_5ec757f3-9db0-b785-a38f-514ea784cd87-203751a1" href="<?= base_url() . 'blogs/' . $event['slug'] ?>" class="card-link w-node-_0cbb0961-c4ee-8325-9b27-862e172fefb3-553fa5c7 w-inline-block">
<div class="utility-aspect-3x2 utility-position-relative flex-horizontal x-right"><img width="" height="" alt="image of memorable moments from events" src="<?= base_url() . 'uploads/events/' . $img_arr[0] ?>" loading="lazy" data-aisg-image-id="45fb78d3-582b-45a5-9a12-889f54bbc40b" class="cover-image">
<div class="card utility-position-absolute utility-margin-top-1rem utility-margin-right-1rem utility-background-primary">
<div class="utility-padding-all-1rem utility-text-align-center">
<div class="paragraph-sm utility-margin-bottom-0"><?= date('D', strtotime($event['event_date'])); ?></div>
<div class="paragraph-xxl utility-margin-bottom-0"><strong><?= date('j', strtotime($event['event_date'])); ?></strong></div>
<div class="paragraph-sm utility-margin-bottom-0"><?= date('M Y', strtotime($event['event_date'])); ?></div>
</div>
</div>
</div>
<div class="utility-padding-all-3rem">
<div class="utility-text-secondary utility-margin-bottom-1rem"><?= $event['judul_header_text'] ?></div>
<h4 class="h3-heading"><?= $event['header_text'] ?></h4>
<div class="text-link utility-text-decoration-none">
<div>View Detail</div>
</div>
</div>
</a>
<?php endforeach ?>
</div>
<div class="button-group align-center utility-margin-top-3rem">
<a href="<?= base_url('blogs') ?>" class="button secondary-button w-button">See all</a>
</div>
</div>
</section>
<section data-copilot="true" class="section secondary-section" style="padding-top: 0px;">
<div class="container">
<h2 class="eyebrow utility-margin-bottom-1rem">Connect with our team</h2>
<h2 class="h2-heading">How to reach us</h2>
<p class="subheading utility-max-width-md">We’re here to support your needs.</p>
<ul role="list" class="grid-layout desktop-3-column mobile-landscape-1-column grid-gap-sm utility-margin-bottom-0 w-list-unstyled">
<li class="card card-on-secondary">
<div class="card-body">
<div class="icon-large utility-margin-bottom-1rem"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 24 24" fill="none">
<path d="M5.25 6.75H18.75V17.25H5.25V6.75Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M5.25 6.75L12 12L18.75 6.75" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
</svg></div>
<h5 class="h5-heading">Email</h5>
<p>Send us your questions anytime.</p>
<div class="utility-display-block">
<a href="#" class="text-link secondary-text-link">info@blue-sky.co.id</a>
</div>
</div>
</li>
<li class="card card-on-secondary">
<div class="card-body">
<div class="icon-large utility-margin-bottom-1rem"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 24 24" fill="none">
<path d="M12.5 18.25C16.2279 18.25 19.25 15.2279 19.25 11.5C19.25 7.77208 16.2279 4.75 12.5 4.75C8.77208 4.75 5.75 7.77208 5.75 11.5C5.75 12.6007 6.01345 13.6398 6.48072 14.5578L5 19L9.71819 17.6519C10.5664 18.0361 11.5082 18.25 12.5 18.25Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
</svg></div>
<h5 class="h5-heading">Phone</h5>
<p>Available weekdays & Office Hour.</p>
<div>+62 8234 1499 287<br></div>
</div>
</li>
<li class="card card-on-secondary">
<div class="card-body">
<div class="icon-large utility-margin-bottom-1rem"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 24 24" fill="none">
<path d="M16.3918 14.8527C20.2489 10.9956 17.2769 4.25 12 4.25C6.72299 4.25 3.75102 10.9956 7.60817 14.8527L12 19.25L16.3918 14.8527Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
<circle cx="12" cy="10.25" r="2" stroke="currentColor" stroke-width="1.5"></circle>
</svg></div>
<h5 class="h5-heading">Office</h5>
<p>Corporate Headquarters.</p>
<div>The Northbend, Metland Cyber Puri, 18 - 19, Parung Jaya, Kec. Karang Tengah, Kota Tangerang, Banten 15147</div>
</div>
</li>
</ul>
</div>
</section>
<link rel="stylesheet" href="/blue-sky/themes/1/bluesky/css/magnific-popup.css">
<style>
.promotion-carousel {
position: relative;
overflow: hidden;
width: 100%;
}
/* Magnific Popup title styling */
.mfp-title {
text-align: center;
padding: 15px 20px;
/* background: rgba(0, 0, 0, 0.8); */
color: white;
margin: 0;
}
.mfp-title h4 {
margin: 0 0 10px 0;
font-size: 18px;
font-weight: bold;
color: white;
}
.mfp-title p {
margin: 0;
font-size: 14px;
line-height: 1.4;
color: #f0f0f0;
}
.promotion-carousel .carousel-container {
display: flex;
transition: transform 0.3s ease;
}
.promotion-carousel .carousel-item {
min-width: 33.33%;
flex: 0 0 33.33%;
padding: 0 10px;
box-sizing: border-box;
}
.promotion-carousel .carousel-nav {
text-align: center;
margin-top: 20px;
}
.promotion-carousel .carousel-nav button {
background: transparent;
color: #333;
border: 1px solid #333;
padding: 10px 15px;
margin: 0 5px;
cursor: pointer;
border-radius: 3px;
}
.promotion-carousel .carousel-nav button:hover {
background: #555;
}
@media (max-width: 768px) {
.promotion-carousel .carousel-item {
min-width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 480px) {
.promotion-carousel .carousel-item {
min-width: 100%;
flex: 0 0 100%;
}
}
</style>
<script type="text/javascript">
$(document).ready(function() {
let currentSlide = 0;
const totalSlides = $('.carousel-item').length;
let slidesToShow = 3;
function updateSlidesToShow() {
if (window.innerWidth <= 480) {
slidesToShow = 1;
} else if (window.innerWidth <= 768) {
slidesToShow = 2;
} else {
slidesToShow = 3;
}
}
function moveCarousel(direction) {
updateSlidesToShow();
const maxSlide = totalSlides - slidesToShow;
currentSlide += direction;
if (currentSlide < 0) {
currentSlide = maxSlide;
} else if (currentSlide > maxSlide) {
currentSlide = 0;
}
const slideWidth = 100 / slidesToShow;
const translateX = -(currentSlide * slideWidth);
$('#carouselContainer').css('transform', `translateX(${translateX}%)`);
}
updateSlidesToShow();
setInterval(() => moveCarousel(1), 3000);
$(window).on('resize', () => {
updateSlidesToShow();
moveCarousel(0);
});
$('#prevBtn').on('click', () => moveCarousel(-1));
$('#nextBtn').on('click', () => moveCarousel(1));
$('.promotion-carousel').magnificPopup({
delegate: 'a.popup-image',
type: 'image',
gallery: {
enabled: true
},
mainClass: 'mfp-with-zoom',
zoom: {
enabled: true,
duration: 300,
easing: 'ease-in-out',
opener: function(openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
}
},
image: {
titleSrc: function(item) {
var description = item.el.attr('data-description') || '';
return description ? '<p>' + description + '</p>' : '';
}
}
});
});
</script>