| 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/source/ |
Upload File : |
@extends('_layouts.main')
@section('main')
<div class="-mt-12 md:-mt-[103px]">
<img class="relative z-[2] w-full -mb-12" src="{{ asset('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({{ asset('img/banner-profil.png') }});"alt="bronson">
<div class="grid grid-cols-3 grid-rows-1 h-[100%] text-[#3D294A]">
<div class="flex justify-end items-center">
<h1 class="text-[1.563rem] md:text-[40px] lg:text-[50px] text-end font-medium">Sekilas Bronson</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">
Kini Bronson
dikenal sebagai salah satu
perusahaan lokal
terkemuka
yang<br class="hidden lg:visible">
memproduksi dan mendistribusikan<br>makanan dan minuman dengan fokus di<br class="hidden lg:visible">bidang kembang gula dan
cokelat.</p>
<a href="perusahaan" class="flex items-center focus:text-[#6a4483]">
<p class="text-[12px] lg:text-[15px] mr-2">Selengkapnya</p>
<img class="w-[9%] z-[1]" src="{{ asset('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">Kategori Produk</h1>
<p class="text-[1.6rem] font-cr-light">Nikmati enaknya permen dan cokelat dari 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="{{ asset('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="{{ asset('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="{{ asset('img/chocolate-1.png') }}" alt="">
</a>
</div>
</div>
</div>
<div class="index-card-bg h-auto bg-cover bg-top bg-no-repeat relative 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]">Produk<br>Andalan</h1>
</div>
<div class="grid grid-cols-1 h-[1253px] grid-rows-4 md:mt-40">
{{-- card1 --}}
<div class="flex bg-no-repeat bg-left bg-[length:80%_250px] h-[25rem] lg:bg-[length:50%_400px]" style="background-image: url({{ asset('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">Permen lollipop kaki yang<br>menyegarkan dengan rasa
mangga<br>memberikan sensai rasa asam dan<br>manis yang unik</p>
<div class="flex justify-end mr-5 md:mr-0">
<img class="hidden lg:block w-[15%] relative left-40 z-[1]" src="{{ asset('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="/brand/hot-hot-pop">selengkapnya</a>
</div>
</div>
<div class="w-[50%] xs:p-4">
<div class="flex justify-center">
<img class="h-[30%] md:w-[75%] " src="{{ asset('img/hot-hot-pop.png') }}" alt="">
</div>
</div>
</div>
</div>
{{-- card2 --}}
<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({{ asset('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="{{ asset('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">Permen unik yang bikin lidahmu<br>jadi biru! Hadir dalam rasa
manis segar<br>rasberry untuk mengekspresikan keberanian<br>dan jiwa petualang.</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="/brand/pendekar-biru">selengkapnya</a>
<img class="hidden lg:block w-[15%] relative right-5" src="{{ asset('img/arrow.png') }}" alt="">
</div>
</div>
</div>
</div>
</div>
{{-- card3 --}}
<div class="flex bg-no-repeat bg-left bg-[length:80%_250px] h-[25rem] lg:bg-[length:50%_400px]" style="background-image: url({{ asset('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">Nikmatnya permen susu sapi asli yang<br>berkalsium tinggi
dipadukan
dengan<br>kesegaran rasa buah yang seru</p>
<div class="flex justify-end mr-5 md:mr-0">
<img class="hidden z-[1] lg:block w-[15%] relative left-40" src="{{ asset('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="/brand/hot-mil-milk">selengkapnya</a>
</div>
</div>
<div class="w-[50%] xs:p-4">
<div class="flex justify-center">
<img class="h-[30%] md:w-[75%] " src="{{ asset('img/hot-milk.png') }}" alt="">
</div>
</div>
</div>
</div>
{{-- card4 --}}
<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({{ asset('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="{{ asset('img/hot-hot-ball-new.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">Permen lollipop bulat rasa mangga,<br>rasa asam dan manisnya
memberikan<br>ekspresi yang menyenangkan.</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="/brand/hot-hot-ball">selengkapnya</a>
<img class="hidden lg:block w-[15%] relative right-5" src="{{ asset('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({{ asset('img/bg-prodak-andalan.png') }})">
<div class="mt-[16vh]">
<div class="flex bg-right bg-no-repeat mb-[15%]" style="background-image: url({{ asset('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">Permen lollipop kaki yang<br> menyegarkan dengan rasa
mangga.<br>memberikan
sensai rasa asam
dan<br>manis yang
unik</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="/brand/hot-hot-pop">selengkapnya</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1]" src="{{ asset('img/arrow.png') }}" alt="">
</div>
</div>
</div>
<div class="flex justify-end w-[50%] ">
<img class="w-[80%]" src="{{ asset('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({{ asset('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">Nikmatnya permen susu sapi asli yang<br>berkalsium tinggi
dipadukan
dengan<br>kesegaran rasa buah yang seru</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="/brand/hot-mil-milk">selengkapnya</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1]" src="{{ asset('img/arrow.png') }}" alt="">
</div>
</div>
</div>
<div class="flex justify-end w-[50%] ">
<img class="w-[80%]" src="{{ asset('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">Produk<br>Andalan</h1>
</div>
<div class="flex bg-left bg-no-repeat " style="background-image: url({{ asset('img/image_0000_shape-27-copy.png') }})">
<div class="flex justify-end w-[50%] ">
<img class="w-[80%]" src="{{ asset('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">Permen unik yang bikin lidahmu jadi<br>biru! Hadir dalam rasa manis
segar<br>
rasberry untuk mengekspresikan<br>keberanian dan jiwa petualang.</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="/brand/pendekar-biru">selengkapnya</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1] relative -left-7" src="{{ asset('img/arrow.png') }}" alt="">
</div>
</div>
</div>
</div>
<div class="flex bg-left bg-no-repeat mt-[20%]" style="background-image: url({{ asset('img/image_0000_shape-27-copy.png') }})">
<div class="flex justify-end w-[50%] ">
<img class="w-[80%] z-[2]" src="{{ asset('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">Permen lollipop bulat rasa mangga,<br>rasa asam dan manisnya
memberikan<br>
ekspresi yang menyenangkan.</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="/brand/hot-hot-ball">selengkapnya</a>
<img class="sm:block md:hidden lg:block h-[33px] z-[1] relative -left-7" src="{{ asset('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({{ asset('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({{ asset('img/bg-prodak.png') }})">
<div class="text-center p-2">
<h1 class="font-medium text-sm">Temukan produk lainnya</h1>
</div>
<div class="flex px-3">
<div class="flex justify-center items-center w-[50%]">
<img class="w-[70%]" src="{{ asset('img/produk.png') }}" alt="">
</div>
<div class="w-[50%] text-xs flex items-center">
<p>Selain Produk Top, masih ada beberapa produk yang populer di pasar individu, lokal, dan regional.
</p>
</div>
</div>
<div class="text-center py-2 flex items-center justify-center">
<a href="/brand" class="bg-white rounded-full border-2 p-2 text-[8px] border-[#623E91]">Lihat produk
lainnya</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({{ asset('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({{ asset('img/bg-prodak.png') }})">
<h1 class="text-[27px] w-[30%] ml-5">Temukan <br>produk lainnya</h1>
<div class="w-[20%]">
<img class="" src="{{ asset('img/produk.png') }}" alt="">
</div>
<p class="w-[27%]">Selain Produk Top, masih ada beberapa produk yang populer di pasar individu, lokal, dan
regional.</p>
<div class="flex justify-center items-center w-[200px]">
<a href="/brand" class="py-2 px-5 border-2 rounded-full border-[#623E91]">Lihat Produk Lain</a>
</div>
</div>
</div>
@endsection