<!-- breadcrumb area start here  -->
<div class="breadcrumb-area">
  <div class="container">
    <div class="breadcrumb-wrap text-center">
      <h2 class="page-title">About Bake2Bash</h2>
      <ul class="breadcrumb-pages">
        <li class="page-item"><a class="page-item-link" href="{{@SITE}}">Home</a></li>
        <li class="page-item">About Bake2Bash</li>
      </ul>
    </div>
  </div>
</div>
<!-- breadcrumb area end here  -->

<!-- about us area start here  -->
<div class="about-us-area section">
  <div class="container">
    <div class="row align-items-lg-center">
      <div class="col-lg-5 offset-lg-1 col-md-6">
        <div class="about-us-image">
          <!-- image code unchanged -->
          <img src="{{@BASE}}/ui/images/aboutus-image.webp" alt="About Bakshanam.online by Shree Balaji Catering Services (SBCS)" />
        </div>
      </div>
      <div class="col-lg-5 col-md-6">
        <div class="about-us-content">
          <div class="section-header-area">
            <h3 class="sub-title">About Us</h3>
            <h2 class="section-title">Delicious Moments, Baked with Love</h2>
          </div>

          <p class="about-us-text">
            <strong>Bake2Bash Cakeshop</strong> believes every celebration deserves a cake as unique as you. Since <strong>2016</strong>, we’ve been crafting freshly baked <strong>custom cakes</strong>, <strong>cupcakes</strong>, and elegant <strong>wedding creations</strong> using high-quality ingredients and a whole lot of heart.
          </p>

          <p class="about-us-text">
            What started as a home-baking passion has grown into a full-fledged studio where ideas become <em>edible art</em>. From cozy birthdays to big milestone moments, our designs balance <strong>taste, beauty, and emotion</strong>—so your cake isn’t just dessert, it’s the centerpiece of your celebration.
          </p>

          <p class="about-us-text">
            We proudly serve <strong>Almere, Amsterdam, Amstelveen, Utrecht</strong> and surrounding areas. Drop by for our signature cakes, artisan coffee, and refreshing matcha drinks—then <strong>bake, celebrate, repeat!</strong>
          </p>
			
			<p class="about-us-text">
            <strong>Meet Sathya, The Heart Behind the Bakes</strong>, the creative mind and master baker behind our cakes.
          </p>
			
			<p class="about-us-text">
            Sathya’s journey began with a simple love for baking at home in 2016 — mixing, decorating, and experimenting with flavors that made family and friends smile. What started as a hobby soon grew into a full-fledged passion to bring those same smiles to everyone.
          </p>
			
			<p class="about-us-text">
            With a keen eye for design and an artistic hand, Sathya transforms ideas into edible art — each cake telling its own story. From elegant wedding tiers to fun, colorful birthday cakes, her creations are known for their <strong>perfect balance of taste, beauty, and emotion.</strong>
          </p>
			
			<p class="about-us-text">
            At Bake2Bash, Sathya believes that a cake is not just dessert — it’s a <strong>symbol of joy, love, and celebration.</strong> Her dedication, attention to detail, and genuine care for every customer make Bake2Bash more than a bakery — it’s a place where happiness is baked fresh every day.
          </p>
			
        </div>
      </div>
    </div>
  </div>
</div>
<!-- about us area end here  -->


<!-- Load Material Icons once (remove if already loaded) -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

<!-- service area start here  -->
<div class="service-area section-bg">
  <div class="container-fluid p-0">
    <div class="row align-items-center g-0">
      <div class="col-lg-6">
        <div class="service-left"></div>
      </div>
      <div class="col-lg-6">
        <div class="service-lsit">
          <div class="row">

            <div class="col-md-6 col-sm-6">
              <div class="single-service">
                <div class="service-icon" aria-hidden="true">
                  <span class="material-icons" style="font-size:48px; color:#4caf50;">bakery_dining</span>
                </div>
                <div class="service-info">
                  <h3 class="service-title">Freshly Baked Daily</h3>
                  <p class="service-content">Small-batch baking for peak freshness, texture, and consistent flavor.</p>
                </div>
              </div>
            </div>

            <div class="col-md-6 col-sm-6">
              <div class="single-service">
                <div class="service-icon" aria-hidden="true">
                  <span class="material-icons" style="font-size:48px; color:#ff8c00;">cake</span>
                </div>
                <div class="service-info">
                  <h3 class="service-title">Custom Cake Designs</h3>
                  <p class="service-content">Bring your ideas—theme, color, and flavor—we’ll turn them into edible art.</p>
                </div>
              </div>
            </div>

            <div class="col-md-6 col-sm-6">
              <div class="single-service">
                <div class="service-icon" aria-hidden="true">
                  <span class="material-icons" style="font-size:48px; color:#ff5722;">icecream</span>
                </div>
                <div class="service-info">
                  <h3 class="service-title">Premium Ingredients</h3>
                  <p class="service-content">We choose quality creams, chocolates, fruits, and fillings—nothing less.</p>
                </div>
              </div>
            </div>

            <div class="col-md-6 col-sm-6">
              <div class="single-service">
                <div class="service-icon" aria-hidden="true">
                  <span class="material-icons" style="font-size:48px; color:#2196f3;">local_shipping</span>
                </div>
                <div class="service-info">
                  <h3 class="service-title">On-Time Delivery</h3>
                  <p class="service-content">Careful packaging and reliable delivery so your cake arrives perfect.</p>
                </div>
              </div>
            </div>

          </div><!-- row -->
        </div>
      </div>
    </div>
  </div>
</div>
<!-- service area end here  -->


<!-- Load Material Icons once (remove if already loaded globally) -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

<!-- Our Features area start here  -->
<div class="our-features-area section-top pb-100">
  <div class="container">
    <div class="section-header-area text-center">
      <h3 class="sub-title">Our Features</h3>
      <h2 class="section-title">Why Choose Bake2Bash</h2>
    </div>
    <div class="row">
      <div class="col-lg-10 offset-lg-1">
        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-6">
            <div class="single-features text-center">
              <div class="features-icon">
                <!-- cake-related icon -->
                <span class="material-icons" aria-hidden="true" style="font-size:56px; color:#ff8c00;">cake</span>
              </div>
              <h3 class="features-title">Custom Creations</h3>
              <p class="features-content">Personalised cakes and cupcakes tailored to your theme and story.</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-4 col-sm-6">
            <div class="single-features text-center">
              <div class="features-icon">
                <!-- cake-related icon -->
                <span class="material-icons" aria-hidden="true" style="font-size:56px; color:#4caf50;">bakery_dining</span>
              </div>
              <h3 class="features-title">Fresh Ingredients</h3>
              <p class="features-content">We bake with premium ingredients for standout taste and texture.</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-4 col-sm-6">
            <div class="single-features text-center">
              <div class="features-icon">
                <!-- celebration icon (fits cake/party theme) -->
                <span class="material-icons" aria-hidden="true" style="font-size:56px; color:#ff5722;">celebration</span>
              </div>
              <h3 class="features-title">Perfect for Every Occasion</h3>
              <p class="features-content">Birthdays, weddings, baby showers—celebrations made sweeter.</p>
            </div>
          </div>
        </div><!-- row -->
      </div>
    </div>
  </div>
</div>
<!-- Our Features area end here  -->


<!-- Load Material Icons once if not already loaded globally -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

<!-- ============================ FAQ (Advanced style, existing classes) ============================ -->
<div class="faq-section section">
  <div class="container">
    <div class="section-header-area text-center">
      <h3 class="sub-title">FAQ</h3>
      <h2 class="section-title">Questions people ask about Bake2Bash</h2>
    </div>

    <div class="faq-item">
      <button class="faq-question" aria-expanded="false">
        Will I get freshly baked cakes?
      </button>
      <div class="faq-answer" aria-hidden="true">
        <p>Yes — we bake in small batches daily using quality ingrediants, chocolates, fruits, and fillings for peak freshness.</p>
      </div>
    </div>
    <div class="faq-item">
      <button class="faq-question" aria-expanded="false">
        How many days in advance should I order my cakes?
      </button>
      <div class="faq-answer" aria-hidden="true">
        <p>We recommend placing orders for <strong>custom cakes at least 2 weeks in advance.</strong> Weekends are our busiest party days, so if your event falls on a weekend, it’s best to reserve your date even earlier. Ordering early gives you plenty of time to finalise the cake design, flavours, number of servings, and any other details to ensure everything is perfect for your celebration.</p>
      </div>
    </div>
    <div class="faq-item">
      <button class="faq-question" aria-expanded="false">
        Can I design my own cake and how much will it cost?
      </button>
      <div class="faq-answer" aria-hidden="true">
        <p><strong>Absolutely! Just share your theme, colours, and any reference images — we’ll bring your vision to life and turn it into edible art with flavours that match your celebration.</strong>For ideas, feel free to browse our <strong>Customised Cakes section</strong>. Every custom cake is unique in its design, flavours, and dietary preferences. Creating these cakes requires many hours of skilled, handcrafted work, which is reflected in the pricing. <strong>But we promise — the result will be a beautiful, delicious cake you’ll be truly happy with.</strong> </p>
      </div>
    </div>
	  
	    <div class="faq-item">
      <button class="faq-question" aria-expanded="false">
        Can I customize the Mini Celebration (standard cakes)?
      </button>
      <div class="faq-answer" aria-hidden="true">
        <p>Mini Celebration cakes are our standard cakes created with the baker’s design choice, so full customization is not available. However, we’re happy to <strong>add a name or short message (2–3 words) at no extra cost</strong>. Minor changes, such as buttercream color, may be possible if ordered at least 1 day in advance and for a small additional fee, subject to availability. Any requests beyond color changes will be considered a Custom Cake order, which starts at €50 minimum for an 8-serving cake.</p>
      </div>
    </div>  

    <div class="faq-item">
      <button class="faq-question" aria-expanded="false">
        Do you offer same-day delivery of custom cakes?
      </button>
      <div class="faq-answer" aria-hidden="true">
        <p>Unfortunately, <strong>we are unable to provide same-day delivery for custom cakes</strong>. Each custom cake is carefully baked, designed, and crafted to meet your exact requirements, which requires sufficient preparation time. However, our Mini Celebration Cakes are always available in-store, with a variety of flavours and designs ready for you to pick up anytime!</p>
      </div>
    </div>

    <div class="faq-item">
      <button class="faq-question" aria-expanded="false">
        What’s your cancellation policy for custom cakes?
      </button>
      <div class="faq-answer" aria-hidden="true">
        <p><strong>Cancellations are accepted up to 48 hours (2 days) before the scheduled delivery or pickup.</strong> In this case, any deposit paid for the custom cake will be fully refunded. <strong>For cancellations made within 48 hours, a fee of 25–50% of the cake’s total cost will be charged</strong>, as our bakers would have already begun the preparation process.</p>
      </div>
    </div>

    <div class="faq-item">
      <button class="faq-question" aria-expanded="false">
        Which areas do you deliver?
      </button>
      <div class="faq-answer" aria-hidden="true">
        <p>We deliver across <strong>Almere, Amsterdam, Amstelveen, Utrecht, Hoofddorp, Uithoorn, Aalsmeer, Lelystad and nearby regions</strong>. Pickup from our shop is also available during our opening hours. Delivery charges will apply based on distance.</p>
      </div>
    </div>
  </div>
</div>

<!-- ============================ Google Reviews (3 cards + bottom button) ============================ -->
<div class="google-reviews-area section section-bg">
  <div class="container">
    <div class="section-header-area text-center">
      <h3 class="sub-title">Google Reviews</h3>
      <h2 class="section-title">What customers say about Bake2Bash</h2>
    </div>

    <!-- 3 review cards -->
    <div class="testimonial-cards-container google-reviews-cards">
      <!-- Review 1 -->
      <div class="testimonial-card">
        <div class="testimonial-content">
          <div class="review-stars" aria-label="5 out of 5">
            <em class="material-icons">star</em><em class="material-icons">star</em>
            <em class="material-icons">star</em><em class="material-icons">star</em>
            <em class="material-icons">star</em>
          </div>
          <p class="testimonial-text">“Beautiful cake and so delicious! Not too sweet and everyone loved it.”</p>
          <h3 class="testimonial-author">Google Reviewer</h3>
        </div>
      </div>

      <!-- Review 2 -->
      <div class="testimonial-card">
        <div class="testimonial-content">
          <div class="review-stars" aria-label="5 out of 5">
            <em class="material-icons">star</em><em class="material-icons">star</em>
            <em class="material-icons">star</em><em class="material-icons">star</em>
            <em class="material-icons">star</em>
          </div>
          <p class="testimonial-text">“We’ve been ordering from Bake2Bash for years—always fresh, on time, and stunning designs.”</p>
          <h3 class="testimonial-author">Google Reviewer</h3>
        </div>
      </div>

      <!-- Review 3 -->
      <div class="testimonial-card">
        <div class="testimonial-content">
          <div class="review-stars" aria-label="5 out of 5">
            <em class="material-icons">star</em><em class="material-icons">star</em>
            <em class="material-icons">star</em><em class="material-icons">star</em>
            <em class="material-icons">star</em>
          </div>
          <p class="testimonial-text">“Great taste, perfect texture, and wonderful service. Highly recommend!”</p>
          <h3 class="testimonial-author">Google Reviewer</h3>
        </div>
      </div>
    </div>

    <!-- Bottom button to Google -->
    <div class="text-center" style="margin-top: 24px;">
      <a class="btn btn-primary greviews-btn" href="https://www.google.com/maps/place/Bake2Bash" target="_blank" rel="noopener">
        See more on Google
      </a>
    </div>
  </div>
</div>

<!-- ============================ Scoped styles (advanced look, matches existing) ============================ -->
<style>
  /* FAQ polish (keeps your class names) */
  .faq-section .faq-item{
    border:1px solid #e2e8f0; border-radius:12px; background:#fff; margin-bottom:12px; overflow:hidden;
    box-shadow:0 4px 16px rgba(2,6,23,.04);
  }
  .faq-section .faq-question{
    width:100%; text-align:left; padding:14px 16px; border:0; background:linear-gradient(180deg,#f8fafc,#f1f5f9);
    font-weight:700; display:flex; align-items:center; justify-content:space-between; cursor:pointer;
  }
  .faq-section .faq-question::after{
    content:"expand_more"; font-family:"Material Icons"; transition:transform .25s ease; margin-left:12px;
  }
  .faq-section .faq-question[aria-expanded="true"]::after{ transform:rotate(180deg); }
  .faq-section .faq-answer{ max-height:0; transition:max-height .35s ease; }
  .faq-section .faq-answer[aria-hidden="false"]{ max-height:420px; }
  .faq-section .faq-answer p{ padding:0 16px 14px; margin:0; color:#475569; line-height:1.8; }

  /* Google reviews: reuse your testimonial card system with subtle upgrades */
  .google-reviews-area .google-reviews-cards{
    display:grid; gap:18px; grid-template-columns:1fr;
  }
  @media (min-width:768px){
    .google-reviews-area .google-reviews-cards{ grid-template-columns:repeat(3,1fr); }
  }
  .google-reviews-area .testimonial-card{
    background:#fff; border:1px solid #e2e8f0; border-radius:14px;
    box-shadow:0 8px 24px rgba(2,6,23,.06); height:100%; display:flex; flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .google-reviews-area .testimonial-card:hover{ transform:translateY(-3px); box-shadow:0 14px 36px rgba(2,6,23,.1); }
  .google-reviews-area .testimonial-content{ padding:18px; }
  .google-reviews-area .testimonial-text{ margin:10px 0 12px; color:#334155; line-height:1.75; }
  .google-reviews-area .testimonial-author{ margin:0; font-size:15px; font-weight:700; color:#0f172a; }
  .google-reviews-area .review-stars{ display:inline-flex; gap:2px; }
  .google-reviews-area .review-stars .material-icons{ color:#fbbf24; font-size:20px; }
  .google-reviews-area .btn.btn-primary.greviews-btn{
    border-radius:999px; padding:10px 18px; font-weight:700; background:#2563eb; color:#fff; text-decoration:none;
    box-shadow:0 6px 20px rgba(37,99,235,.22);
  }
  .google-reviews-area .btn.btn-primary.greviews-btn:hover{ filter:brightness(.96); }
</style>

<!-- ============================ Scoped script for FAQ toggle ============================ -->
<script>
  (function(){
    // Toggle FAQ accordions without changing your markup
    document.querySelectorAll('.faq-section .faq-item').forEach(function(item){
      var btn = item.querySelector('.faq-question');
      var ans = item.querySelector('.faq-answer');
      if(!btn || !ans) return;
      btn.addEventListener('click', function(){
        var expanded = btn.getAttribute('aria-expanded') === 'true';
        btn.setAttribute('aria-expanded', String(!expanded));
        ans.setAttribute('aria-hidden', String(expanded ? 'true' : 'false'));
      });
    });
  })();
</script>


