| 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/en/ |
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="/en">
<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">
</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 z-20 shadow-lg">
<div class="container mx-auto px-4 flex items-center justify-between">
<!-- Logo -->
<div class="flex items-center">
<a href="/en">
<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="/en" 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">
Home
</a>
<a href="/en/company" 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">
Company
</a>
<a href="/en/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="/en/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="/en/career" 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">
Career
</a>
<a href="/en/contact" 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">
Contact
</a>
</div>
<!-- Icons -->
<div class="hidden lg:flex items-center space-x-4 relative">
<input id="input-search" class="bg-gray-200 hidden absolute -left-36 z-[1]" 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="/"
class="border-[0.5] border-neutral-500">
<img class="w-[25px] h-auto" src="/assets/img/indonesia.jpg" alt="ID">
</a>
<a class="border-[0.5px] border-gray-400" href="/en"
class="border-[0.5] border-neutral-500">
<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-[50px] h-auto" src="/assets/img/inggris.jpg" alt="EN">
</div>
<ul id="dropdownMenu" class="absolute bg-white w-full z-[1] p-1 shadow hidden">
<li>
<a href="index" class="flex items-center">
<img class="w-[25px] h-auto" src="/assets/img/indonesia.jpg"
alt="ID">
</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="/en"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Home</a>
<a href="/en/company"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Company</a>
<a href="/en/brand"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Brand</a>
<a href="/en/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="/en/career"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Career</a>
<a href="en/Contact"
class="block px-4 py-2 hover:bg-red-600 hover:text-white rounded-md text-base font-medium">Contact</a>
</div>
</div>
</div>
</nav>
</div>
<div class="">
<div class="-mt-12 md:-mt-[103px]">
<img class="relative z-[2] w-full -mb-12" src="/assets/img/banner-header-new.png" alt="">
</div>
<div class="relative bg-[length:60vh_auto] lg:bg-cover bg-no-repeat bg-center h-[50vh] lg:h-[100vh] z-[1] bottom-3 md:bottom-16 lg:bottom-12 -mt-[6rem] lg:-mt-[1rem]" style="background-image: url(/assets/img/banner-profil.png);"alt="bronson">
<div class="grid grid-cols-3 grid-rows-1 h-[100%] te`xt-[#3D294A]">
<div class="flex justify-end items-center">
<h1 class="text-[1.563rem] md:text-[40px] lg:text-[50px] text-end font-medium">Bronson at
a glance</h1>
</div>
<div nama="kosong"></div>
<div class="flex justify-start items-center">
<div class="w-[90%]">
<p class="text-[0.75rem] md:text-[15px] lg:text-[22px] md:leading-5 lg:leading-9 leading-[14px] mb-2 font-medium lg:mb-10">
Today Bronson is known as one of the leading local companies producing and<br class="hidden lg:visible">
distributing food and beverages<br>with a focus on confectionery and<br class="hidden lg:visible">chocolate.</p>
<a href="en/company" class="flex items-center focus:text-[#6a4483]">
<p class="text-[12px] lg:text-[15px] mr-2">See More</p>
<img class="w-[9%] z-[1]" src="/assets/img/arrow.png" alt="">
</a>
</div>
</div>
</div>
</div>
<div>
<div class="flex justify-center mb-8">
<div class="flex justify-center">
<div class="text-center text-[#62408F]">
<h1 class="text-[2.5rem] font-cr-regular">Product Category</h1>
<p class="text-[1.6rem] font-cr-light">Enjoy the yummy candies and chocolates from Bronson</p>
</div>
</div>
</div>
<div class="flex justify-center">
<div class="grid grid-cols-1 grid-rows-3 md:grid-cols-3 md:grid-rows-1 mx-[12%] gap-5 mb-6 max-w-[60vw]">
<a href="/brand/lolli-pop-candy" class="flex justify-end items-center p-7">
<img class="w-full hover:opacity-[.70]" src="/assets/img/lollipop-candy-1.png" alt="">
</a>
<a href="/brand/hard-candy" class="flex justify-center items-center p-7">
<img class="w-full hover:opacity-[.70]" src="/assets/img/hard-candy-1.png" alt="">
</a>
<a href="/brand/chocolate" class="flex justify-start items-center p-7">
<img class="w-full hover:opacity-[.70]" src="/assets/img/chocolate-1.png" alt="">
</a>
</div>
</div>
</div>
<div class="index-card-bg h-auto bg-cover bg-top top-10 bg-no-repeat relative md:top-0 lg:top-[10rem] md:mb-28 z-[3] lg:hidden">
<div class="text-center text-white p-6 leading-tight md:hidden lg:block lg:left-[80%] lg:top-16 z-[30]">
<h1 class="font-medium text-[1.875rem]">Mainstay<br>Product</h1>
</div>
<div class="grid grid-cols-1 h-[1253px] grid-rows-4 md:mt-40">
<div class="flex bg-no-repeat bg-left bg-[length:80%_250px] h-[25rem] lg:bg-[length:50%_400px]" style="background-image: url(/assets/img/image_0001_shape-26-copy.png)">
<div class="text-right flex items-center ">
<div class="text-[#623D91] w-[50%]">
<h1 class="text-[1.5rem] ">Hot Hot Pop</h1>
<p class="text-[0.625rem] mb-4">A refreshing foot-shaped lollipop with<br>
mango flavor, giving a unique sour and<br>
sweet taste sensation.</p>
<div class="flex justify-end mr-5 md:mr-0">
<img class="hidden lg:block w-[15%] relative left-40 z-[1]" src="/assets/img/arrow.png" alt="">
<a class="relative left-3 z-0 text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="en/brand/hot-hot-pop">See More</a>
</div>
</div>
<div class="w-[50%] xs:p-4">
<div class="flex justify-center">
<img class="h-[30%] md:w-[75%] " src="/assets/img/hot-hot-pop.png" alt="">
</div>
</div>
</div>
</div>
<div class="flex justify-end w-full">
<div class="flex justify-end bg-no-repeat bg-right bg-[length:100%_250px] h-[25rem] lg:bg-[length:90%_400px]" style="background-image: url(/assets/img/image_0000_shape-27-copy.png)">
<div class="text-left flex items-center">
<div class="w-[50%] xs:p-4">
<div class="flex justify-start">
<img class="h-[30%] md:w-[75%] " src="/assets/img/pendekar-biru.png" alt="">
</div>
</div>
<div class="text-[#623D91] w-[50%]">
<h1 class="text-[1.5rem] ">Pendekar Biru</h1>
<p class="text-[0.625rem] mb-4">A unique candy that makes your<br>
tongue turn blue! available in fresh<br>
jsweet raspberry taste to express your<br>
courage and adventurous spirit.</p>
<div class="flex justify-start mr-5">
<a class="text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="/en/brand/pendekar-biru">See More</a>
<img class="hidden lg:block w-[15%] relative right-5" src="/assets/img/arrow.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="flex bg-no-repeat bg-left bg-[length:80%_250px] h-[25rem] lg:bg-[length:50%_400px]" style="background-image: url(/assets/img/image_0001_shape-26-copy.png)">
<div class="text-right flex items-center">
<div class="text-[#623D91] w-[50%]">
<h1 class="text-[1.5rem] ">Hotmil</h1>
<p class="text-[0.625rem] mb-4">The pleasure of real high-calcium<br>
cow’s milk candy combined with the<br>
freshness of exciting fruit flavors.</p>
<div class="flex justify-end mr-5 md:mr-0">
<img class="hidden z-[1] lg:block w-[15%] relative left-40" src="/assets/img/arrow.png" alt="">
<a class="relative left-3 z-0 text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="/en/brand/hot-mil-milk">See More</a>
</div>
</div>
<div class="w-[50%] xs:p-4">
<div class="flex justify-center">
<img class="h-[30%] md:w-[75%] " src="/assets/img/hot-milk.png" alt="">
</div>
</div>
</div>
</div>
<div class="flex justify-end w-full">
<div class="flex justify-end bg-no-repeat bg-right bg-[length:100%_250px] h-[25rem] lg:bg-[length:90%_400px]" style="background-image: url(/assets/img/image_0000_shape-27-copy.png)">
<div class="text-left flex items-center">
<div class="w-[50%] xs:p-4">
<div class="flex justify-star h-[100%]">
<img class="h-[30%] md:w-[75%] " src="/assets/img/hot-hot-ball.png" alt="">
</div>
</div>
<div class="text-[#623D91] w-[50%]">
<h1 class="text-[1.5rem] ">Hot Hot Ball</h1>
<p class="text-[0.625rem] mb-4">A round lollipop in mango flavor, the<br>
sour and sweet taste creates a<br>
pleasant expression.</p>
<div class="flex justify-start mr-5">
<a class="text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="/en/brand/hot-hot-ball">See More</a>
<img class="hidden lg:block w-[15%] relative right-5" src="/assets/img/arrow.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hidden lg:block relative -bottom-24">
<div class="bg-top bg-no-repeat grid grid-cols-2 z-[2]" style="background-image:url(/assets/img/bg-prodak-andalan.png)">
<div class="mt-[16vh]">
<div class="flex bg-right bg-no-repeat mb-[15%]" style="background-image: url(/assets/img/image_0001_shape-26-copy.png)">
<div class="w-[50%] flex items-center justify-end text-[#62408F]">
<div class="text-right flex flex-col justify-end items-end">
<h1 class=" text-[60px] ">Hot Hot Pop</h1>
<p class="text-[15px] mb-2">A refreshing foot-shaped lollipop with<br>
mango flavor, giving a unique sour and<br>
sweet taste sensation.</p>
<div class="flex items-center justify-between w-fit">
<a class="relative left-7 z-0 text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="/en/brand/hot-hot-pop">See More</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1]" src="/assets/img/arrow.png" alt="">
</div>
</div>
</div>
<div class="flex justify-end w-[50%] ">
<img class="w-[80%]" src="/assets/img/hot-hot-pop.png" alt="">
</div>
</div>
<div class="index-ungulan-bg bg-contain bg-no-repeat">
<div class="flex bg-right bg-no-repeat" style="background-image: url(/assets/img/image_0001_shape-26-copy.png)">
<div class="w-[50%] flex items-center justify-end text-[#62408F]">
<div class="text-right flex flex-col justify-end items-end">
<h1 class=" text-[60px] ">Hotmil</h1>
<p class="text-[15px] mb-2">The pleasure of real high-calcium<br>
cow’s milk candy combined with the<br>
freshness of exciting fruit flavors.</p>
<div class="flex items-center justify-between w-fit">
<a class="relative left-7 z-0 text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="/en/brand/hot-mil-milk">See More</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1]" src="/assets/img/arrow.png" alt="">
</div>
</div>
</div>
<div class="flex justify-end w-[50%] ">
<img class="w-[80%]" src="/assets/img/hot-milk.png" alt="">
</div>
</div>
</div>
</div>
<div>
<div class="flex items-center justify-center h-[360px] mt-[10vh]">
<h1 class="ml-[30%] text-[76px] text-white">Mainstay<br>Product</h1>
</div>
<div class="flex bg-left bg-no-repeat " style="background-image: url(/assets/img/image_0000_shape-27-copy.png)">
<div class="flex justify-end w-[50%] ">
<img class="w-[80%]" src="/assets/img/pendekar-biru.png" alt="">
</div>
<div class="w-[50%] flex items-center justify-start text-[#62408F]">
<div class="text-left flex flex-col justify-center items-start">
<h1 class=" text-[60px] ">Pendekar Biru</h1>
<p class="text-[15px] mb-2">A round lollipop in mango flavor, the<br>
sour and sweet taste creates a<br>
pleasant expression.</p>
<div class="flex items-center justify-between w-fit">
<a class="z-0 text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="/en/brand/pendekar-biru">See More</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1] relative -left-7" src="/assets/img/arrow.png" alt="">
</div>
</div>
</div>
</div>
<div class="flex bg-left bg-no-repeat mt-[20%]" style="background-image: url(/assets/img/image_0000_shape-27-copy.png)">
<div class="flex justify-end w-[50%] ">
<img class="w-[80%] z-[2]" src="/assets/img/hot-hot-ball-new.png" alt="">
</div>
<div class="w-[50%] flex items-center justify-start text-[#62408F]">
<div class="text-left">
<h1 class=" text-[60px] ">Hot Hot Ball</h1>
<p class="text-[15px] mb-2">A round lollipop in mango flavor, the<br>
sour and sweet taste creates a<br>
pleasant expression.</p>
<div class="flex items-center justify-between w-fit">
<a class="z-0 text-[0.700rem] py-2 px-8 rounded-full md:rounded-none lg:rounded-full border-2 border-[#623D91] hover:text-white hover:bg-[#623D91]" href="/en/brand/hot-hot-ball">See More</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1] relative -left-7" src="/assets/img/arrow.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-cover bg-bottom h-[100%] w-screen relative flex justify-center items-center top-10 text-[#623E91] md:hidden" style="background-image: url(/assets/img/bg-prodak-andalann-bottom.png)">
<div class="bg-[length:350px_150px] bg-center h-[100%] w-[80%] bg-no-repeat rounded-3xl my-[100px]" style="background-image: url(/assets/img/bg-prodak.png)">
<div class="text-center p-2">
<h1 class="font-medium text-sm">Find more products</h1>
</div>
<div class="flex px-3">
<div class="flex justify-center items-center w-[50%]">
<img class="w-[70%]" src="/assets/img/produk.png" alt="">
</div>
<div class="w-[50%] text-xs flex items-center">
<p>Apart from Top Products, there are some other products that are popular in private, local, and
regional markets.
</p>
</div>
</div>
<div class="text-center py-2 flex items-center justify-center">
<a href="en/brand" class="bg-white rounded-full border-2 p-2 text-[8px] border-[#623E91]">See more
product
</a>
</div>
</div>
</div>
<div class="bg-cover py-8 z-0 h-[70vh] bg-bottom relative md:flex justify-center items-center text-[#623E91] hidden -bottom-20" style="background-image: url(/assets/img/bg-prodak-andalann-bottom.png)">
<div class="bg-cover bg-no-repeat bg-center flex items-center px-3 rounded-[45px] w-[895px] h-[150px] max-w-[895px] max-h-[150px]" style="background-image: url(/assets/img/bg-prodak.png)">
<h1 class="text-[27px] w-[30%] ml-5">Find <br>more products</h1>
<div class="w-[20%]">
<img class="" src="/assets/img/produk.png" alt="">
</div>
<p class="w-[27%]">
Apart from Top Products, there are some other products that are popular in private, local, and regional
markets.</p>
<div class="flex justify-center items-center w-[200px]">
<a href="/en/brand" class="py-2 px-5 border-2 rounded-full border-[#623E91]">See more product</a>
</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">Get closer to us</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">Find details about our head office contact, our brand
and our operating company.</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="/assets/build/js/script.js"></script>
</body>
</html>