|
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/laciasmara.com/public_html/shop/application/views/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laciasmaraa - Under Construction</title>
<link rel="icon" href="favicon.png">
<script src="https://cdn.tailwindcss.com"></script>
<style>
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
}
.fade-in {
animation: fadeIn 0.5s ease-out forwards;
}
</style>
</head>
<body class="relative h-screen overflow-hidden bg-black">
<video autoplay muted loop class="absolute top-0 left-0 w-full h-full object-cover">
<source src="https://storage.googleapis.com/laciasmara-photos/laciaasmara_assets/laciasmara_landing_page/landing_page.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="absolute inset-0 bg-black/60"></div>
<div id="dialogBox" class="relative z-10 flex items-center justify-center h-full opacity-0">
<div class="fade-in bg-white/20 backdrop-blur-lg shadow-xl rounded-xl p-8 w-[90%] max-w-lg text-center transform scale-90 transition-transform">
<img src="https://storage.googleapis.com/laciasmara-photos/laciaasmara_assets/laciasmara_landing_page/under_maintenance.webp"
alt="Laciasmara - Under Construction"
class="mx-auto w-40 mb-4 opacity-0 fade-in"
style="animation-delay: 0.2s;">
<h1 class="text-white text-xl font-bold opacity-0 fade-in" style="animation-delay: 0.4s;">
Website Under Construction
</h1>
<p class="text-white text-sm my-4 opacity-0 fade-in" style="animation-delay: 0.6s;">
We're working hard to bring this website to life! If you'd like to make a purchase in the meantime, please visit the link below.
</p>
<a href="https://wa.me/628114715626" target="_blank">
<button
class="bg-green-500 hover:bg-green-600 text-white font-semibold py-2 px-6 rounded-full transition-all duration-30 opacity-0 fade-in"
style="animation-delay: 0.8s;">
Chat via WhatsApp
</button>
</a>
<a href="https://www.tokopedia.com/laciasmaraofficial" target="_blank">
<button
class="bg-[#7A4397] hover:bg-[#66357a] text-white font-semibold py-2 px-6 rounded-full transition-all duration-300 opacity-0 fade-in"
style="animation-delay: 0.8s;">
Tokopedia - Fast Shopping
</button>
</a>
</div>
</div>
<script>
// Add animation on page load
window.addEventListener('DOMContentLoaded', () => {
const dialogBox = document.getElementById('dialogBox');
setTimeout(() => {
dialogBox.style.opacity = '1';
}, 200); // Delay to make the entrance smooth
});
</script>
</body>
</html>