관리-도구
편집 파일: ea0811018a481abbb9a78f5c27f3067a.php
<!DOCTYPE html> <html lang="zxx" data-theme="dark"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="description" content="Moonlit - Hotel and Resort HTML Template"> <meta name="keywords" content="hotel, resort, Spa"> <meta name="robots" content="index, follow"> <!-- for open graph social media --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> <!-- Swiper CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet"> <!-- Swiper JS --> <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script> <meta property="og:title" content="Hotel and Resort"> <meta property="og:description" content="Moonlit - Hotel and Resort HTML Template"> <!-- for twitter sharing --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Hotel and Resort"> <meta name="twitter:description" content="Moonlit - Hotel and Resort HTML Template"> <!-- favicon --> <link rel="icon" href="assets/images/logo.png" type="image/x-icon"> <!-- title --> <title>Bonefire Events</title> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital,wght@0,400;1,600&display=swap" rel="stylesheet"> <!-- Swiper CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <!-- Swiper JS --> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <!-- google fonts --> <link href="https://fonts.googleapis.com/css2?family=Gilda+Display&family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <!-- icon font from flaticon --> <link rel="stylesheet" href="assets/fonts/flaticon_bokinn.css"> <!-- all plugin css --> <link rel="stylesheet" href="assets/css/plugins.min.css"> <!-- main style custom css --> <link rel="stylesheet" href="assets/css/style.css"> </head> <?php $__env->startSection('content'); ?> <!-- header area end --> <style> * { margin: 0; font-family: "combi-sans-light", sans-serif; font-style: normal; letter-spacing: .06em; } h1,h2,h3,h4,h5,h6{ font-family: "Playfair Display", serif; } /* Typographic tweaks! 3. Add accessible line-height 4. Improve text rendering */ body { -webkit-font-smoothing: antialiased; font-family: "combi-sans-light", sans-serif; font-style: normal; letter-spacing: .06em; } .font{ font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; } .button1 { pointer-events: auto; cursor: pointer; height: 40px; border: 2px solid; /* set border width */ padding: 8px 20px; margin: 0; font-family: inherit; font-size: 16px; position: relative; display: inline-block; background: transparent; border-image: linear-gradient(291deg, rgba(235, 215, 89, 0.532) 49%, rgba(159, 102, 0, 0.767) 100%); border-image-slice: 1; } </style> <div class="swiper heroSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item" style="background-image: url('assets/images/gallery/1.jpeg');"> <div class="image-overlay"></div> <div class="contents"> <div class="title">BONFIRE EVENTS</div> </div> </div> </div> <div class="swiper-slide"> <div class="item" style="background-image: url('assets/images/gallery/2.jpeg');"> <div class="image-overlay"></div> <div class="contents"> <div class="title">BONFIRE EVENTS</div> <!-- <div class="name">NIGHTS</div> <div class="des">Cozy up with stories and laughter beside the flames.</div> --> </div> </div> </div> <div class="swiper-slide"> <div class="item" style="background-image: url('assets/images/gallery/3.jpeg');"> <div class="image-overlay"></div> <div class="contents"> <div class="title">BONFIRE EVENTS</div> <!-- <div class="name">FEST</div> <div class="des">Experience joy, music, and unforgettable moments.</div> --> </div> </div> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <style> .swiper { width: 100%; height: 850px; } .swiper-slide { display: flex; align-items: center; justify-content: center; } /* Animate the .item container */ .item { position: relative; width: 100%; height: 90%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; animation: fadeZoomIn 1.2s ease forwards; opacity: 0; } /* Dark overlay animation */ .image-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; animation: fadeInOverlay 1.5s ease forwards; opacity: 0; } /* Content animations */ .contents { position: relative; z-index: 1; color: white; padding: 60px 80px; max-width: 900px; margin-bottom: -350px; text-align: right; font-family: "Playfair Display", serif; } .title { font-size: 64px; font-weight: bold; opacity: 0; animation: slideInRight 1s ease forwards; animation-delay: 0.5s; } .name { font-size: 48px; margin-top: 20px; padding: 15px 30px; background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05)); backdrop-filter: blur(10px); /* frosted glass effect */ -webkit-backdrop-filter: blur(10px); /* for Safari */ border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.3); /* soft white border */ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); /* subtle shadow */ color: #fff; display: inline-block; opacity: 0; animation: slideInRight 1s ease forwards; animation-delay: 0.9s; } .des { font-size: 18px; margin-top: 30px; opacity: 0; animation: slideInRight 1s ease forwards; animation-delay: 1.3s; } /* Animations */ @keyframes slideInRight { 0% { transform: translateX(50px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeZoomIn { 0% { transform: scale(0.95); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes fadeInOverlay { 0% { opacity: 0; } 100% { opacity: 1; } } </style> <script> const swiper = new Swiper('.heroSwiper', { loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, on: { slideChangeTransitionStart: function () { const currentSlide = document.querySelectorAll('.swiper-slide'); currentSlide.forEach(slide => { const item = slide.querySelector('.item'); const title = slide.querySelector('.title'); const name = slide.querySelector('.name'); const des = slide.querySelector('.des'); const overlay = slide.querySelector('.image-overlay'); if (item) item.style.animation = 'none'; if (title) title.style.animation = 'none'; if (name) name.style.animation = 'none'; if (des) des.style.animation = 'none'; if (overlay) overlay.style.animation = 'none'; // Re-trigger animations setTimeout(() => { if (item) item.style.animation = ''; if (title) title.style.animation = ''; if (name) name.style.animation = ''; if (des) des.style.animation = ''; if (overlay) overlay.style.animation = ''; }, 50); }); } } }); </script> <!-- banner area end --> <!-- advance search --> <!-- about us --> <div class="rts__section about__area is__home__one section__padding"> <div class="section__shape"> <img src="assets/images/about/section__shape.svg" alt=""> </div> <div class="container"> <div class="row"> <div class="about__wrapper"> <div class="content"> <span class="h6 subtitle__icon__two d-block wow fadeInUp">About Us</span> <h2 class="font content__title wow fadeInUp">Welcome to Bonfire Events</h2> <p class="content__subtitle wow fadeInUp" data-wow-delay=".3s"><?php echo e($about->description); ?></p> <a href="about" class="theme-btn btn-style fill no-border wow fadeInUp" data-wow-delay=".5s"><span>Learn More</span></a> </div> <div class="image "> <div class="position-relative wow fadeInUp" data-wow-delay=".3s"> <div class="jara-mask-1 jarallax image-height"> <img src="<?php echo e(asset('storage/' . $about->image)); ?>" class="jarallax-img" alt=""> </div> </div> <div class="image__card radius-10 wow fadeInUp" data-wow-delay=".5s"> <div class="icon radius-10 center-item"> <i class="flaticon-people"></i> </div> <div class="content"> <span class="h5">18+</span> <p> Years of Experience</p> </div> </div> </div> </div> </div> </div> </div> <!-- facilities --> <!-- Swiper CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <!-- Your Custom CSS (optional) --> <style> .swiper { padding-bottom: 40px; } .swiper-slide { height: auto; } .rts__card { background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border-radius: 12px; padding: 20px; height: 100%; } .card-body { text-align: center; } .icon img { width: 50px; margin-bottom: 15px; } .section__title { font-size: 2rem; font-weight: bold; } .swiper-button-next, .swiper-button-prev { color: #333; } </style> <!-- Add this CSS in your <head> or stylesheet first --> <style> .flip-card { background-color: transparent; width: 100%; height: 310px; perspective: 1000px; } .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; } .flip-card:hover .flip-card-inner, .flip-card:active .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } .flip-card-back { transform: rotateY(180deg); } </style> <div class="rts__section facilities__area has__background has__shape py-90"> <div class="section__shape"> <img src="assets/images/shape/facility-dark.svg" alt=""> </div> <div class="container"> <div class="row justify-content-center text-center mb-40"> <div class="col-lg-6"> <div class="section__topbar"> <span class="h6 subtitle__icon__three mx-auto">Services</span> <h2 class="section__title font">Our Services</h2> </div> </div> </div> <!-- Swiper --> <div class="rts__section pb-120 mt-5"> <div class="container"> <div class="row g-30"> <p>At Bonfire Events, we offer a diverse range of services tailored to meet every event need. Whether it’s ceremonial functions, corporate conferences, vehicle rallies, product launches, weddings, birthdays, or PR coordination – we bring each event to life with strategic planning and flawless execution. Our expertise also spans MICE events, celebrity management, BTL campaigns, market surveys, and roadshows. Whatever your occasion, we ensure it’s handled with excellence from concept to completion. </p> <!-- Card 1 --> <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <!-- Card 2 --> <div class="col-xl-4 col-lg-6 col-md-6"> <div class="room__card"> <div class="room__card__top"> <div class="room__card__image"> <div class="flip-card"> <div class="flip-card-inner"> <div class="flip-card-front"> <img src="<?php echo e(asset('storage/' . $service->image)); ?>" width="420" height="310" alt="Corporate Events"> </div> <div class="flip-card-back"> <img src="<?php echo e(asset('storage/' . $service->image1)); ?>" width="420" height="310" alt="Corporate Events"> </div> </div> </div> </div> </div> <div class="room__card__meta"> <a class="room__card__title h5"><?php echo e($service->description1); ?></a> <p class="font-sm"><?php echo e($service->description2); ?></p> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> <div class="col-lg-12 mt-5" style="align-items: center ;"> <center><a href="services" class="theme-btn btn-style sm-btn fill">View more....</a></center> </div> </div> </div> </div> </div> <!-- facilities end --> <style> .slider { overflow: hidden; position: relative; width: 100%; background: rgba(32, 32, 32, 0.525); border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); padding: 20px 0; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 5px; bottom: 5px; background-color: rgba(32, 32, 32, 0.525); -webkit-transition: 0.4s; transition: 0.4s; } .slide-track { display: flex; width: calc(250px * 10 * 2); animation: scroll 20s linear infinite; } .slide { width: 250px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 10px; } .slide img { width: 100%; height: auto; max-height: 80px; object-fit: contain; transition: filter 0.3s ease; } .slide img:hover { filter: grayscale(0%); } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* Optional: Make it responsive */ @media (max-width: 768px) { .slide { width: 180px; } .slide-track { width: calc(180px * 10 * 2); } } </style> <div class="slider"> <div class="slide-track"> <?php $__currentLoopData = $clients; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $client): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="slide"> <img src="<?php echo e(asset('storage/' . $client->image)); ?>" alt="Client Logo"> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> <?php $__currentLoopData = $clients; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $client): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="slide"> <img src="<?php echo e(asset('storage/' . $client->image)); ?>" alt="Client Logo"> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <!-- our room --> <div class="rts__section section__padding"> <div class="container"> <div class="row justify-content-center text-center mb-40"> <div class="col-lg-12 wow fadeInUp"> <div class="section__topbar"> <span class="h6 subtitle__icon__three mx-auto">Works</span> <h2 class="font section__title">Our Works</h2> <p>At Bonfire Events, our reputation is built on trust and excellence – a fact reflected in the clients we proudly serve. Over the years, we’ve partnered with renowned names such as Mahindra, TVS, Bosch, Nippon Paint, Kalyan Jewellers, Manappuram Finance, Jos Alukkas, Federal Bank, and Lulu Group. From automotive giants to financial institutions and retail leaders, our client list speaks volumes about our ability to deliver high-impact, memorable events for brands that lead their industries.</p> </div> </div> </div> <div class="row g-30 gallery"> <?php $__currentLoopData = $gallerys; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $gallery): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="col-lg-4 col-md-6"> <div class="gallery__item"> <a href="<?php echo e(asset('storage/' . $gallery->image)); ?>" class="gallery__link"> <img class="rounded-2 img-fluid" src="<?php echo e(asset('storage/' . $gallery->image)); ?>" alt="gallery"> </a> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> <div class="col-lg-12 mt-5" style="align-items: center ;"> <center><a href="gallery" class="theme-btn btn-style sm-btn fill">View more....</a></center> </div> </div> </div> <!-- client testimonial --> <div class="rts__section client__testimonial is__home__one has__background has__shape py-90"> <div class="section__shape"> <div class="shape__one"> <img src="assets/images/shape/testimonial-dark.svg" alt=""> </div> <div class="shape__two"> <img src="assets/images/shape/testimonial-dark-2.svg" alt=""> </div> </div> <div class="container"> <div class="row justify-content-center text-center mb-40"> <div class="col-lg-6 wow fadeInUp"> <div class="section__topbar"> <span class="h6 subtitle__icon__three mx-auto">Testimonial</span> <h2 class="font section__title">What Our Client Say</h2> </div> </div> </div> <div class="row position-relative justify-content-center "> <div class="col-lg-10"> <div class="testimonial__slider overflow-hidden wow fadeInUp" data-wow-delay=".3s"> <div class="swiper-wrapper"> <!-- single slider item --> <?php $__currentLoopData = $testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="swiper-slide"> <div class="single__slider__item is__home "> <div class="slider__rating mb-30"> <i class="flaticon-star"></i> <i class="flaticon-star"></i> <i class="flaticon-star"></i> <i class="flaticon-star"></i> <i class="flaticon-star-sharp-half-stroke"></i> </div> <p style="font-size: 18px;" class="slider__text d-block"><?php echo $testimonial->comment; ?></p> <div class="slider__author__info"> <div class="slider__author__info__image"> <img src="<?php echo e(asset('storage/' . $testimonial->image)); ?>" alt=""> </div> <div class="slider__author__info__content"> <h6 class="mb-0"><?php echo e($testimonial->name); ?></h6> <span><?php echo e($testimonial->location); ?></span> </div> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </div> <div class="full__width__nav"> <div class="rts__slide"> <div class="next slider-button-prev"> <svg width="41" height="22" viewBox="0 0 41 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.25536 9.75546H39.0408C39.7335 9.75546 40.2931 10.3151 40.2931 11.0078C40.2931 11.7005 39.7335 12.2601 39.0408 12.2601H4.28054L11.8807 19.8603C12.3699 20.3495 12.3699 21.1439 11.8807 21.6331C11.3915 22.1223 10.597 22.1223 10.1078 21.6331L0.366985 11.8923C0.00693893 11.5322 -0.098732 10.9961 0.0969467 10.5264C0.292625 10.0607 0.750515 9.75546 1.25536 9.75546Z" fill="#65676B" /> <path d="M11.0079 0.0028038C11.3288 0.0028038 11.6497 0.124125 11.8924 0.370679C12.3816 0.859874 12.3816 1.65432 11.8924 2.14352L2.13979 11.8961C1.6506 12.3853 0.856151 12.3853 0.366956 11.8961C-0.122239 11.4069 -0.122239 10.6125 0.366956 10.1233L10.1195 0.370679C10.3661 0.124125 10.687 0.0028038 11.0079 0.0028038Z" fill="#65676B" /> </svg> </div> </div> <div class="rts__slide"> <div class="prev slider-button-next"> <svg width="41" height="22" viewBox="0 0 41 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M39.0374 12.2499L1.25198 12.245C0.55928 12.2449 -0.000286104 11.6852 -0.000196778 10.9925C-0.000107452 10.2998 0.559603 9.74024 1.2523 9.74033L36.0125 9.74481L28.4134 2.14371C27.9242 1.65445 27.9243 0.859997 28.4136 0.370865C28.9029 -0.118267 29.6973 -0.118164 30.1864 0.371094L39.926 10.1132C40.286 10.4733 40.3916 11.0095 40.1959 11.4791C40.0001 11.9447 39.5422 12.2499 39.0374 12.2499Z" fill="#65676B" /> <path d="M29.2835 22.0013C28.9626 22.0012 28.6417 21.8799 28.3991 21.6333C27.9099 21.144 27.91 20.3496 28.3993 19.8604L38.1531 10.1091C38.6424 9.61998 39.4368 9.62008 39.926 10.1093C40.4151 10.5986 40.415 11.393 39.9257 11.8822L30.1719 21.6335C29.9253 21.88 29.6044 22.0013 29.2835 22.0013Z" fill="#65676B" /> </svg> </div> </div> </div> </div> </div> </div> <!-- client testimonial end --> <?php $__env->stopSection(); ?> <!-- footer style one end --> <!-- back to top --> <button type="button" class="rts__back__top" id="rts-back-to-top"> <svg width="20" height="20" viewBox="0 0 13 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.30201 1.51317L7.29917 21.3422C7.29912 21.7057 6.97211 21.9993 6.5674 21.9993C6.16269 21.9992 5.83577 21.7055 5.83582 21.342L5.83844 3.10055L1.39753 7.08842C1.11169 7.34511 0.647535 7.34506 0.361762 7.0883C0.0759894 6.83155 0.0760493 6.41464 0.361896 6.15795L6.05367 1.04682C6.26405 0.857899 6.5773 0.802482 6.85167 0.905201C7.12374 1.00792 7.30205 1.24823 7.30201 1.51317Z" fill="#FFF" /> <path d="M12.9991 6.6318C12.9991 6.80021 12.9282 6.96861 12.7841 7.09592C12.4983 7.35261 12.0341 7.35256 11.7483 7.0958L6.05118 1.97719C5.76541 1.72043 5.76547 1.30352 6.05131 1.04684C6.33716 0.790152 6.80131 0.790206 7.08709 1.04696L12.7842 6.16557C12.9283 6.29498 12.9991 6.46339 12.9991 6.6318Z" fill="#FFF" /> </svg> </button> <!-- back to top end --> <!-- THEME PRELOADER START --> <div class="loader-wrapper"> <div class="loader"> </div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div> <!-- THEME PRELOADER END --> <!-- plugin js --> <script src="assets/js/plugins.min.js"></script> <script src="assets/js/gdpr.js"></script> <!-- custom js --> <script src="assets/js/main.js"></script> </body> </html> <?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\ICT LARAVEL\Laravel\bonfire\resources\views/frontend/index.blade.php ENDPATH**/ ?>