<!-- hero-section area start here  -->
<div class="hero-section">
<div class="hero-slider"><!-- Slide 1: Signature Cakes -->
<div class="signle-slide" style="background-image: url('{{@BASE}}/ui/images/hero-banner-bg.webp');">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-6">
<div class="hero-slider-content text-center">
<h2 class="slider-sub-title">Freshly Baked</h2>
<h1 class="slider-title">Signature Cakes</h1>
<p class="slider-text">Personalized cakes designed to make your celebrations unforgettable.</p>
<div class="slider-btn"><a class="secondary-btn" href="{{@SITE}}/page/customized-cake">Customize a Cake</a></div>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-6">
<div class="hero-slider-image text-center"><img class="hero-image img-fluid" src="{{@BASE}}/ui/images/hero-banner-image-1.webp" alt="Bake2Bash Signature Cakes" /></div>
</div>
</div>
</div>
</div>
<!-- Slide 2: Custom Cakes -->
<div class="signle-slide" style="background-image: url('{{@BASE}}/ui/images/hero-banner-bg-2.webp');">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-6">
<div class="hero-slider-content text-center">
<h2 class="slider-sub-title">Custom Cakes</h2>
<h1 class="slider-title">Made Your Way</h1>
<p class="slider-text">Tell us your theme, flavor &amp; size &mdash; we&rsquo;ll craft it perfectly.</p>
<div class="slider-btn"><a class="secondary-btn" href="{{@SITE}}/page/customized-cake">Customize Now</a></div>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-6">
<div class="hero-slider-image text-center"><img class="hero-image img-fluid" src="{{@BASE}}/ui/images/hero-banner-image-2.webp" alt="Bake2Bash Custom Cakes" /></div>
</div>
</div>
</div>
</div>
<!-- Slide 3: Pastries / Naked Cakes -->
<div class="signle-slide" style="background-image: url('{{@BASE}}/ui/images/hero-banner-bg-3.webp');">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-6">
<div class="hero-slider-content text-center">
<h2 class="slider-sub-title">Delicious Pastries</h2>
<h1 class="slider-title">Sweet Moments</h1>
<p class="slider-text">Experience the magic of our freshly baked pastries in every bite.</p>
<div class="slider-btn"><a class="secondary-btn" href="{{@SITE}}/page/nakeds">Browse Naked Cakes</a></div>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-6">
<div class="hero-slider-image text-center"><img class="hero-image img-fluid" src="{{@BASE}}/ui/images/hero-banner-image-3.webp" alt="Bake2Bash Pastries &amp; Naked Cakes" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- hero-section area end here  -->
<p>&nbsp;</p>