| 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/kontak/ |
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="/kontak">
<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] mb-5" src="/assets/img/banner-header-kontak.png" alt="header-kontak">
</div>
<div class="mx-[12%]">
<h1 class="text-[30px] md:text-[70px] lg:text-[70px] text-center text-[#62408F] font-medium mb-[15px] sm:mb-[30px]">
Hubungi Kami</h1>
<h2
class="text-[15px] md:text-[30px] lg:text-[30px] text-center text-[#62408F] font-normal mb-[10px] sm:mb-[20px] leading-6 sm:leading-10">
Jika anda memiliki pertanyaan seputar PT. Bronson Prima Industri, silahkan menghubungi kami.
</h2>
<div class="flex flex-wrap w-[100%] my-[8%]">
<div class="w-full sm:w-1/2">
<div>
<input
class="border-[1px] border-[#eaeaea] bg-[#fafafa] focus:outline-none focus:border-blue-100 p-[10px] rounded-xl w-[100%] mr-0 sm:mr-3 mb-6 h-[50px] text-black font-normal"
placeholder="Name" type="text">
</div>
<div>
<input
class="border-[1px] border-[#eaeaea] bg-[#fafafa] focus:outline-none focus:border-blue-100 p-[10px] rounded-xl w-[100%] mr-0 sm:mr-3 mb-6 h-[50px] text-black font-normal"
placeholder="Email" type="text">
</div>
<div>
<input
class="border-[1px] border-[#eaeaea] bg-[#fafafa] focus:outline-none focus:border-blue-100 p-[10px] rounded-xl w-[100%] mr-0 sm:mr-3 mb-6 h-[50px] text-black font-normal"
placeholder="Telephone / Cell phone " type="text">
</div>
</div>
<div class="w-full sm:w-1/2">
<div>
<input
class="border-[1px] border-[#eaeaea] bg-[#fafafa] focus:outline-none focus:border-blue-100 p-[10px] rounded-xl w-[100%] ml-0 sm:ml-3 mb-6 h-[50px] text-black font-normal"
placeholder="Subject" type="text">
</div>
<div>
<textarea
class="border-[1px] border-[#eaeaea] bg-[#fafafa] focus:outline-none focus:border-blue-100 p-[10px] rounded-xl w-[100%] h-[150px] ml-0 sm:ml-3 mb-6 text-black font-normal"
placeholder="Message"></textarea>
</div>
<div class="flex justify-center md:justify-end w-full ml-0 md:ml-3">
<button
class="bg-[#62408f] hover:bg-[#4f3270] py-2 px-[100px] h-[40px] md:h-[35px] flex items-center justify-center rounded-2xl shadow-md shadow-blue-200 text-white text-center"
type="submit">Submit
</button>
</div>
</div>
</div>
</div>
</div>
</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>