|
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="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-6370bd6d">
<!-- Background Slideshow -->
<?php if(!empty($product['image'])) : ?>
<div class="slideshow-container utility-position-absolute" style="width: 100%; height: 100%; top: 0; left: 0; z-index: 1;">
<div class="slide active">
<img class="cover-image utility-position-absolute" src="<?= base_url() . 'uploads/product/' . $product['image'] ?>" width="1216" height="832" alt="" sizes="100vw" >
</div>
</div>
<?php endif ?>
<?php if(!empty($product['image3'])) : ?>
<div class="slideshow-container utility-position-absolute" style="width: 100%; height: 100%; top: 0; left: 0; z-index: 1;">
<div class="slide active">
<img class="cover-image utility-position-absolute" src="<?= base_url() . 'uploads/product/' . $product['image3'] ?>" width="1216" height="832" alt="" sizes="100vw" >
</div>
</div>
<?php endif ?>
<?php if(!empty($product['image4'])) : ?>
<div class="slideshow-container utility-position-absolute" style="width: 100%; height: 100%; top: 0; left: 0; z-index: 1;">
<div class="slide active">
<img class="cover-image utility-position-absolute" src="<?= base_url() . 'uploads/product/' . $product['image4'] ?>" width="1216" height="832" alt="" sizes="100vw" >
</div>
</div>
<?php endif ?>
<!-- Dot Pagination -->
<div class="slideshow-dots" style="position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 15; display: flex; gap: 10px;">
<?php for ($i=1; $i <4; $i++) : ?>
<span class="dot
<?php if($i === 1) : ?>
active
<?php endif ?>
" 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 endfor ?>
</div>
<!-- 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-6370bd6d" 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);"><?= $product['title'] ?></h1>
</div>
</div>
</div>
</header>
<header 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 id="w-node-_1a4e2b76-4ff4-9917-3a06-ea31ddf44bd1-ddf44bce" class="w-node-ccec2e56-18bd-5553-1511-7d2176f79687-6370bd6d">
<h1 class="h1-heading"><?= $product['intro_title'] ?></h1>
<div class="subheading">
<?= $product['description'] ?>
</div>
</div>
<div class="w-layout-grid grid-layout tablet-1-column grid-gap-xs">
<img width="270" height="" alt="" src="<?= base_url() . 'uploads/product/large/' . $product['img_thumb'] ?>" id="w-node-_1a4e2b76-4ff4-9917-3a06-ea31ddf44bde-ddf44bce" data-aisg-image-id="251dcba8-9cdf-4514-9dd9-2e9388294eb0" class="cover-image utility-tablet-aspect-3x2-1-2-3-4-5 w-node-ccec2e56-18bd-5553-1511-7d2176f79688-6370bd6d">
<img width="270" height="" alt="" src="<?= base_url() . 'uploads/product/' . $product['image1'] ?>" id="w-node-_1a4e2b76-4ff4-9917-3a06-ea31ddf44be0-ddf44bce" data-aisg-image-id="d874b0b0-628a-4cc2-ac19-bdf15f2af12b" class="cover-image utility-tablet-aspect-3x2-1-2-3-4-5 w-node-ccec2e56-18bd-5553-1511-7d2176f79689-6370bd6d">
<img width="270" height="" alt="" src="<?= base_url() . 'uploads/product/' . $product['image2'] ?>" id="w-node-_1a4e2b76-4ff4-9917-3a06-ea31ddf44be2-ddf44bce" data-aisg-image-id="ddf26060-929c-4f46-9589-c670f313e0b8" class="cover-image utility-tablet-aspect-3x2-1-2-3-4-5 w-node-ccec2e56-18bd-5553-1511-7d2176f7968a-6370bd6d"></div>
</div>
</div>
</header>
<section data-copilot="true" class="section" style="padding-top: 0px;">
<div class="container" style="padding-top: 0px;">
<div class="w-layout-grid grid-layout mobile-landscape-1-column grid-gap-xs y-bottom utility-margin-bottom-3rem">
<div>
<div class="eyebrow"><?= $product['facility_tag'] ?></div>
<h2 class="h2-heading"><?= $product['facility_title'] ?></h2>
<div class="utility-margin-bottom-0">
<?= $product['facility_subtitle'] ?>
</div>
</div>
</div>
<div class="w-layout-grid grid-layout mobile-landscape-1-column grid-gap-sm">
<?php for ($i=1; $i < 5; $i++) : ?>
<?php if(!empty($product['facility' . $i . '_image'])) : ?>
<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-6370bd6d"><img width="" height="" alt="image of school reception area" src="<?= base_url() . 'uploads/product/' . $product['facility' . $i . '_image'] ?>" data-aisg-image-id="fa4420f9-4956-4ba6-a393-fafb425cd5b6" class="image cover-image"></div>
<h3 class="h4-heading"><?= $product['facility' . $i . '_title'] ?></h3>
<div><?= $product['facility' . $i . '_subtitle'] ?></div>
<div class="text-button secondary-text-button"></div>
</a>
<?php endif ?>
<?php endfor ?>
</div>
</div>
</section>
<!-- Magnific Popup CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
<!-- Magnific Popup JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script>
$(document).ready(function() {
$('.popup-gallery').magnificPopup({
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');
}
}
});
});
</script>
<style>
.slideshow-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide.active {
opacity: 1;
}
.slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cover-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.utility-aspect-1x1 {
overflow: hidden;
}
.utility-aspect-1x1 .cover-image {
transition: transform 0.3s ease;
}
.utility-aspect-1x1:hover .cover-image {
transform: scale(1.05);
}
.dot.active {
background-color: white !important;
}
.dot:hover {
background-color: rgba(255,255,255,0.8) !important;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const slides = document.querySelectorAll('.slide');
const dots = document.querySelectorAll('.dot');
let currentSlideIndex = 0;
function showSlide(index) {
// Remove active class from all slides and dots
slides.forEach(slide => slide.classList.remove('active'));
dots.forEach(dot => dot.classList.remove('active'));
// Add active class to current slide and dot
if (slides[index] && dots[index]) {
slides[index].classList.add('active');
dots[index].classList.add('active');
}
}
function nextSlide() {
currentSlideIndex = (currentSlideIndex + 1) % slides.length;
showSlide(currentSlideIndex);
}
// Add click event to dots with proper event handling
dots.forEach((dot, index) => {
dot.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
currentSlideIndex = index;
showSlide(currentSlideIndex);
});
});
// Auto-advance slides every 5 seconds
setInterval(nextSlide, 5000);
// Initialize first slide
showSlide(0);
});
</script>
<?php if(!empty($product['icon1'])) : ?>
<section data-record-id="e6c4ff35-f9df-f782-d582-5b08c0e9ca58" data-copilot="true" class="section accent-primary-section" style="padding-top: 0px;">
<div class="container">
<h2 class="utility-text-align-center utility-margin-bottom-0">Lounge Facilities</h2>
<div class="w-layout-grid grid-layout desktop-4-column tablet-3-column mobile-landscape-2-column mobile-portrait-1-column grid-gap-md utility-margin-top-4rem">
<?php for ($i=1; $i < 13; $i++) : ?>
<?php if(!empty($product['icon' . $i])) : ?>
<div id="w-node-f330d058-b7b9-e2d0-10f9-9340e7041225-d3d8c712" class="flex-horizontal flex-gap-xxs w-node-_8d8a0e1e-8a2c-157d-b927-299c0a2d20d6-6370bd6d">
<div>
<div class="icon icon-on-accent-primary"><img src="<?= base_url() . 'uploads/product/' . $product['icon' . $i] ?>" width="Auto" alt=""></div>
</div>
<p class="utility-margin-bottom-0"><strong><?= $product['text_icon' . $i] ?></strong></p>
</div>
<?php endif ?>
<?php endfor ?>
</div>
</div>
</section>
<?php endif ?>
<?php if(!empty($product['partnership'])) : ?>
<section class="section" style="padding-top: 0;">
<div class="container">
<div class="utility-text-align-center utility-margin-bottom-4rem">
<h2>Partnership</h2>
</div>
<img src="<?= base_url() . 'uploads/product/' . $product['partnership'] ?>" alt="Partnership">
</div>
</section>
<?php endif ?>
<?php if(!empty($product['testimony1_name'])) : ?>
<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">What our clients say</p>
<h2>Trusted by travelers worldwide</h2>
<p class="utility-margin-bottom-0">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 for ($i=1; $i < 7; $i++) : ?>
<div id="w-node-_41fff12e-1586-561f-5165-e0644c9d860c-561843a0" class="card card-on-secondary w-node-_37c7945f-d1c2-bf87-4cc2-5fd4173cc5f2-6370bd6d">
<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="" src="<?= base_url() . 'uploads/product/' . $product['testimony' . $i . '_image'] ?>" data-aisg-image-id="3db951c6-d4bd-4857-a3e9-75f94dd77466" class="cover-image"></div>
<div>
<div class="paragraph-sm utility-margin-bottom-0"><strong><?= $product['testimony' . $i . '_name'] ?></strong></div>
<div class="paragraph-sm utility-margin-bottom-0"><?= $product['testimony' . $i . '_work'] ?></div>
</div>
</div>
<p><?= $product['testimony' . $i . '_content'] ?></p>
</div>
</div>
<?php endfor ?>
</div>
</div>
</section>
<?php endif ?>
<?php if(!empty($product['faq1_question'])) : ?>
<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-6370bd6d">
<div class="eyebrow"><?= $product['faq_tag'] ?></div>
<h2><?= $product['faq_title'] ?></h2>
<div class="subheading"><?= $product['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-6370bd6d">
<?php for ($i=1; $i < 7; $i++) : ?>
<div class="utility-padding-left-2rem divider-vertical utility-padding-top-0-5rem">
<h3 class="h4-heading"><?= $product['faq' . $i . '_question'] ?></h3>
<div class="rich-text w-richtext">
<p><?= $product['faq' . $i . '_answer'] ?></p>
</div>
</div>
<?php endfor ?>
</div>
<a href="#" class="button primary-button w-button" style="margin-top: 2rem;">More Question?</a>
</div>
</section>
<?php endif ?>
<section data-record-id="fe4b76d3-268c-85bf-7ccf-d0be6cfbb067" data-copilot="true" class="section" style="padding-top: 0px;">
<div class="container">
<div class="utility-text-align-center utility-margin-bottom-4rem">
<h2 class="h2-heading">Lounge Gallery</h2>
</div>
<div class="w-layout-grid grid-layout desktop-4-column tablet-2-column mobile-portrait-1-column grid-gap-xs">
<?php if ($product_images->num_rows() > 0) :
foreach ($product_images->result() as $image) :
?>
<div class="utility-aspect-1x1">
<a href="<?= base_url(); ?>uploads/product/large/<?= $image->image; ?>" class="popup-gallery">
<img class="image cover-image"
src="<?= base_url(); ?>uploads/product/large/<?= $image->image; ?>"
alt="<?= $image->title; ?>"
sizes="100vw"
>
</a>
</div>
<?php
endforeach;
else :
?>
<div class="utility-aspect-1x1">
<p class="text-center">No gallery images available for this product.</p>
</div>
<?php endif; ?>
</div>
</div>
</section>
<section data-copilot="true" class="section secondary-section" style="padding-top: 0px;">
<div class="container">
<h2 class="eyebrow">Contact information</h2>
<h2 class="h2-heading">Connect with our Airport Lounge Team</h2>
<p class="subheading">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-6370bd6d" src="<?= base_url() . 'uploads/product/' . $product['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" >
<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"><?= $product['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">Contact us during business hour.</p>
<div><?= $product['nomor_telepon'] ?></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"><?= $product['title'] ?></h4>
<p class="utility-text-secondary">Visit us during business hours.</p>
<div><?= $product['alamat'] ?></div>
</li>
</ul>
</div>
</div>
</section>