|
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/hotel/ |
Upload File : |
<!-- Magnific Popup CSS -->
<link rel="stylesheet" href="<?= base_url(); ?>assets/frontend/css/magnific-popup.css">
<style>
.promotion-carousel {
position: relative;
overflow: hidden;
width: 100%;
}
.promotion-carousel .carousel-container {
display: flex;
justify-content: center;
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>
<link rel="stylesheet" href="<?= base_url() .'themes/1/bluesky/css/magnific-popup.css' ?>">
<script type="text/javascript">
$(document).ready(function() {
let currentSlide = 0;
const totalSlides = $('.carousel-item').length;
let slidesToShow = 4;
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 newTransform = `translateX(-${currentSlide * slideWidth}%)`;
$('#carouselContainer').css('transform', newTransform);
}
$('#nextBtn').on('click', function() {
moveCarousel(1);
});
$('#prevBtn').on('click', function() {
moveCarousel(-1);
});
// Magnific Popup
$('.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');
}
}
});
$(window).on('resize', function() {
updateSlidesToShow();
moveCarousel(0); // Recalculate position on resize
}).trigger('resize');
});
</script>
<header data-record-id="ed7ec991-3828-fdb0-10e0-a71a504ca304" data-copilot="true" class="section utility-padding-all-0 utility-text-on-overlay">
<div class="w-layout-grid grid-layout">
<div id="w-node-_83130efd-cc89-3e63-e012-238651cb9c90-51cb9c8e" class="utility-position-relative utility-min-height-100dvh w-node-_96fd2722-e9c1-daac-a142-9395711fa117-36f10c5b">
<!-- Background Slideshow -->
<div class="slideshow-container utility-position-absolute" style="width: 100%; height: 100%; top: 0; left: 0; z-index: 1;">
<?php if ($quer_home_slideshow_hotel->num_rows() > 0) : ?>
<?php $slideshow_items = $quer_home_slideshow_hotel->result(); ?>
<?php foreach ($slideshow_items as $index => $slide) : ?>
<div class="slide <?= $index === 0 ? 'active' : ''; ?>">
<img class="cover-image utility-position-absolute" src="<?= base_url(); ?>uploads/banners/<?= $slide->image; ?>" width="1216" height="832" alt="<?= $slide->title; ?>" sizes="100vw">
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
<!-- Dot Pagination -->
<?php if ($quer_home_slideshow_hotel->num_rows() > 0) : ?>
<div class="slideshow-dots" style="position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 15; display: flex; gap: 10px;">
<?php foreach ($slideshow_items as $index => $slide) : ?>
<span class="dot <?= $index === 0 ? 'active' : ''; ?>" style="height: 12px; width: 12px; background-color: rgba(255,255,255,0.5); border-radius: 50%; display: inline-block; cursor: pointer; transition: background-color 0.3s;"></span>
<?php endforeach; ?>
</div>
<?php endif; ?>
<!-- Dark Overlay -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1;"></div>
</div>
<div id="w-node-_83130efd-cc89-3e63-e012-238651cb9c93-51cb9c8e" class="container utility-position-relative utility-padding-bottom-4rem w-node-_96fd2722-e9c1-daac-a142-9395711fa123-36f10c5b" style="z-index: 2;">
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-lg y-bottom">
<h1 class="h1-heading utility-margin-bottom-0" style="color: white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);"><?= $hotel->name ?></h1>
</div>
</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;">
<?php switch ($hotel->name) {
case 'Blue Sky Hotel Balikpapan':
echo '<option value="MTcxNg">Blue Sky Hotel Balikpapan</option>';
break;
case 'Blue Sky Hotel Petamburan':
echo '<option value="MTcxNQ">Blue Sky Hotel Petamburan</option>';
break;
case 'Blue Sky Hotel Pandurata':
echo '<option value="MTcxNA">Blue Sky Hotel Pandurata</option>';
break;
}
?>
</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>
<!-- Slideshow CSS and JavaScript -->
<style>
.slideshow-container {
position: relative;
width: 100%;
height: 100%;
}
.slide {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide.active {
display: block;
opacity: 1;
}
.slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slideshow-dots {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
z-index: 15;
display: flex;
gap: 10px;
}
.dot {
height: 12px;
width: 12px;
background-color: rgba(255,255,255,0.5);
border-radius: 50%;
display: inline-block;
cursor: pointer;
transition: background-color 0.3s;
}
.dot.active,
.dot:hover {
background-color: rgba(255,255,255,0.9);
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
let currentSlide = 0;
const slides = document.querySelectorAll('.slide');
const dots = document.querySelectorAll('.dot');
const totalSlides = slides.length;
function showSlide(index) {
// Hide all slides
slides.forEach(slide => {
slide.classList.remove('active');
});
// Remove active class from all dots
dots.forEach(dot => {
dot.classList.remove('active');
});
// Show current slide and activate corresponding dot
slides[index].classList.add('active');
dots[index].classList.add('active');
}
function nextSlide() {
currentSlide = (currentSlide + 1) % totalSlides;
showSlide(currentSlide);
}
// Add click event listeners to dots
dots.forEach((dot, index) => {
dot.addEventListener('click', () => {
currentSlide = index;
showSlide(currentSlide);
});
});
// Auto-advance slides every 5 seconds
setInterval(nextSlide, 5000);
// Initialize first slide
showSlide(0);
});
</script>
<!-- End Hotel Booking Section -->
<?php
// $centerbanners_hotel is already set from the controller
?>
<header data-record-id="6ea1eb29-129e-6b73-29fa-2aac47976780" data-copilot="true" class="section" style="padding-top: 0px;">
<div class="container">
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-xxl">
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-xs">
<?php if ($centerbanners_hotel && $centerbanners_hotel->intro_image1): ?>
<img class="cover-image utility-tablet-aspect-3x2-1-2 w-node-bf919e74-6d60-40c2-ef34-1d5a4ae7c44d-36f10c5b" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->intro_image1; ?>" width="1216" height="832" alt="<?= $centerbanners_hotel->intro_title; ?>" sizes="100vw" loading="lazy">
<?php else: ?>
<img class="cover-image utility-tablet-aspect-3x2-1-2 w-node-bf919e74-6d60-40c2-ef34-1d5a4ae7c44d-36f10c5b" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/rooms7.jpg" width="1216" height="832" alt="image of fully decorated bedroom" sizes="100vw" loading="lazy">
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->intro_image2): ?>
<img class="cover-image utility-tablet-aspect-3x2-1-2 w-node-bf919e74-6d60-40c2-ef34-1d5a4ae7c44e-36f10c5b" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->intro_image2; ?>" width="1216" height="832" alt="<?= $centerbanners_hotel->intro_title; ?>" sizes="100vw" loading="lazy">
<?php else: ?>
<img class="cover-image utility-tablet-aspect-3x2-1-2 w-node-bf919e74-6d60-40c2-ef34-1d5a4ae7c44e-36f10c5b" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/Gallery__HC_6_1670x800.jpg" width="1216" height="832" alt="image of an airport scene (for a travel tech)" sizes="100vw" loading="lazy">
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->intro_image3): ?>
<img class="cover-image utility-tablet-aspect-3x2-1-2 w-node-bf919e74-6d60-40c2-ef34-1d5a4ae7c44f-36f10c5b" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->intro_image3; ?>" width="1216" height="832" alt="<?= $centerbanners_hotel->intro_title; ?>" sizes="100vw" loading="lazy">
<?php else: ?>
<img class="cover-image utility-tablet-aspect-3x2-1-2 w-node-bf919e74-6d60-40c2-ef34-1d5a4ae7c44f-36f10c5b" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/DIMSUM_Menu.jpg" width="1216" height="832" alt="image of a main course assortment (for a chinese restaurant)" sizes="100vw" loading="lazy">
<?php endif; ?>
</div>
<div id="w-node-c36f23f2-593d-31e6-ec9b-360830dbf71c-5e21a702" class="w-node-bf919e74-6d60-40c2-ef34-1d5a4ae7c45a-36f10c5b">
<h1 class="h1-heading"><?= $centerbanners_hotel && $centerbanners_hotel->intro_title ? $centerbanners_hotel->intro_title : 'Discover the perfect blend of comfort and convenience'; ?></h1>
<p class="subheading"><?= $centerbanners_hotel && $centerbanners_hotel->intro_subtitle ? $centerbanners_hotel->intro_subtitle : 'Located in the heart of Balikpapan, our hotel offers a serene escape with easy access to business hubs and leisure spots. Experience a stay that caters to both work and relaxation.'; ?></p>
</div>
</div>
</div>
</header>
<section data-record-id="88eb1b23-8e74-bc23-00fa-d9ab2d964873" data-copilot="true" class="section utility-padding-all-0 utility-text-on-overlay">
<div class="w-layout-grid grid-layout desktop-1-column utility-min-height-100dvh">
<div id="w-node-_3981eaad-a128-db8c-10c1-1bc6ca9edc97-ca9edc95" class="utility-position-relative w-node-d3461b0d-11ce-f974-c44e-3bfb10f5e949-36f10c5b">
<?php if ($centerbanners_hotel && $centerbanners_hotel->room_image): ?>
<img class="image cover-image utility-radius-all-0" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->room_image; ?>" width="1216" height="832" alt="<?= $centerbanners_hotel->room_title; ?>" sizes="100vw" loading="lazy">
<?php else: ?>
<img class="image cover-image utility-radius-all-0" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/rooms5.jpg" width="1216" height="832" alt="[background image] image of concert venue" sizes="100vw" loading="lazy">
<?php endif; ?>
<div class="overlay"></div>
</div>
<div id="w-node-_3981eaad-a128-db8c-10c1-1bc6ca9edc9a-ca9edc95" class="container utility-position-relative w-node-d3461b0d-11ce-f974-c44e-3bfb10f5e978-36f10c5b">
<div class="w-layout-grid grid-layout desktop-3-column tablet-1-column grid-gap-md utility-padding-top-4rem utility-margin-bottom-8rem">
<div id="w-node-_3981eaad-a128-db8c-10c1-1bc6ca9edc9f-ca9edc95" class="w-node-d3461b0d-11ce-f974-c44e-3bfb10f5e95f-36f10c5b">
<h1 class="h2-heading"><?= $centerbanners_hotel && $centerbanners_hotel->room_title ? $centerbanners_hotel->room_title : 'Experience Premier Comfort in Our Spacious Rooms'; ?></h1>
<div class="rich-text paragraph-lg w-richtext">
<p><?= $centerbanners_hotel && $centerbanners_hotel->room_subtitle ? $centerbanners_hotel->room_subtitle : 'Discover a wide selection of spacious rooms and suites, from cozy Superior Rooms to the luxurious Royal Suite. Each room is thoughtfully designed with modern amenities, warm interiors, and relaxing views—offering the perfect retreat for business and leisure travelers in Balikpapan.'; ?></p>
</div>
<div class="button-group">
<a href="<?= base_url() . 'hotel/' . $hotel->alias . '/rooms' ?>" class="button w-button">View Rooms</a>
</div>
</div>
<div id="w-node-_3981eaad-a128-db8c-10c1-1bc6ca9edcab-ca9edc95" class="w-layout-grid grid-layout mobile-portrait-1-column w-node-d3461b0d-11ce-f974-c44e-3bfb10f5e976-36f10c5b">
<?php foreach($rooms as $room) : ?>
<div id="w-node-_3981eaad-a128-db8c-10c1-1bc6ca9edcac-ca9edc95" class="w-node-d3461b0d-11ce-f974-c44e-3bfb10f5e964-36f10c5b">
<div class="paragraph-lg"><?= $room['room_name'] ?></div>
</div>
<?php endforeach ?>
</div>
</div>
</div>
</div>
</section>
<?php if(count($promotions) > 0) : ?>
<section class="section" style="padding-top: 0; padding-bottom:0">
<div class="container">
<div class="utility-text-align-center utility-margin-bottom-2rem">
<h2 class="h2-heading"><?= $centerbanners_hotel && $centerbanners_hotel->promotion_title ? $centerbanners_hotel->promotion_title : 'Promotions'; ?></h2>
<p class="paragraph-lg"><?= $centerbanners_hotel && $centerbanners_hotel->promotion_subtitle ? $centerbanners_hotel->promotion_subtitle : '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>
<?php endif ?>
<section data-copilot="true" class="section" style="padding-top: 0px;">
<div class="container">
<div class="w-layout-grid grid-layout mobile-landscape-1-column grid-gap-xs y-bottom utility-margin-bottom-3rem">
<div>
<div class="eyebrow"><?= $centerbanners_hotel && $centerbanners_hotel->facilities_tag ? $centerbanners_hotel->facilities_tag : 'Our MAIN Facilities'; ?></div>
<h2 class="h2-heading"><?= $centerbanners_hotel && $centerbanners_hotel->facilities_title ? $centerbanners_hotel->facilities_title : 'Dine, Energize, Celebrate, and Connect'; ?></h2>
<p class="utility-margin-bottom-0"><?= $centerbanners_hotel && $centerbanners_hotel->facilities_subtitle ? $centerbanners_hotel->facilities_subtitle : 'Discover exceptional dining experiences, rejuvenate at our fitness & spa, create unforgettable wedding moments, and host productive meetings—all thoughtfully designed to complement your stay.'; ?></p>
</div>
</div>
<div class="w-layout-grid grid-layout mobile-landscape-1-column grid-gap-sm">
<a href="#" class="utility-link-content-block w-inline-block">
<div id="w-node-c5675721-f773-8905-e0d0-506b0d86399d-0d86398c" class="utility-aspect-3x2 utility-margin-bottom-1rem w-node-dab6edac-c6ae-b2e9-0742-ccc96228115a-36f10c5b">
<?php if ($centerbanners_hotel && $centerbanners_hotel->facilities1_image): ?>
<img width="" height="" alt="<?= $centerbanners_hotel->facilities1_title; ?>" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->facilities1_image; ?>" loading="lazy" class="image cover-image">
<?php else: ?>
<img width="" height="" alt="image of school reception area" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/507b4ba6-277d-42f9-bbec-e0aa3e4b0611.avif" loading="lazy" class="image cover-image">
<?php endif; ?>
</div>
<h3 class="h4-heading"><?= $centerbanners_hotel && $centerbanners_hotel->facilities1_title ? $centerbanners_hotel->facilities1_title : 'Delightful Of Themes'; ?></h3>
<p><?= $centerbanners_hotel && $centerbanners_hotel->facilities1_subtitle ? $centerbanners_hotel->facilities1_subtitle : 'Blue Sky Hotel Balikpapan has three restaurants: Garden Restaurant • Sushi Ten(Japanese Restaurant) • Golden Palace (Chinese Restaurant)All restaurants also offer a modern, warm, and elegant contemporary design with the best views in the city.'; ?></p>
<!-- <div class="text-button secondary-text-button">
<div>View details</div>
<div class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 16 16" fill="none">
<path d="M2 8H14.5M14.5 8L8.5 2M14.5 8L8.5 14" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
</svg></div>
</div> -->
</a>
<a href="#" class="utility-link-content-block w-inline-block">
<div id="w-node-c7acdf99-9899-6fce-696b-b91f736cad98-0d86398c" class="utility-aspect-3x2 utility-margin-bottom-1rem w-node-dab6edac-c6ae-b2e9-0742-ccc96228116d-36f10c5b">
<?php if ($centerbanners_hotel && $centerbanners_hotel->facilities2_image): ?>
<img class="image cover-image" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->facilities2_image; ?>" width="" height="" alt="<?= $centerbanners_hotel->facilities2_title; ?>" loading="lazy">
<?php else: ?>
<img class="image cover-image" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/spa.jpg" width="" height="" alt="image of plated gourmet dish for a fine dining restaurant" loading="lazy">
<?php endif; ?>
</div>
<h3 class="h4-heading"><?= $centerbanners_hotel && $centerbanners_hotel->facilities2_title ? $centerbanners_hotel->facilities2_title : 'Bodyfresh Health Club & Spa'; ?></h3>
<p><?= $centerbanners_hotel && $centerbanners_hotel->facilities2_subtitle ? $centerbanners_hotel->facilities2_subtitle : 'A wonderful experience begins at Bodyfresh Health Club & Spa, a journey to physical and mental wellness. Equipped with an Outdoor Swimming pool, Fitness & Aerobic Center, Futsal and Squash Court, Sauna Room, Hot & Cold Pool, Massage Rooms, VIP Couple Rooms, Treatment & Beauty Salon.'; ?></p>
<!-- <div class="text-button secondary-text-button">
<div>See more</div>
<div class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 16 16" fill="none">
<path d="M2 8H14.5M14.5 8L8.5 2M14.5 8L8.5 14" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
</svg></div>
</div> -->
</a>
<a href="#" class="utility-link-content-block w-inline-block">
<div id="w-node-c7acdf99-9899-6fce-696b-b91f736cad98-0d86398c" class="utility-aspect-3x2 utility-margin-bottom-1rem w-node-f58d53ee-3be3-668a-9788-6db1a9969a54-36f10c5b">
<?php if ($centerbanners_hotel && $centerbanners_hotel->facilities3_image): ?>
<img class="image cover-image" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->facilities3_image; ?>" width="" height="" alt="<?= $centerbanners_hotel->facilities3_title; ?>" loading="lazy">
<?php else: ?>
<img class="image cover-image" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/Samboja-1.jpg" width="" height="" alt="image of plated gourmet dish for a fine dining restaurant" loading="lazy">
<?php endif; ?>
</div>
<h3 class="h4-heading"><?= $centerbanners_hotel && $centerbanners_hotel->facilities3_title ? $centerbanners_hotel->facilities3_title : 'Elegantly Designed Meeting Room'; ?></h3>
<p><?= $centerbanners_hotel && $centerbanners_hotel->facilities3_subtitle ? $centerbanners_hotel->facilities3_subtitle : 'We provide 12 meeting rooms and 1 Ballroom venue elegantly designed in a variety of sizes to accommodate any event. From business meetings to private events, we provide the ideal setting for your meetings with facility modern supported by teams of capable staff that are ready to support the success of all your meetings.'; ?></p>
<!-- <div class="text-button secondary-text-button">
<div>See more</div>
<div class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 16 16" fill="none">
<path d="M2 8H14.5M14.5 8L8.5 2M14.5 8L8.5 14" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
</svg></div>
</div> -->
</a>
<a href="#" class="utility-link-content-block w-inline-block">
<div id="w-node-c7acdf99-9899-6fce-696b-b91f736cad98-0d86398c" class="utility-aspect-3x2 utility-margin-bottom-1rem w-node-_8e9083f0-39e1-67f0-f0ca-3a998cb96fe3-36f10c5b">
<?php if ($centerbanners_hotel && $centerbanners_hotel->facilities4_image): ?>
<img class="image cover-image" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->facilities4_image; ?>" width="" height="" alt="<?= $centerbanners_hotel->facilities4_title; ?>" loading="lazy">
<?php else: ?>
<img class="image cover-image unsplash-image" src="<?= base_url(); ?>themes/<?= $theme; ?>/bluesky-new/images/nAvodiKjbTM.jpg" width="5472" height="3648" alt="image of plated gourmet dish for a fine dining restaurant" style="color:#d9d9d9;background-color:#d9d9d9" loading="lazy">
<?php endif; ?>
</div>
<h3 class="h4-heading"><?= $centerbanners_hotel && $centerbanners_hotel->facilities4_title ? $centerbanners_hotel->facilities4_title : 'Embrace Your Most Cherish Moment at Blue Sky'; ?></h3>
<p><?= $centerbanners_hotel && $centerbanners_hotel->facilities4_subtitle ? $centerbanners_hotel->facilities4_subtitle : 'Celebrate the start of a life together at Blue Sky Hotel Balikpapan, Kalimantan Timur. With a selection of impressive wedding venues, expert planning services, and comprehensive wedding packages, the hotel ensures that your big day honors your personality.'; ?></p>
<!-- <div class="text-button secondary-text-button">
<div>See more</div>
<div class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 16 16" fill="none">
<path d="M2 8H14.5M14.5 8L8.5 2M14.5 8L8.5 14" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
</svg></div>
</div> -->
</a>
</div>
</div>
</section>
<?php if(count($testimonies) > 0) : ?>
<section data-copilot="true" class="section secondary-section" style="padding-top: 0px;">
<div class="container">
<div class="utility-text-align-center utility-margin-bottom-4rem">
<p class="eyebrow"><?= $centerbanners_hotel && $centerbanners_hotel->testimony_tag ? $centerbanners_hotel->testimony_tag : 'What our clients say'; ?></p>
<h2><?= $centerbanners_hotel && $centerbanners_hotel->testimony_title ? $centerbanners_hotel->testimony_title : 'Trusted by travelers worldwide'; ?></h2>
<p class="utility-margin-bottom-0"><?= $centerbanners_hotel && $centerbanners_hotel->testimony_subtitle ? $centerbanners_hotel->testimony_subtitle : 'Real feedback from guests and partners.'; ?></p>
</div>
<div class="w-layout-grid grid-layout desktop-3-column tablet-2-column mobile-landscape-1-column grid-gap-xs utility-margin-bottom-4rem">
<?php foreach($testimonies as $testimony) : ?>
<div id="w-node-_41fff12e-1586-561f-5165-e0644c9d860c-561843a0" class="card card-on-secondary w-node-_37c7945f-d1c2-bf87-4cc2-5fd4173cc5f2-36f10c5b">
<div class="card-body">
<div class="flex-horizontal y-center flex-gap-xs utility-margin-bottom-1rem">
<!-- <div class="avatar"><img width="" height="48" alt="[headshot] image of student (for a private tutor)" src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/3db951c6-d4bd-4857-a3e9-75f94dd77466.avif" loading="lazy" data-aisg-image-id="3db951c6-d4bd-4857-a3e9-75f94dd77466" class="cover-image"></div> -->
<div>
<div class="paragraph-sm utility-margin-bottom-0"><strong><?= $testimony['customer_name'] ?></strong></div>
<div class="paragraph-sm utility-margin-bottom-0"><?= $testimony['from_country'] ?></div>
</div>
</div>
<?= $testimony['testimony'] ?>
</div>
</div>
<?php endforeach ?>
</div>
</div>
</section>
<?php endif ?>
<?php if(!empty($faq['faq1_q'])) : ?>
<section data-copilot="true" class="section" style="padding-top: 0px;">
<div class="container">
<div id="w-node-_080ab5f1-a942-ec51-aefc-8743693e61aa-b79326a9" class="utility-max-width-lg utility-margin-bottom-4rem w-node-e01d6f79-1bb5-4163-5e71-deca8eb89d2e-36f10c5b">
<div class="eyebrow"><?= $centerbanners_hotel->faq_tag ?></div>
<h2><?= $centerbanners_hotel->faq_title ?></h2>
<div class="subheading">
<?= $centerbanners_hotel->faq_subtitle ?>
</div>
</div>
<div id="w-node-_080ab5f1-a942-ec51-aefc-8743693e61b1-b79326a9" class="w-layout-grid grid-layout desktop-3-column tablet-2-column mobile-landscape-1-column grid-gap-md w-node-e01d6f79-1bb5-4163-5e71-deca8eb89d53-36f10c5b">
<?php for ($i=1; $i < 7; $i++) : ?>
<?php if(!empty($faq['faq' . $i . '_q'])) : ?>
<div class="utility-padding-left-2rem divider-vertical utility-padding-top-0-5rem">
<h3 class="h4-heading"><?= $faq['faq' . $i . '_q'] ?></h3>
<div class="rich-text w-richtext">
<?= $faq['faq' . $i . '_a'] ?>
</div>
</div>
<?php endif ?>
<?php endfor ?>
</div>
</div>
</section>
<?php endif ?>
<section data-record-id="26435c50-b502-dcbd-9ad7-48ee64646840" data-copilot="true" class="section utility-overflow-hidden" style="padding-top: 0px; padding-bottom: 0px;">
<div class="utility-width-125 centered">
<div class="w-layout-grid grid-layout desktop-1-column grid-gap-sm">
<div class="w-layout-grid grid-layout desktop-10-column grid-gap-sm">
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery1_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87c7-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf740216-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery1_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 1" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery1_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery2_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87c9-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf740218-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery2_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 2" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery2_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery3_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87cb-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf74021a-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery3_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 3" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery3_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery4_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87cd-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf74021c-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery4_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 4" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery4_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery5_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87cf-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf74021e-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery5_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 5" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery5_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
</div>
<div class="w-layout-grid grid-layout desktop-10-column grid-gap-sm">
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87d2-cbfa87c3" class="w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf740220-36f10c5b"></div>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery6_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87d3-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf740222-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery6_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 6" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery6_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery7_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87d5-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf740224-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery7_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 7" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery7_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery8_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87d7-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf740226-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery8_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 8" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery8_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
<?php if ($centerbanners_hotel && $centerbanners_hotel->gallery9_image): ?>
<div id="w-node-_68223040-239a-9e1a-9ad0-b648cbfa87d9-cbfa87c3" class="utility-aspect-1x1 w-node-ec47f9ed-9efa-f4e1-5e4b-8d4ecf740228-36f10c5b"><a href="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery9_image; ?>" class="popup-gallery"><img width="1216" height="832" alt="Gallery Image 9" src="<?= base_url(); ?>uploads/page/<?= $centerbanners_hotel->gallery9_image; ?>" loading="lazy" class="cover-image"></a></div>
<?php endif; ?>
</div>
</div>
</div>
<div class="container utility-margin-top-4rem"></div>
</section>
<!-- Magnific Popup CSS -->
<link rel="stylesheet" href="<?= base_url(); ?>assets/frontend/css/magnific-popup.css">
<!-- Magnific Popup JS -->
<script src="<?= base_url(); ?>assets/frontend/js/jquery.magnific-popup.min.js"></script>
<!-- Initialize Magnific Popup -->
<script>
$(document).ready(function() {
$('.popup-gallery').magnificPopup({
type: 'image',
gallery: {
enabled: true
},
image: {
titleSrc: function(item) {
return item.el.find('img').attr('alt');
}
}
});
});
</script>
<?php if(count($events) > 0) : ?>
<section data-record-id="fe0967b3-9bfe-818b-4e46-eb460653284c" 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"><?= $centerbanners_hotel && $centerbanners_hotel->news_tag ? $centerbanners_hotel->news_tag : 'Press & Activities'; ?></h2>
<h3 class="h3-heading"><?= $centerbanners_hotel && $centerbanners_hotel->news_title ? $centerbanners_hotel->news_title : 'Latest News and Announcements'; ?></h3>
<p class="paragraph-lg utility-margin-bottom-0"><?= $centerbanners_hotel && $centerbanners_hotel->news_subtitle ? $centerbanners_hotel->news_subtitle : 'Stay updated with Blue Sky Hotel Balikpapan latest events and press highlights.'; ?></p>
</div>
<div class="w-layout-grid grid-layout desktop-3-column tablet-1-column grid-gap-sm">
<?php foreach($events as $event) : ?>
<?php $img_arr = explode(' | ', $event['img_name']) ?>
<a id="w-node-ad7e1832-39e3-90e5-6cc9-f687cbdd7d91-bac2655b" href="<?= base_url() . 'hotel/' . $hotel->alias . '/event/' . $event['slug'] ?>" class="card-link w-node-_01b4bc59-8d14-0730-de94-ca7dedd878c7-36f10c5b w-inline-block">
<div class="utility-aspect-3x2 utility-position-relative flex-horizontal x-right"><img width="1216" height="832" alt="<?= $event['header_text'] ?>" src="<?= base_url() . 'uploads/events/' . $img_arr[0] ?>" loading="lazy" data-aisg-image-id="ee97f089-e58e-46f9-befe-23011ab6e9fc" class="cover-image">
<div class="card utility-position-absolute utility-margin-top-1rem utility-margin-right-1rem">
<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">
<h4 class="h3-heading"><?= $event['header_text'] ?></h4>
<div class="text-link utility-text-decoration-none">
<div>Read more</div>
</div>
</div>
</a>
<?php endforeach ?>
</div>
<div class="button-group align-center utility-margin-top-3rem">
<a href="#" class="button secondary-button w-button">View all updates</a>
</div>
</div>
</section>
<?php endif ?>
<section data-copilot="true" class="section secondary-section" style="padding-top: 0px;">
<div class="container">
<h2 class="eyebrow"><?= $centerbanners_hotel && $centerbanners_hotel->cta_tag ? $centerbanners_hotel->cta_tag : 'Contact information'; ?></h2>
<h2 class="h2-heading"><?= $centerbanners_hotel && $centerbanners_hotel->cta_title ? $centerbanners_hotel->cta_title : 'Connect with our team'; ?></h2>
<p class="subheading"><?= $centerbanners_hotel && $centerbanners_hotel->cta_subtitle ? $centerbanners_hotel->cta_subtitle : 'Reach out for bookings or inquiries.'; ?></p>
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-lg"><img class="image cover-image utility-aspect-1x1 w-node-bb7a1ef8-284f-ddef-4ebb-5272ba398d6d-36f10c5b" src="<?= base_url() . 'uploads/page/' . $centerbanners_hotel->cta_image ?>" width="" height="" alt="" sizes="(max-width: 1670px) 100vw, 1670px" data-aisg-image-id="0ed0d02f-d9aa-4a09-9fd4-9c2152bc5b13" id="w-node-fb82df46-e6fd-d36d-c2da-e67d246d1bfd-4326ca96" loading="lazy">
<ul role="list" class="flex-horizontal flex-vertical y-space-between flex-gap-xs utility-margin-bottom-0 w-list-unstyled">
<li class="utility-margin-bottom-0">
<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>
<h4 class="h5-heading">Email</h4>
<p class="utility-text-secondary">We respond within one business day.</p>
<div class="utility-display-block">
<a href="#" class="text-link secondary-text-link"><?= $centerbanners_hotel->cta_email ?></a>
</div>
</li>
<li class="utility-margin-bottom-0">
<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>
<h4 class="h5-heading">Phone</h4>
<p class="utility-text-secondary">Available during business hours.</p>
<div><?= $centerbanners_hotel->cta_phone ?></div>
</li>
<li>
<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>
<h4 class="h5-heading">Our Location</h4>
<p class="utility-text-secondary">Visit us.</p>
<div><?= $centerbanners_hotel->cta_address ?></div>
</li>
</ul>
</div>
</div>
</section>