<turbo-stream action="update" target="recipe-results"><template>
  <div class="space-y-12">
    <div
      id="recipes-grid"
      class="grid gap-16 grid-cols-1 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fill,minmax(320px,1fr))]"
    >
        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4695,&quot;product_name&quot;:&quot;Spicy Chickpea Arrabiata with Olives&quot;}" href="/healthy-recipes/spicy-chickpea-arrabiata-with-olives">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Spicy Chickpea Arrabiata with Olives" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4695/4d2f797ecb93090839369a8b836e4eeb.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4695/4d2f797ecb93090839369a8b836e4eeb.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4695/4d2f797ecb93090839369a8b836e4eeb.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4695/4d2f797ecb93090839369a8b836e4eeb.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Spicy Chickpea Arrabiata with Olives</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4265,&quot;product_name&quot;:&quot;Sticky Teriyaki Tofu, Sesame Rice \u0026 Slaw&quot;}" href="/healthy-recipes/sticky-teriyaki-tofu-rice-sesame-slaw">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Sticky Teriyaki Tofu, Sesame Rice &amp; Slaw" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4265/895470ae9885a3e6e05cc6fdabae6b95.png?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4265/895470ae9885a3e6e05cc6fdabae6b95.png?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4265/895470ae9885a3e6e05cc6fdabae6b95.png?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4265/895470ae9885a3e6e05cc6fdabae6b95.png?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Sticky Teriyaki Tofu, Sesame Rice &amp; Slaw</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:2713,&quot;product_name&quot;:&quot;Sticky \u0026 Spicy Peanut Tofu with Pak Choi Rice&quot;}" href="/healthy-recipes/spicy-peanut-tofu-noodles-cabbage-rice">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Sticky &amp; Spicy Peanut Tofu with Pak Choi Rice" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/2713/fb99494a8a82d8970167335d606b0db7.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/2713/fb99494a8a82d8970167335d606b0db7.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/2713/fb99494a8a82d8970167335d606b0db7.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/2713/fb99494a8a82d8970167335d606b0db7.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Sticky &amp; Spicy Peanut Tofu with Pak Choi Rice</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4970,&quot;product_name&quot;:&quot;Hoisin Tofu \u0026 Broccoli Traybake with Brown Rice \u0026 Sweet Chilli Dressing&quot;}" href="/healthy-recipes/sticky-hoisin-tofu-broccoli-traybake-with-sweet-chilli-sauce-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Hoisin Tofu &amp; Broccoli Traybake with Brown Rice &amp; Sweet Chilli Dressing" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4970/2bde71cac4948a46ffed171b81a276d0.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4970/2bde71cac4948a46ffed171b81a276d0.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4970/2bde71cac4948a46ffed171b81a276d0.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4970/2bde71cac4948a46ffed171b81a276d0.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Hoisin Tofu &amp; Broccoli Traybake with Brown Rice &amp; Sweet Chilli Dressing</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:330,&quot;product_name&quot;:&quot;Mexican-style Black Beans with Sweet Potato Wedges \u0026 Avocado Salad&quot;}" href="/healthy-recipes/mexican-pinto-beans-and-salsa-stuffed-avocado">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Mexican-style Black Beans with Sweet Potato Wedges &amp; Avocado Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/330/efa26c2b300a8c72628079f1869ef699?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/330/efa26c2b300a8c72628079f1869ef699?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/330/efa26c2b300a8c72628079f1869ef699?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/330/efa26c2b300a8c72628079f1869ef699?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Mexican-style Black Beans with Sweet Potato Wedges &amp; Avocado Salad</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:2575,&quot;product_name&quot;:&quot;Bulgogi-style banana blossom with crispy tofu&quot;}" href="/healthy-recipes/bulgogi-style-banana-blossom-with-crispy-tofu-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Bulgogi-style banana blossom with crispy tofu" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/2575/7c0d967ad7943b7723c6c7a48fe68a16.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/2575/7c0d967ad7943b7723c6c7a48fe68a16.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/2575/7c0d967ad7943b7723c6c7a48fe68a16.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/2575/7c0d967ad7943b7723c6c7a48fe68a16.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Bulgogi-style banana blossom with crispy tofu</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:7501,&quot;product_name&quot;:&quot;Mapo Tofu with Spring Onion Rice &quot;}" href="/healthy-recipes/mapo-tofu-with-spring-onion-rice">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Mapo Tofu with Spring Onion Rice " loading="lazy" src="https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Mapo Tofu with Spring Onion Rice </h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4519,&quot;product_name&quot;:&quot;Onion Bhaji, Creamy Dal \u0026 Cucumber Salad&quot;}" href="/healthy-recipes/onion-bhaji-creamy-dahl-cucumber-salad">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Onion Bhaji, Creamy Dal &amp; Cucumber Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4519/d1c56507f170116e54e557693e137d5d?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4519/d1c56507f170116e54e557693e137d5d?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4519/d1c56507f170116e54e557693e137d5d?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4519/d1c56507f170116e54e557693e137d5d?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Onion Bhaji, Creamy Dal &amp; Cucumber Salad</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:3419,&quot;product_name&quot;:&quot;Aubergine \u0026 Butter Bean Caponata with Quinoa Salad \u0026 Walnuts&quot;}" href="/healthy-recipes/aubergine-roasted-caponata">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Aubergine &amp; Butter Bean Caponata with Quinoa Salad &amp; Walnuts" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/3419/4a7a303c37f3ad6040d093b0bd4b3322.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/3419/4a7a303c37f3ad6040d093b0bd4b3322.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/3419/4a7a303c37f3ad6040d093b0bd4b3322.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/3419/4a7a303c37f3ad6040d093b0bd4b3322.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Aubergine &amp; Butter Bean Caponata with Quinoa Salad &amp; Walnuts</h3>
</a></div>

    </div>
      <div class="flex justify-center gap-4">

          <span class="invisible size-6"></span>

        <span>Page 1 of 96</span>

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?food_group=Vegan&amp;page=2">
            <span class="icon icon--arrow-long-right size-6" aria-hidden="true"></span>
</a>      </div>


      <div class="flow">
        <h2>Why choose vegan?</h2>

        <div class="max-w-none [&_ul]:list-disc [&_ul]:list-inside [&_ul]:space-4 [&_ul]:py-2 [&_p]:max-w-none">
          Vegan food options are free of animal products, including meat and eggs, and contain no dairy ingredients. Vegan recipes can be tasty and highly nutritious. Alongside the animal welfare benefits, there are many other pros to eating a vegan diet such as:
<ul>
  <li>High in vitamins &amp; minerals</li>
  <li>Helps promote weight loss</li>
  <li>Can lower cholesterol</li>
  <li>Can improve skin health</li>
  <li>Packed with fibre</li>
</ul>

        </div>
      </div>

  <div class="grid lg:grid-cols-3 gap-8 lg:gap-12 mt-24">
    <div class="lg:col-span-2 flow bg-surface-light-high pt-10 pb-16 px-10 lg:pr-29">
      <h2 class="text-title-lg">
        Our Vegan Recipes
      </h2>

      <p class="max-w-none">
        Our vegan recipes are bursting with flavour and nutrients. Delicious, balanced, and healthy these meals are perfect for the whole family. Providing a mixture of vegan protein, vegetables, and carbohydrates, our dishes will give you everything you need.<br><br>Some of our favourite meat-free recipes include our jerk mushrooms with coconut rice and kidney beans, and our creamy coconut and chickpea korma. Both are a fabulous and flavourful source of vitamins, protein, and other nutrients.<br><br>For a warming meal, our spicy bean stew is perfect. Combining kidney beans with harissa, smoked paprika, peppers, and sweet potato you can cosy up with this wholesome and fiery dish.<br><br>Our meals cover a wide variety of cuisines, from Chinese, to Mediterranean, to French. You are sure to find a vegan recipe you will love.
      </p>
    </div>
  </div>


  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12">
      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?rating=4%2B">
          <img class="w-full aspect-4/3 object-cover" alt="Most popular recipes" srcset="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=1 1x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=2 2x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=3 3x" src="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-body">Most popular recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?season=Summer">
          <img class="w-full aspect-4/3 object-cover" alt="Summer recipes" src="/assets/mc/recipe-library/summer-54521999.webp" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-body">Summer recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?cooking_time=0-15">
          <img class="w-full aspect-4/3 object-cover" alt="Quick recipes" srcset="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=1 1x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=2 2x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=3 3x" src="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-body">Quick recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>  </div>
</div>

</template></turbo-stream><turbo-stream action="update" target="filter-actions"><template>
    <a class="text-sm underline whitespace-nowrap" href="/healthy-recipes">Clear all filters</a>
</template></turbo-stream>