{"version":3,"file":"CMhG4VXc.js","sources":["../../../../components/Homepage/MinPrice.vue","../../../../components/Homepage/Testimonials.vue","../../../../components/Homepage/BestSellers.vue","../../../../pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed, onMounted, ref} from 'vue';\nimport {getLeastExpensiveProduct} from '@/services/api/products';\nimport {restoreAbandonedCartId} from '@/services/storage';\nimport {findGetParameter} from \"~/utils/helpers\";\nimport {DEFAULT_PRODUCT_CATEGORY_VARIANT_1} from \"~/constants/experiment-variants\";\n\ninterface Product {\n  discount: number;\n  discount_type: string;\n  price: {\n    data: {\n      display_price: number;\n      original_display_price: number;\n      display_price_in_cents: number;\n      original_display_price_in_cents: number;\n    }\n  }\n}\n\nconst product = ref<Product | null>(null);\nconst busy = ref(true);\nconst cartStore = useCartStore();\nconst experimentStore = useExperimentStore();\nconst {promoCode, referralCode} = storeToRefs(cartStore)\nconst {isExperimentsLoaded} = storeToRefs(experimentStore)\n\nconst format = (money: number) => {\n  return formatMoney(money);\n};\n\nconst getProduct = async () => {\n  if (!isExperimentsLoaded.value) {\n    return;\n  }\n  busy.value = true;\n  try {\n    let tempPromo = findGetParameter(\"pc\");\n    product.value = await getLeastExpensiveProduct(\n        restoreAbandonedCartId(),\n        tempPromo ? tempPromo : (promoCode ? promoCode.code : null)\n    );\n  } catch (exception: any) {\n    const is403 = exception.response && exception.response.status === 403;\n    if (!is403) {\n      throw exception;\n    }\n  } finally {\n    busy.value = false;\n  }\n};\n\nwatch(promoCode, () => {\n  getProduct()\n})\n\nwatch(referralCode, () => {\n  getProduct()\n})\n\nwatch(isExperimentsLoaded, () => {\n  getProduct()\n})\n\nconst showPrice = computed(() => {\n  return price.value >= 0 && isExperimentsLoaded.value;\n});\n\nconst pricePrefixText = computed(() => {\n  return experimentStore.hasVariant(DEFAULT_PRODUCT_CATEGORY_VARIANT_1) ? 'Starting at' : 'From';\n});\n\nconst price = computed(() => {\n  return product.value?.price?.data?.display_price;\n});\n\nconst priceBeforeDiscount = computed(() => {\n  return product.value?.price?.data?.original_display_price;\n});\n\nconst percentage = computed(() => {\n  const before = product.value?.price?.data?.original_display_price_in_cents;\n  const after = product.value?.price?.data?.display_price_in_cents;\n\n  if (before > 0 && after > 0) {\n    return Math.abs(parseInt(((after - before) / before) * 100));\n  }\n  return 0;\n});\n\nonMounted(async () => {\n  await getProduct();\n});\n</script>\n\n<template>\n  <div v-if=\"showPrice\">\n    <span\n        class=\"tw-block tw-font-bold tw-text-[14px] md:tw-text-[16px] tw-leading-[1.21] tw-text-nl-green-500 md:tw-text-nl-yellow-100\">\n      {{ pricePrefixText }} {{ format(price) }}/item\n    </span>\n    <span class=\"tw-block tw-text-[14px] md:tw-text-[16px] tw-leading-[1.21] tw-font-medium\"\n          v-if=\"product?.discount > 0 && product?.discount_type != 'amount'\">\n      was\n      <span\n          class=\"tw-relative after:tw-content-[''] after:tw-absolute after:tw-top-1/2 after:tw-transform after:-tw-translate-y-1/2 after:-tw-left-0.5 after:-tw-right-0.5 after:tw-h-0.5 after:tw-rounded-[2px] after:tw-bg-nl-green-100 after:md:tw-bg-nl-yellow-100\">\n        {{ format(priceBeforeDiscount) }}\n      </span>\n      <span v-if=\"percentage\"> ({{ percentage }}% off)</span>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport 'vue3-carousel/dist/carousel.css';\n\nconst testimonials = ref([\n  {\n    'color': 'rgb(112, 207, 244)',\n    'image_url': 'https://content.nurturelife.com/wp-content/uploads/2024/06/avatar-01.webp',\n    'author_name': 'Lindsey F.',\n    'text': 'This is absolutely the best baby/toddler meal service! The food is always fresh, delicious (I even eat them sometimes haha) and good for my baby! She devours them each time no matter the meal.',\n  },\n  {\n    'color': 'rgb(245, 130, 31)',\n    'image_url': 'https://content.nurturelife.com/wp-content/uploads/2024/06/avatar-02.webp',\n    'author_name': 'Roxy P.',\n    'text': 'As a working mom this service has been a dream come true! My son is now eating healthy balanced meals and I don\\'t have to cook or clean!!! Wins all around!',\n  },\n  {\n    'color': 'rgb(0, 146, 89)',\n    'image_url': 'https://content.nurturelife.com/wp-content/uploads/2024/06/avatar-03.webp',\n    'author_name': 'Marissa M.',\n    'text': 'This was the second meal service we tried for my toddler and it really beat the competition! Our son loves everything he’s tried and the food is fresh and tastes great.',\n  },\n]);\n</script>\n\n<template>\n  <div class=\"slider-holder tw-relative tw-px-2 md:tw-px-0 tw-h-full\">\n    <div class=\"blockquote-slider md:tw-overflow-hidden tw-h-full\">\n      <Carousel\n        class=\"tw-h-full\"\n        :items-to-show=\"1\"\n        :wrap-around=\"true\"\n        :mouse-drag=\"true\"\n        :space=\"20\"\n        :breakpoints=\"{\n        768: {\n          itemsToShow: 3,\n          itemsToScroll: 1,\n          snapAlign: 'center',\n          wrapAround: false\n        },\n      }\"\n      >\n        <Slide\n          v-for=\"(testimonial, testimonialIdx) in testimonials\"\n          :key=\"'testimonial' + testimonialIdx\"\n          class=\"tw-flex tw-items-stretch\"\n        >\n          <div\n            class=\"tw-font-bold tw-text-[18px] tw-leading-[1.3889] tw-text-nl-green-100 tw-text-center tw-border-[11px] tw-rounded-[30px] tw-h-full tw-pt-[14px] tw-pb-3 tw-px-3 tw-flex tw-flex-col tw-justify-center tw-bg-nl-yellow-100 md:tw-mx-1\"\n            :style=\"'border-color: ' + testimonial.color\"\n          >\n            <div class=\"tw-w-[72px] tw-h-[72px] tw-mx-auto tw-overflow-hidden tw-rounded-full tw-mb-2.5\">\n              <img class=\"tw-object-cover tw-w-full tw-h-full\"\n                   :src=\"testimonial.image_url\"\n                   :alt=\"testimonial.author_name + ' Avatar'\"\n              >\n            </div>\n            <p class=\"tw-max-w-[230px] md:tw-max-w-[227px] tw-mx-auto tw-mb-2.5\">\n              {{ testimonial.text }}\n            </p>\n            <div class=\"tw-font-medium tw-capitalize tw-text-base\">– {{ testimonial.author_name }}</div>\n          </div>\n        </Slide>\n\n        <template #addons>\n          <Navigation />\n        </template>\n      </Carousel>\n    </div>\n  </div>\n</template>\n\n<style>\n.slider-holder {\n  height: 100%;\n}\n\n.blockquote-slider .carousel__prev {\n  left: -30px;\n}\n\n.blockquote-slider .carousel__next {\n  right: -30px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport {getHomepageBestsellers} from \"@/services/api/products\";\nimport {onMounted, ref, watch} from \"vue\";\nimport \"vue3-carousel/dist/carousel.css\";\n\nconst onboardingStore = useOnboardingStore();\n\nconst products = ref([])\nconst skus = ['KID1048', 'FFB7010', 'KID1061', 'FFB7005', 'KID1069']\nconst images = {\n  'KID1048': 'https://images.dev.nurturelife.com/1674/conversions/Chicken-&-Mac-with-Hidden-Squash-&-Peas-meal-card-desktop.jpg',\n  'FFB7010': 'https://images.nurturelife.com/1726/conversions/Spaghetti-Bites-with-Meatballs-&-Broccoli-(2)-meal-card-desktop.jpg',\n  'KID1061': 'https://images.dev.nurturelife.com/1657/conversions/Chicken-Taco-Pockets-with-Fiesta-Rice-meal-card-desktop.jpg',\n  'FFB7005': 'https://images.nurturelife.com/1716/conversions/Shepherd\\'s-Pie-with-Rainbow-Veggie-Medley-(1)-meal-card-desktop.jpg',\n  'KID1069': 'https://images.dev.nurturelife.com/1648/conversions/Swedish-Meatballs-with-Ribbons-&-Broccoli-meal-card-desktop.jpg',\n}\nconst isLoading = ref(true)\n\nconst getBestSellers = () => {\n  if (!onboardingStore.abandonedCartId) {\n    return;\n  }\n  getHomepageBestsellers({onlySkus: skus, abandonedCartId: onboardingStore.abandonedCartId})\n    .then(({data}) => {\n      const orderIndex = Object.fromEntries(skus.map((sku, index) => [sku, index]));\n\n      let tempProducts = data.data\n\n      // Sort the products array based on the order specified\n      tempProducts.sort((a, b) => orderIndex[a.sku] - orderIndex[b.sku]);\n\n      products.value = tempProducts.slice(0, 6)\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n}\n\nonMounted(async () => {\n  await getBestSellers()\n})\n\nwatch(() => onboardingStore.abandonedCartExist, async () => {\n  await getBestSellers()\n})\n\nconst addProduct = (sku: string) => {\n  document.location.href = '/menus?navItem=heatable-meals&skus=' + sku;\n}\n</script>\n<template>\n  <div class=\"slider-holder tw-relative slider-bestseller [&_li]:tw-px-1 md:[&_li]:tw-px-2.5 max-md:-tw-mx-2\" v-if=\"!isLoading\">\n    <Carousel\n      :itemsToShow=\"2\"\n      :wrap-around=\"true\"\n      :mouse-drag=\"true\"\n      :snapAlign=\"'start'\"\n      :breakpoints=\"{\n        768: {\n          itemsToShow: 3,\n          itemsToScroll: 1,\n          snapAlign: 'center',\n        },\n        1024: {\n          itemsToShow: 5,\n          itemsToScroll: 1,\n          snapAlign: 'center',\n        }\n      }\"\n    >\n      <Slide v-for=\"product in products\" :key=\"'bestsellers' + product.sku\">\n        <div class=\"tw-h-full tw-w-full\">\n          <div\n            class=\"tw-bg-nl-white-100 tw-rounded-xl tw-h-full tw-flex tw-flex-col tw-text-nl-green-100 tw-font-medium tw-text-sm tw-leading-[1.0715] md:tw-text-[15px] tw-leading-[1.014]\">\n            <div class=\"tw-relative tw-rounded-t-xl tw-overflow-hidden tw-pt-[104%] sm:tw-pt-[100%] -tw-mx-px\">\n              <img class=\"tw-object-cover tw-absolute tw-top-0 tw-left-0 tw-w-full\"\n                   :src=\"images[product.sku]\" :alt=\"product.name\">\n            </div>\n            <div class=\"tw-pt-1 md:tw-pt-1.5 tw-px-2 tw-pb-2 tw-flex-1 tw-flex tw-flex-col\">\n              <div class=\"tw-flex-1\">\n                <div class=\"tw-font-black tw-text-base md:tw-text-[18px] tw-leading-5 tw-mb-px md:tw-mb-0.5 tw-text-left\">\n                  {{ product.name }}\n                </div>\n                <div class=\"tw-mb-2.5 tw-h-full tw-text-start\">\n                  {{ product.with }}\n                </div>\n              </div>\n              <button\n                @click=\"() => addProduct(product.sku)\"\n                class=\"btn-kaitoke-green\"\n              >Add to Cart\n              </button>\n            </div>\n          </div>\n        </div>\n      </Slide>\n\n      <template #addons>\n        <Navigation />\n      </template>\n    </Carousel>\n  </div>\n</template>\n\n<style>\n.slider-bestseller .carousel__prev {\n  left: -27px;\n}\n\n.slider-bestseller .carousel__next {\n  right: -27px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport BestSellers from \"~/components/Homepage/BestSellers.vue\";\nimport { useOnboardingStore } from \"~/stores/onbording.store\";\n\ndefinePageMeta({\n  layout: \"default\",\n});\n\nconst onboardingStore = useOnboardingStore();\nconst menusStore = useMenusStore();\n\nconst { abandonedCartId } = storeToRefs(onboardingStore);\n\nonMounted(async () => {\n  await menusStore.fetchMenuItems();\n});\n\nconst menuItems = computed(() => {\n  return menusStore.menuItems.sort(\n    (a, b) => b.homepage_sorting_weight - a.homepage_sorting_weight\n  );\n});\n\nconst openFaqId = ref(null);\nconst faqs = ref([\n  {\n    id: 1,\n    question: \"What makes Nurture Life different?\",\n    answer:\n      \"Feeding your kid is hard. You have to think about whether they’ll like it, how long it’ll take you to make it, is it nutritious, do you have the ingredients, have you already fed them this same meal 14 times this month. And the list goes ON. Nurture Life is the only baby and kids meal delivery service that helps you tackle every single one of your mealtime needs.\\n\" +\n      \"\\n\" +\n      \"We prioritize balanced nutrition (including veggies in every meal!) while capturing the flavors that babies, toddlers and kids actually want to eat. Our flexible ordering system makes it easy to choose meals that fit your family’s ever-changing schedule—and so does the fact that every meal can be ready to eat in just 1 minute.\\n\" +\n      \"\\n\" +\n      \"We’re here for you as your baby learns to self-feed. We’re here for your toddler’s journey into more variety and bigger bites. We’re here for your kid’s ongoing healthy eating habits. And we’re here for every meal of the day. Breakfast, lunch, dinner and snack time, we’ve got you covered.\\n\" +\n      \"\\n\" +\n      \"Flexible, flavor-focused and absolutely uncompromising on nutrition. That’s Nurture Life.\\n\" +\n      \"\\n\",\n  },\n  {\n    id: 2,\n    question: \"Who is Nurture Life for?\",\n    answer:\n      \"<p>Feeding your kid is hard. You have to think about whether they’ll like it, how long it’ll take you to make it, is it nutritious, do you have the ingredients, have you already fed them this same meal 14 times this month. And the list goes ON. Nurture Life is the only baby and kids meal delivery service that helps you tackle every single one of your mealtime needs.<br> <br>\\n\" +\n      \"We prioritize balanced nutrition (including veggies in every meal!) while capturing the flavors that babies, toddlers and kids actually want to eat. Our flexible ordering system makes it easy to choose meals that fit your family’s ever-changing schedule—and so does the fact that every meal can be ready to eat in just 1 minute.<br> <br>\\n\" +\n      \"We’re here for you as your baby learns to self-feed. We’re here for your toddler’s journey into more variety and bigger bites. We’re here for your kid’s ongoing healthy eating habits. And we’re here for every meal of the day. Breakfast, lunch, dinner and snack time, we’ve got you covered.<br> <br>\\n\" +\n      \"Flexible, flavor-focused and absolutely uncompromising on nutrition. That’s Nurture Life.</p>\",\n  },\n  {\n    id: 3,\n    question: \"How does Nurture Life work?\",\n    answer:\n      \"<p>Nurture Life is for busy parents who want more time in their full (and ever fuller!) daily lives—without having to make sacrifices about what they’re feeding their kids. We take the stress out of meal preparation by providing healthy, ready-to-eat meals that babies, toddlers and kids actually want to eat.<br> <br>\\n\" +\n      \"Our delicious baby and kids meals are freshly made for all the little ones in your home. From babies who are just learning to grab at the high chair tray to active toddlers and kids who need a healthy, balanced meal to fuel them throughout the day, Nurture Life is a palate pleaser. Even picky eaters can find a favorite on our kids meal delivery menu!<br> <br>\\n\" +\n      \"We deliver meals your family will love, and you get time back in your busy life—exactly what every parent needs. </p>\",\n  },\n  {\n    id: 5,\n    question: \"What are Nurture Life’s nutritional standards?\",\n    answer:\n      \"<p>All of our meals are designed by registered dietitians, ensuring we always meet exceptionally high nutrition standards and follow our meal philosophy:<br>\\n\" +\n      \"- Delicious AND nutritious<br>\\n\" +\n      \"- Veggies in every meal<br>\\n\" +\n      \"- Good source of protein<br>\\n\" +\n      \"- Real, organic ingredients<br>\\n\" +\n      \"- Fresh, never frozen<br> <br>\\n\" +\n      \"You can feel good knowing we also have strict standards for what DOESN’T go into our meals:<br>\\n\" +\n      \"- No trans fat<br>\\n\" +\n      \"- No high fructose corn syrup<br>\\n\" +\n      \"- No artificial colors or flavors<br>\\n\" +\n      \"- No nitrates<br> <br>Plus, we keep sugar and salt low so your kid can enjoy the natural deliciousness of our real, clean ingredients.With every meal we put on the Nurture Life menu, we’re raising the standard for what goes on your kids’ plates!<br></p>\",\n  },\n  {\n    id: 6,\n    question: \"Is Nurture Life picky eater-friendly?\",\n    answer:\n      \"<p>Yes! We know that picky eating is an obstacle to healthy eating, so we’ve made picky eater-friendly meals that still maintain our high nutritional standards.<br> <br>\\n\" +\n      'To find picky eater meals, use the filters on <u><a href=\"https://www.nurturelife.com/menus/\">our menu</a></u> and look for the Picky Eater Fav banner. You’ll find a variety of deliciously balanced kid favorites, including Mac &amp; Cheese with Hidden Butternut Squash and Chicken Meatballs with Spiral Pasta &amp; Veggies. Many of these options smoothly blend veggies right into the sauce so your kid won’t even notice the veggies are there!<br> <br>\\n' +\n      \"Nurture Life is also here to help your picky eater become not-so picky! Our menu features meals that can help expose picky eaters to new colors, textures and tastes. We recommend gradually incorporating meals from outside of our Picky Eater Favorites to familiarize your child with a wider variety of flavors. Remember that it can take 9–15 tries for kids to accept a new food, so stick with it! You’re doing the right thing, and patience does pay off.<br> <br>\\n\" +\n      'Whether you order our kids meal delivery or not, we also offer a ton of picky eater resources for you to draw from. When you feel like you just can’t handle another “no” at the table, check out our helpful resources from experts on <u><a href=\"/blog/category/picky-eaters/\">overcoming picky eating together</a></u> or contact us at support@nurturelife.com for help from one of our registered dietitians!</p>',\n  },\n  {\n    id: 7,\n    question: \"Is Nurture Life allergy-friendly?\",\n    answer:\n      \"<p>All our meals are made in a facility free of peanuts and tree nuts (except coconut), so we’re a great option for families with nut allergies! We also offer many Finger Foods, Kids Meals and Snacks that are free from common food allergens like egg, milk, wheat, fish, soy and sesame.<br> <br>\\n\" +\n      'Our kitchen does process coconut, milk, eggs, fish (salmon), soy, wheat and sesame. We recommend that you closely review our full ingredient lists and the “contains” statement associated with each of our meals if you have a family member with a food allergy. From <u><a href=\"/menus/\">our menu</a></u>, these can be found by clicking on any meal for further details. All our meal packaging also includes full ingredient lists.<br> <br>\\n' +\n      \"While we always follow best practices for allergen controls, if your child has celiac disease, Nurture Life might not be the right option for you. Please contact us if you have any questions about your specific needs at support@nurturelife.com or 877.988.8851.</p>\",\n  },\n  {\n    id: 8,\n    question: \"Does Nurture Life’s menu change?\",\n    answer:\n      \"<p>Every week, we offer a core set of customer favorite meals that never change. At the same time, we keep things fresh and interesting by consistently introducing new flavors for your kids to try! We launch exciting new meals every 3 months and always have at least 25 Kids Meals, 12 Finger Foods and a selection of deliciously cookie-inspired Snacks on the menu.<br> <br>\\n\" +\n      'This mix of familiar and new gives you a wide variety of nutritious meals to choose from, each containing a diverse range of organic veggies and antibiotic- and hormone-free proteins. You’ll be able to select the right meals for your baby, toddler or kid at every stage of their eating journey—whether your little one is currently on an adventurous streak or is stuck in that “mac and cheese only” phase. Our <u><a href=\"/menus/\">healthy menu</a></u> has something for everyone.<br> <br>\\n' +\n      \"You also have a say in what comes next on the Nurture Life menu. We’re honored to be invited to your family’s table, and we take your feedback seriously as we consider changes to our meals. So please share your feedback with our team at support@nurturelife.com and remember to check back frequently to see what’s fresh!</p>\",\n  },\n  {\n    id: 9,\n    question: \"Can I change meals in my subscription?\",\n    answer:\n      \"<p>Yes! You define the quantity of meals in your order each week, and we fill your order with recommended meals based on your selection, but you can always change our meal recommendations. You can also customize your account to get the best recommendations! We make it easy for you to set your account and forget it, or if you like being more hands on, you can always head into your account and switch up your order or skip a week.<br> <br>\\n\" +\n      \"Please note that in order to fulfill our promise of fresh, not frozen, we do have a cutoff deadline for each order. If you change your family’s preferences after an order cutoff has already passed, that order will be filled based on your previous preferences. All future orders will be filled based on your new preferences.<br> <br>\\n\" +\n      'Not sure when the cutoff is? You can find this information in the <u><a href=\"http://account.nurturelife.com/orders\">orders</a></u> section of your account.</p>',\n  },\n  {\n    id: 10,\n    question: \"How much does Nurture Life cost?\",\n    answer:\n      \"<p>Nurture Life is super flexible to accommodate whatever your family needs. Our meals are priced individually, with Finger Foods at $6.89, Kids Meals starting at $7.99 and Snacks at $7.99. Simply choose a plan based on the number of meals you’re interested in, and your total cost is based on the mix of products you order. We start at a 6 meal plan, with free shipping on 9+ meal plans and discounts of up to $15 off your entire order:<br> <br>\\n\" +\n      \"- 6 Meal Plan<br>\\n\" +\n      \"- 9 Meal Plan = free shipping<br>\\n\" +\n      \"- 12 Meal Plan = $10 off your entire order + free shipping<br>\\n\" +\n      \"- 15 Meal Plan = $15 off your entire order + free shipping</p>\",\n  },\n  {\n    id: 11,\n    question: \"How do I get started?\",\n    answer:\n      '<p>It’s simple! Just choose the meals and snacks you want to try from <u><a href=\"/menus/\">our menu</a></u> and check out.<br> <br>\\n' +\n      \"Once you place your order, it’s time for us to get cooking! Meals typically arrive within a week to a week and a half depending on the day you signed up and your delivery location. You will be able to view your first and future scheduled delivery days in your account. Once your meals are on their way, we will send an email with the tracking information so your family can excitedly anticipate your first kids meal delivery box!<br> <br>\\n\" +\n      'Get started building your first <u><a href=\"/menus/\">order</a></u> today.</p>',\n  },\n]);\n\nconst faqClicked = (faq) => {\n  if (openFaqId.value === faq.id) {\n    openFaqId.value = null;\n  } else {\n    openFaqId.value = faq.id;\n  }\n};\n</script>\n<template>\n  <div\n    class=\"md:tw-min-h-[667px] md:tw-flex tw-items-center tw-justify-center tw-relative tw-overflow-hidden tw-bg-gradient-to-r tw-from-[#dde6f5] tw-to-[#d9e2ee] md:tw-bg-transparent -tw-mt-5 md:tw-mt-0\"\n  >\n    <div class=\"tw-absolute tw-inset-0 tw-hidden md:tw-block\">\n      <img\n        src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/home-hero-2-scaled-1.jpg\"\n        aria-hidden=\"true\"\n        class=\"tw-w-full tw-h-full tw-object-cover\"\n        alt=\"Nurture Life Background Image Desktop\"\n      />\n    </div>\n    <div class=\"md:tw-hidden\">\n      <img\n        src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/home-hero-mobile-1.jpg\"\n        aria-hidden=\"true\"\n        class=\"tw-w-full\"\n        alt=\"Nurture Life Background Image Mobile\"\n      />\n    </div>\n    <div class=\"tw-container\">\n      <div\n        class=\"md:tw-max-w-[700px] md:tw-min-h-[388px] tw-mx-auto tw-flex tw-items-center tw-justify-center tw-relative tw-z-2 tw-text-[16px] md:tw-text-[30px] tw-leading-[1.23] tw-text-nl-green-100 md:tw-text-nl-yellow-100 tw-text-center tw-pb-8 md:tw-py-5 md:tw-px-[60px]\"\n      >\n        <div class=\"tw-hidden md:tw-block tw-absolute tw-inset-0 tw-z-1\">\n          <svg\n            width=\"665\"\n            height=\"389\"\n            viewBox=\"0 0 665 389\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"none\"\n            class=\"tw-w-full tw-h-full\"\n          >\n            <path\n              d=\"M651.949 96.9315C622.621 1.81776 567.128 -14.3902 426.457 13.2111C324.372 33.2412 61.3824 -64 17.997 83.3656C-16.9529 202.079 -0.999817 361.251 89.0002 378.251C171.184 393.775 223.224 362.305 342.033 378.251C460.842 394.197 556.861 394.67 604 353C651.139 311.33 683.491 199.226 651.949 96.9315Z\"\n              fill=\"#007D4D\"\n            />\n          </svg>\n        </div>\n        <div class=\"tw-relative tw-z-2\">\n          <h1 class=\"tw-text-h1-sm md:tw-text-h1\">\n            GROWING UP.<br />\n            EATING WELL.\n          </h1>\n          <div class=\"tw-font-bold tw-mb-3 md:tw-mb-5 max-md:-tw-mx-3\">\n            Delicious, nutritious meals and snacks for <br> your kids.\n            Extra time back in your day.\n          </div>\n          <a\n            href=\"/onboarding/signup/\"\n            class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-bg-nl-blue-200 md:hover:tw-bg-nl-blue-600 md:focus:tw-bg-nl-blue-600 md:tw-text-nl-green-100 tw-mb-2 md:tw-font-bold\"\n          >\n            SEE MENU & PRICING\n          </a>\n          <HomepageMinPrice />\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"md:tw-hidden tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-h-[30px]\"\n      style=\"\n        background: url('/assets/images/home/hero-curve-sm.png')\n          no-repeat 50% 0 / cover;\n      \"\n    ></div>\n    <div\n      class=\"tw-hidden md:tw-block tw-absolute tw-bottom-0 -tw-left-[30px] -tw-right-[30px] tw-h-[18px]\"\n      style=\"\n        background: url('/assets/images/home/hero-curve.svg')\n          no-repeat 50% 0 / cover;\n      \"\n    ></div>\n  </div>\n\n  <div class=\"tw-pt-5 md:tw-pt-8 tw-pb-[14px] tw-overflow-hidden\">\n    <div class=\"tw-container\">\n      <div\n        class=\"min-[376px]:tw-max-w-[317px] md:tw-max-w-[430px] lg:tw-max-w-[857px] -tw-mx-[3px] min-[376px]:tw-mx-auto\"\n      >\n        <h2\n          class=\"tw-text-center tw-text-h2-sm md:tw-text-h2 !tw-leading-[0.875] tw-text-nl-green-100 tw-uppercase tw-mb-1 md:tw-mb-6\"\n        >\n          WHAT’S ON THE MENU?\n        </h2>\n        <div class=\"tw-grid lg:tw-grid-cols-2 tw-gap-7\">\n          <div\n            v-for=\"(menuItem, i) in menuItems\"\n            :key=\"menuItem.id\"\n            class=\"tw-flex tw-flex-wrap tw-pb-[56px] tw-relative md:tw-pb-0\"\n            :class=\"{\n              'tw-flex-row-reverse lg:tw-flex-row': i % 2 === 1,\n            }\"\n          >\n            <div\n              class=\"tw-w-[154px] md:tw-w-[222px] tw-h-[170px] md:tw-h-[248px] tw-overflow-hidden tw-rounded-[19px] md:tw-rounded-[30px] tw-p-[7px] md:tw-p-[10px]\"\n              :style=\"{\n                'background-color': menuItem.color,\n              }\"\n            >\n              <img\n                :src=\"menuItem.image\"\n                class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-[12px] md:tw-rounded-[20px]\"\n                :alt=\"menuItem.name + ' Thumbnail'\"\n              />\n            </div>\n            <div\n              class=\"tw-text-center tw-text-[14px] md:tw-text-[17px] tw-leadding-[1.142] md:tw-leading-[1.17] tw-text-nl-green-100 tw-font-medium\"\n              :class=\"{\n                'tw-flex-1 tw-pt-2 tw-pr-3 lg:tw-pr-0 lg:tw-pl-3': i % 2 === 1,\n                'tw-flex-1 tw-pt-1 md:tw-pt-2 tw-pl-3': i % 2 === 0,\n              }\"\n            >\n              <strong\n                class=\"tw-inline-block tw-font-black tw-text-[21px] md:tw-text-[25px] tw-leading-[1.208] tw-text-nl-green-100 tw-uppercase tw-pb-1 tw-relative tw-mb-[7px] md:tw-mb-[14px] after:tw-content-[''] after:tw-absolute after:tw-left-0 after:tw-bottom-0 after:tw-right-0 after:tw-h-2 after:tw-rounded-[8px] after:tw-bg-[var(--subtitle-border-color)]\"\n                :style=\"{\n                  '--subtitle-border-color': menuItem.color,\n                }\"\n              >\n                {{ menuItem.name }}\n              </strong>\n              <p\n                class=\"tw-max-w-[149px] md:tw-max-w-[179px] tw-mx-auto md:tw-mb-3\"\n              >\n                {{ menuItem.homepage_description }}\n              </p>\n              <div\n                class=\"tw-absolute md:tw-static tw-bottom-0 tw-left-0 tw-right-0\"\n              >\n                <a\n                  :href=\"'/menus/?navItem=' + menuItem.slug\"\n                  class=\"tw-font-bold tw-text-[16px] md:tw-text-[20px] tw-leading-none tw-text-white md:tw-text-nl-green-100 md:hover:tw-text-nl-green-400 md:focus:tw-text-nl-green-400 tw-uppercase md:tw-underline tw-underline-offset-2 tw-bg-nl-green-100 md:tw-bg-transparent hover:tw-bg-nl-green-400 hover:md:tw-bg-transparent tw-w-full md:tw-w-auto tw-block md:tw-inline-block tw-rounded-[7px] md:tw-rounded-[0] tw-p-3 md:tw-p-0 tw-transition-all\"\n                >\n                  SEE {{ menuItem.name }}\n                </a>\n              </div>\n            </div>\n          </div>\n\n          <div\n            v-if=\"menusStore.menuItems.length % 2 === 1\"\n            class=\"tw-hidden md:tw-flex tw-flex-wrap tw-items-center tw-pb-[56px] tw-relative md:tw-pb-0 tw-flex-row-reverse lg:tw-flex-row\"\n          >\n            <div\n              class=\"tw-w-[154px] md:tw-w-[222px] tw-h-[170px] md:tw-h-[248px] tw-overflow-hidden tw-rounded-[20px] md:tw-rounded-[32px] tw-border-[7px] md:tw-border-[10px]\"\n              style=\"border-color: rgb(94, 201, 241)\"\n            >\n              <img\n                src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/full-menu.jpg\"\n                class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-[12px] md:tw-rounded-[20px]\"\n                alt=\"Full menu thumbnail\"\n              />\n            </div>\n            <div\n              class=\"tw-flex-1 tw-pt-2 tw-pr-3 lg:tw-pr-0 lg:tw-pl-3 tw-text-center tw-text-[14px] md:tw-text-[17px] tw-leadding-[1.142] md:tw-leading-[1.17] tw-text-nl-green-100\"\n            >\n              <strong\n                class=\"tw-text-[32px] tw-leading-[1.0625] tw-text-nl-green-100 tw-font-black tw-block tw-uppercase tw-mb-3\"\n              >\n                EXPLORE THE FULL MENU!\n              </strong>\n              <div\n                class=\"tw-absolute md:tw-static tw-bottom-0 tw-left-0 tw-right-0\"\n              >\n                <a\n                  href=\"/menus/\"\n                  class=\"tw-font-bold tw-text-[16px] md:tw-text-[20px] tw-leading-none tw-text-white md:tw-text-nl-green-100 md:hover:tw-text-nl-green-400 md:focus:tw-text-nl-green-400 tw-uppercase md:tw-underline tw-underline-offset-2 tw-bg-nl-green-100 md:tw-bg-transparent hover:tw-bg-nl-green-400 hover:md:tw-bg-transparent tw-w-full md:tw-w-auto tw-block md:tw-inline-block tw-rounded-[7px] md:tw-rounded-[0] tw-p-3 md:tw-p-0 tw-transition-all\"\n                  >See Menu</a\n                >\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"tw-hidden md:tw-flex tw-flex-wrap tw-items-center tw-pb-[56px] tw-relative md:tw-pb-0 tw-justify-center tw-mt-[35px]\"\n        >\n          <a\n            href=\"/onboarding/signup/\"\n            class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-pt-[11px]\"\n          >\n            SEE MENU & PRICING\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"tw-relative tw-overflow-hidden\">\n    <div\n      class=\"tw-hidden md:tw-block tw-absolute tw-top-0 tw-left-0 -tw-right-[50px] tw-h-[62px] min-[1920px]:-tw-left-[10%] min-[1920px]:-tw-right-[10%] tw-h-[62px]\"\n      style=\"\n        background: url('/assets/images/home/bg-curve-t.svg')\n          no-repeat 0 0 / cover;\n      \"\n    ></div>\n    <div class=\"md:tw-bg-nl-blue-300 tw-pt-4 md:tw-pt-12 tw-pb-[68px]\">\n      <div class=\"tw-container\">\n        <div class=\"md:tw-hidden tw-text-center lg:tw-text-left\">\n          <h2\n            class=\"tw-text-h2-sm md:tw-text-h2 tw-text-nl-green-100 tw-uppercase tw-mb-2\"\n          >\n            How it works\n          </h2>\n        </div>\n        <div\n          class=\"md:tw-flex tw-flex-wrap tw-items-center tw-max-w-[810px] tw-mx-auto\"\n        >\n          <div\n            class=\"tw-w-[334px] lg:tw-w-[436px] tw-h-[250px] lg:tw-h-[324px] tw-mx-auto lg:tw-mx-0 masked-img tw-relative\"\n          >\n            <img\n              src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/how-it-works.jpg\"\n              class=\"mask\"\n              alt=\"Image\"\n            />\n          </div>\n          <div\n            class=\"tw-text-center lg:tw-text-left tw-pt-[10px] md:tw-pt-0 md:tw-flex-1 md:tw-pl-11\"\n          >\n            <div class=\"tw-hidden md:tw-block\">\n              <h2\n                class=\"tw-text-h2-sm md:tw-text-h2 tw-text-nl-green-100 tw-uppercase tw-mb-2\"\n              >\n                HOW IT WORKS\n              </h2>\n            </div>\n            <ol\n              class=\"tw-text-nl-green-100 tw-text-[18px] tw-leading-[1.167] tw-font-bold -tw-my-[7px]\"\n            >\n              <li class=\"tw-py-[7px]\">\n                <span class=\"tw-font-black\">1</span>. Choose meals & snacks\n              </li>\n              <li class=\"tw-py-[7px]\">\n                <span class=\"tw-font-black\">2</span>. We cook & deliver them\n                fresh\n              </li>\n              <li class=\"tw-py-[7px]\">\n                <span class=\"tw-font-black\">3</span>. Serve in 1 minute or less\n              </li>\n            </ol>\n            <div class=\"tw-mt-4\">\n              <a\n                href=\"/onboarding/signup/\"\n                class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-pt-[11px]\"\n                >SEE MENU & PRICING</a\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"tw-hidden md:tw-block tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-h-[47px] min-[1920px]:-tw-left-[10%] min-[1920px]:-tw-right-[10%]\"\n      style=\"\n        background: url('/assets/images/home/bg-curve-b.svg')\n          no-repeat 0 0 / cover;\n      \"\n    ></div>\n  </div>\n\n  <div\n    class=\"tw-pt-2 tw-pb-[100px] md:tw-py-2 tw-text-center md:tw-overflow-hidden tw-bg-nl-blue-300 md:tw-bg-transparent tw-relative\"\n  >\n    <div\n      class=\"tw-block md:tw-hidden tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-h-[20px] min-[540px]:tw-h-[40px]\"\n      style=\"\n        background: url('/assets/images/home/bg-curve-t-1.svg')\n          no-repeat 0 0 / cover;\n      \"\n    ></div>\n    <div class=\"tw-container\">\n      <div class=\"tw-max-w-[920px] tw-mx-auto\">\n        <div class=\"tw-mb-[30px]\">\n          <div class=\"tw-relative\">\n            <div class=\"-tw-mx-[34px] -tw-mt-[50px] tw-mb-[26px] md:tw-hidden\">\n              <img\n                src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/kid-1.webp\"\n                class=\"tw-w-full\"\n                alt=\"Kid Image\"\n              />\n            </div>\n            <div\n              class=\"tw-absolute -tw-right-[20px] tw-top-[70px] md:tw-static tw-max-w-[134px] md:tw-max-w-none\"\n            >\n              <h2\n                class=\"tw-text-h2-sm md:tw-text-h2 tw-uppercase tw-text-nl-green-100 tw-mb-[14px]\"\n              >\n                TALK AROUND THE KIDS’ TABLE\n              </h2>\n            </div>\n          </div>\n          <div class=\"tw-flex tw-justify-center tw-mb-[14px] md:tw-mb-[9px]\">\n            <div\n              class=\"tw-w-[226px] md:tw-w-[280px] tw-h-[41px] md:tw-h-[50px] tw-relative\"\n            >\n              <div\n                class=\"tw-absolute tw-inset-y-0 tw-left-0 -tw-right-[3px] tw-bg-[length:46px_41px] md:tw-bg-[length:57px_50px] tw-z-10\"\n                style=\"\n                  background-image: url('https://content.nurturelife.com/wp-content/uploads/2024/06/star-partial.svg');\n                \"\n              ></div>\n              <div\n                class=\"tw-absolute tw-h-full tw-bg-[length:46px_41px] md:tw-bg-[length:57px_50px] tw-z-30\"\n                style=\"\n                  width: 95.55%;\n                  background-image: url('https://content.nurturelife.com/wp-content/uploads/2024/06/star-full.svg');\n                \"\n              ></div>\n            </div>\n          </div>\n          <span\n            class=\"tw-block tw-w-full tw-tex-center tw-text-nl-green-100 tw-text-[16px] md:tw-text-[20px] tw-font-normal\"\n          >\n            4.9/5 (1748 Reviews)\n          </span>\n        </div>\n        <HomepageTestimonials />\n        <div class=\"tw-pt-[18px] sm:tw-pt-8 tw-text-center\">\n          <a\n            href=\"/onboarding/signup/\"\n            class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-pt-[11px]\"\n            >See Menu & PRICING</a\n          >\n        </div>\n      </div>\n    </div>\n\n    <div\n      class=\"tw-block md:tw-hidden tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-h-[14px]\"\n      style=\"\n        background: url('/assets/images/home/bg-curve-b-1.svg')\n          no-repeat 0 0 / cover;\n      \"\n    ></div>\n  </div>\n\n  <div\n    class=\"tw-relative tw-overflow-hidden tw-text-center -tw-mt-[82px] md:tw-mt-0\"\n  >\n    <div\n      class=\"tw-hidden md:tw-block tw-absolute tw-top-0 tw-left-0 -tw-right-[50px] tw-h-[62px] min-[1920px]:-tw-left-[10%] min-[1920px]:-tw-right-[10%]\"\n      style=\"\n        background: url('/assets/images/home/bg-curve-t-1.svg')\n          no-repeat 0 0 / cover;\n      \"\n    ></div>\n    <div\n      class=\"md:tw-bg-nl-blue-300 md:tw-pt-[70px] tw-pb-[24px] md:tw-pb-[34px]\"\n    >\n      <div class=\"md:tw-hidden tw-mb-[10px]\">\n        <img\n          src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/veg-img-3.webp\"\n          class=\"tw-w-full\"\n          alt=\"Veg Image 3\"\n        />\n      </div>\n      <div class=\"tw-container\">\n        <div\n          class=\"md:tw-max-w-[1150px] -tw-mx-[10px] md:tw-mx-auto tw-relative\"\n        >\n          <div\n            class=\"tw-hidden md:tw-block tw-absolute tw-left-0 -tw-top-[26px] tw-w-1/4 xl:tw-w-auto\"\n          >\n            <img\n              src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/veg-img-1.webp') \"\n              width=\"306\"\n              alt=\"Veg Image 1\"\n            />\n          </div>\n          <div\n            class=\"tw-max-w-[301px] md:tw-max-w-[465px] tw-mx-auto tw-w-full md:tw-w-1/2 xl:tw-w-auto md:tw-px-5 lg:tw-px-0 tw-font-normal\"\n          >\n            <h2\n              class=\"tw-text-h2-sm sm:tw-text-h2 !tw-leading-[1.125] tw-uppercase tw-text-nl-green-100 tw-mb-[14px] md:tw-mb-[10px]\"\n            >\n              WHERE THE VEGGIES AT?\n            </h2>\n            <div\n              class=\"tw-font-boyrun tw-text-nl-green-400 tw-text-[21px] md:tw-text-[26px] tw-leading-[1.15] tw-mb-[5px] md:tw-mb-[10px]\"\n            >\n              <p>\n                Less than 10% of children in the U.S. consume enough vegetables\n                per day.\n              </p>\n            </div>\n            <p class=\"tw-mb-[18px] md:tw-mb-7 tw-font-medium\">\n              But with our meals and snacks, your kid can get the veggies they\n              need! We incorporate veggies every chance we get, blending them in\n              sauces, mixing them into our pockets, and letting them shine by\n              themselves as a side.\n            </p>\n            <a\n              href=\"/onboarding/signup/\"\n              class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-pt-[11px]\"\n              >See Menu & PRICING</a\n            >\n          </div>\n          <div\n            class=\"tw-hidden md:tw-block tw-absolute tw-right-0 tw-bottom-[30px] tw-w-1/4 xl:tw-w-auto\"\n          >\n            <img\n              src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/veg-img-2.webp') \"\n              width=\"324\"\n              alt=\"Veg Image 2\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    class=\"tw-bg-nl-green-400 tw-py-[38px] md:tw-py-6 tw-relative tw-overflow-hidden\"\n  >\n    <div\n      class=\"tw-block md:tw-hidden tw-absolute -tw-top-px tw-left-0 tw-right-0 tw-h-[25px] min-[540px]:tw-h-[40px] -tw-mx-[10px]\"\n      style=\"\n        background: url('/assets/images/home/bg-curve-t-1.svg')\n          no-repeat 0 0 / cover;\n      \"\n    ></div>\n    <div class=\"tw-container tw-flex tw-justify-center\">\n      <ul\n        class=\"tw-grid tw-grid-cols-2 md:tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-4 tw-gap-y-[32px] md:tw-gap-[34px]\"\n      >\n        <li class=\"tw-text-center md:tw-text-left\">\n          <img\n            src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/forbes-white.svg\"\n            width=\"140\"\n            alt=\"Forbes logo\"\n          />\n        </li>\n        <li class=\"tw-text-center md:tw-text-left\">\n          <img\n            src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/wired-white.svg\"\n            width=\"140\"\n            alt=\"Wired logo\"\n          />\n        </li>\n        <li class=\"tw-text-center md:tw-text-left\">\n          <img\n            src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/Verywell.svg\"\n            width=\"140\"\n            alt=\"Verywell logo\"\n          />\n        </li>\n        <li class=\"tw-text-center md:tw-text-left\">\n          <img\n            src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/VOGUE.svg\"\n            width=\"140\"\n            alt=\"Vogue logo\"\n          />\n        </li>\n        <li class=\"tw-text-center md:tw-text-left\">\n          <img\n            src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/parents.svg\"\n            width=\"140\"\n            alt=\"Parents logo\"\n          />\n        </li>\n        <li class=\"tw-text-center md:tw-text-left\">\n          <img\n            src=\"https://content.nurturelife.com/wp-content/uploads/2024/06/Healthline.svg\"\n            width=\"140\"\n            alt=\"Healthline logo\"\n          />\n        </li>\n      </ul>\n    </div>\n    <div\n      class=\"tw-block md:tw-hidden tw-absolute -tw-bottom-px tw-left-0 tw-right-0 max-[400px]:tw-h-[15px] max-[580px]:tw-h-[20px] tw-h-[24px] -tw-mx-[10px]\"\n      style=\"\n        background: url('/assets/images/home/bg-curve-b-2.svg')\n          no-repeat 100% 0 / cover;\n      \"\n    ></div>\n  </div>\n\n  <section class=\"tw-pt-[13px] md:tw-pt-9 tw-pb-5 tw-relative\">\n    <div class=\"tw-container\">\n      <div class=\"tw-mx-auto tw-max-w-[1038px]\">\n        <h2\n          class=\"tw-text-center tw-text-h2-sm md:tw-text-h2 tw-text-nl-green-100 tw-uppercase tw-mb-5 md:tw-mb-6\"\n        >\n          Best Sellers\n        </h2>\n\n        <BestSellers />\n\n        <!--        <a href=\"/menus/\" class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-pt-[11px]\">See Menu & PRICING</a>-->\n      </div>\n    </div>\n  </section>\n\n  <section class=\"tw-pt-1 tw-pb-5 md:tw-pb-6\">\n    <div class=\"tw-container\">\n      <div class=\"tw-mx-auto tw-max-w-[653px]\">\n        <div class=\"tw-flex tw-flex-col md:tw-block\">\n          <h2\n            class=\"tw-text-center tw-text-h2-sm md:tw-text-h2 tw-text-nl-green-100 tw-mb-1.5 tw-normal-case\"\n          >\n            FAQs\n          </h2>\n          <div\n            class=\"md:tw-hidden tw-text-center tw-text-[16px] tw-leading-[1.125] md:tw-text-[17px] md:tw-leading-[1.1765] tw-text-nl-green-100 tw-font-medium\"\n          >\n            <p class=\"tw-mb-[12px]\">\n              Don’t see your question answered here? Visit\n              <br class=\"md:hidden\" />\n              our\n              <a\n                class=\"tw-underline hover:tw-no-underline\"\n                target=\"_blank\"\n                href=\"/faq\"\n                >FAQs page</a\n              >\n              for more!\n            </p>\n          </div>\n          <div class=\"tw-mb-[22px] md:tw-mb-[30px]\">\n            <ul\n              class=\"tw-text-[16px] tw-leading-[1.125] md:tw-text-[17px] md:tw-leading-[1.1765] tw-font-medium tw-text-nl-green-100 -tw-my-1\"\n            >\n              <li\n                v-for=\"(faq, index) in faqs\"\n                :id=\"faq.question\"\n                class=\"tw-border tw-border-l-0 tw-border-r-0 tw-border-t-0 tw-border-nl-green-300o15\"\n              >\n                <a\n                  href=\"#\"\n                  @click.prevent=\"() => faqClicked(faq)\"\n                  class=\"tw-font-bold tw-pb-3.5 md:tw-pb-[14px] tw-pt-[11px] tw-pr-4 tw-block tw-relative tw-text-nl-green-100 hover:tw-text-nl-green-300 tw-transition-colors md:!tw-leading-[0.9411]\"\n                >\n                  {{ faq.question }}\n                  <span\n                    :class=\"{ 'tw-rotate-90': openFaqId === faq.id }\"\n                    class=\"icon-main-chevron-bold-right tw-absolute tw-right-1 tw-text-[14px] tw-top-1/2 -tw-mt-2 tw-transition-all\"\n                  ></span>\n                </a>\n                <div\n                  class=\"tw-pr-1.5 md:tw-pr-12 -tw-mt-px tw-pb-[13px]\"\n                  :class=\"{\n                    'tw-hidden': openFaqId !== faq.id,\n                    'tw-block': openFaqId === faq.id,\n                  }\"\n                >\n                  <div class=\"tw-mb-[13px]\" v-html=\"faq.answer\"></div>\n                  <a\n                    href=\"/onboarding/signup/\"\n                    class=\"btn-green !tw-leading-[0.6] tw-min-h-[40px] tw-inline-flex tw-items-center\"\n                    v-if=\"index !== faqs.length - 1\"\n                  >\n                    SEE MENU & PRICING\n                  </a>\n                </div>\n              </li>\n            </ul>\n          </div>\n          <div\n            class=\"max-md:tw-hidden tw-text-center tw-text-[16px] tw-leading-[1.125] md:tw-text-[17px] md:tw-leading-[1.1765] tw-text-nl-green-100 tw-font-medium\"\n          >\n            <p class=\"tw-mb-[12px]\">\n              Don’t see your question answered here? Visit our\n              <a\n                class=\"tw-underline hover:tw-no-underline\"\n                target=\"_blank\"\n                href=\"/faq\"\n                >FAQs page</a\n              >\n              for more!\n            </p>\n          </div>\n          <div class=\"sm:tw-pt-3 tw-text-center tw-order-3\">\n            <a\n              href=\"/onboarding/signup/\"\n              class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-pt-[11px]\"\n            >\n              SEE MENU & PRICING\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <div\n    class=\"md:tw-hidden tw-fixed tw-bottom-0 tw-left-0 tw-right-0 tw-bg-nl-blue-500 tw-py-[10px] tw-shadow-nl-4 tw-flex tw-justify-center tw-items-center tw-z-50\"\n  >\n    <div class=\"tw-flex tw-flex-wrap tw-gap-[18px] tw-text-center\">\n      <div class=\"tw-text-center\">\n        <div class=\"tw-mb-[6px]\">\n          <div\n            class=\"tw-w-[100px] tw-h-5 tw-bg-[length:20px_auto] tw-bg-repeat-x\"\n            style=\"\n              background-image: url('https://content.nurturelife.com/wp-content/uploads/2024/06/star-partial.svg');\n            \"\n          >\n            <div\n              class=\"tw-h-full tw-bg-[length:20px_auto] tw-bg-repeat-x\"\n              style=\"\n                width: 94%;\n                background-image: url('https://content.nurturelife.com/wp-content/uploads/2024/06/star-full.svg');\n              \"\n            ></div>\n          </div>\n        </div>\n        <span\n          class=\"tw-block tw-text-[11px] tw-leading-none tw-text-nl-green-100\"\n        >\n          4.9/5 (1748 Reviews)</span\n        >\n      </div>\n      <div>\n        <a\n          href=\"/onboarding/signup/\"\n          class=\"btn tw-min-h-[41px] md:tw-min-h-[45px] md:tw-pt-[11px]\"\n        >\n          SEE MENU & PRICING\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["product","ref","busy","cartStore","useCartStore","experimentStore","useExperimentStore","promoCode","referralCode","storeToRefs","isExperimentsLoaded","format","money","formatMoney","getProduct","tempPromo","findGetParameter","getLeastExpensiveProduct","restoreAbandonedCartId","exception","watch","showPrice","computed","price","pricePrefixText","DEFAULT_PRODUCT_CATEGORY_VARIANT_1","_c","_b","_a","priceBeforeDiscount","percentage","before","after","_f","_e","_d","onMounted","testimonials","onboardingStore","useOnboardingStore","products","skus","images","isLoading","getBestSellers","getHomepageBestsellers","data","orderIndex","sku","index","tempProducts","a","b","addProduct","menusStore","useMenusStore","menuItems","openFaqId","faqs","faqClicked","faq"],"mappings":"u3BAoBM,MAAAA,EAAUC,EAAoB,IAAI,EAClCC,EAAOD,EAAI,EAAI,EACfE,EAAYC,IACZC,EAAkBC,IAClB,CAAC,UAAAC,EAAW,aAAAC,CAAY,EAAIC,EAAYN,CAAS,EACjD,CAAC,oBAAAO,CAAA,EAAuBD,EAAYJ,CAAe,EAEnDM,EAAUC,GACPC,EAAYD,CAAK,EAGpBE,EAAa,SAAY,CACzB,GAACJ,EAAoB,MAGzB,CAAAR,EAAK,MAAQ,GACT,GAAA,CACE,IAAAa,EAAYC,EAAiB,IAAI,EACrChB,EAAQ,MAAQ,MAAMiB,EAClBC,EAAuB,EACvBH,IAAyBR,EAAYA,EAAU,KAAO,KAAA,QAEnDY,EAAgB,CAEvB,GAAI,EADUA,EAAU,UAAYA,EAAU,SAAS,SAAW,KAE1D,MAAAA,CACR,QACA,CACAjB,EAAK,MAAQ,EACf,EAAA,EAGFkB,EAAMb,EAAW,IAAM,CACVO,GAAA,CACZ,EAEDM,EAAMZ,EAAc,IAAM,CACbM,GAAA,CACZ,EAEDM,EAAMV,EAAqB,IAAM,CACpBI,GAAA,CACZ,EAEK,MAAAO,EAAYC,EAAS,IAClBC,EAAM,OAAS,GAAKb,EAAoB,KAChD,EAEKc,EAAkBF,EAAS,IACxBjB,EAAgB,WAAWoB,EAAkC,EAAI,cAAgB,MACzF,EAEKF,EAAQD,EAAS,IAAM,WACpB,OAAAI,GAAAC,GAAAC,EAAA5B,EAAQ,QAAR,YAAA4B,EAAe,QAAf,YAAAD,EAAsB,OAAtB,YAAAD,EAA4B,aAAA,CACpC,EAEKG,EAAsBP,EAAS,IAAM,WAClC,OAAAI,GAAAC,GAAAC,EAAA5B,EAAQ,QAAR,YAAA4B,EAAe,QAAf,YAAAD,EAAsB,OAAtB,YAAAD,EAA4B,sBAAA,CACpC,EAEKI,EAAaR,EAAS,IAAM,iBAChC,MAAMS,GAASL,GAAAC,GAAAC,EAAA5B,EAAQ,QAAR,YAAA4B,EAAe,QAAf,YAAAD,EAAsB,OAAtB,YAAAD,EAA4B,gCACrCM,GAAQC,GAAAC,GAAAC,EAAAnC,EAAQ,QAAR,YAAAmC,EAAe,QAAf,YAAAD,EAAsB,OAAtB,YAAAD,EAA4B,uBAEtC,OAAAF,EAAS,GAAKC,EAAQ,EACjB,KAAK,IAAI,UAAWA,EAAQD,GAAUA,EAAU,GAAG,CAAC,EAEtD,CAAA,CACR,EAED,OAAAK,EAAU,SAAY,CACpB,MAAMtB,EAAW,CAAA,CAClB,8uBCxFD,MAAMuB,EAAepC,EAAI,CACvB,CACE,MAAS,qBACT,UAAa,4EACb,YAAe,aACf,KAAQ,kMACV,EACA,CACE,MAAS,oBACT,UAAa,4EACb,YAAe,UACf,KAAQ,6JACV,EACA,CACE,MAAS,kBACT,UAAa,4EACb,YAAe,aACf,KAAQ,0KACV,CAAA,CACD,smDClBD,MAAMqC,EAAkBC,IAElBC,EAAWvC,EAAI,CAAA,CAAE,EACjBwC,EAAO,CAAC,UAAW,UAAW,UAAW,UAAW,SAAS,EAC7DC,EAAS,CACb,QAAW,oHACX,QAAW,sHACX,QAAW,kHACX,QAAW,sHACX,QAAW,qHAAA,EAEPC,EAAY1C,EAAI,EAAI,EAEpB2C,EAAiB,IAAM,CACtBN,EAAgB,iBAGrBO,GAAuB,CAAC,SAAUJ,EAAM,gBAAiBH,EAAgB,eAAA,CAAgB,EACtF,KAAK,CAAC,CAAC,KAAAQ,CAAA,IAAU,CAChB,MAAMC,EAAa,OAAO,YAAYN,EAAK,IAAI,CAACO,EAAKC,IAAU,CAACD,EAAKC,CAAK,CAAC,CAAC,EAE5E,IAAIC,EAAeJ,EAAK,KAGXI,EAAA,KAAK,CAACC,EAAGC,IAAML,EAAWI,EAAE,GAAG,EAAIJ,EAAWK,EAAE,GAAG,CAAC,EAEjEZ,EAAS,MAAQU,EAAa,MAAM,EAAG,CAAC,CAAA,CACzC,EACA,QAAQ,IAAM,CACbP,EAAU,MAAQ,EAAA,CACnB,CAAA,EAGLP,EAAU,SAAY,CACpB,MAAMQ,EAAe,CAAA,CACtB,EAEKxB,EAAA,IAAMkB,EAAgB,mBAAoB,SAAY,CAC1D,MAAMM,EAAe,CAAA,CACtB,EAEK,MAAAS,EAAcL,GAAgB,CACzB,SAAA,SAAS,KAAO,sCAAwCA,CAAA;;;;;;;;;6tFCvCnE,MAAMV,EAAkBC,IAClBe,EAAaC,KAES9C,EAAY6B,CAAe,EAEvDF,EAAU,SAAY,CACpB,MAAMkB,EAAW,gBAAe,CACjC,EAEK,MAAAE,EAAYlC,EAAS,IAClBgC,EAAW,UAAU,KAC1B,CAACH,EAAGC,IAAMA,EAAE,wBAA0BD,EAAE,uBAAA,CAE3C,EAEKM,EAAYxD,EAAI,IAAI,EACpByD,EAAOzD,EAAI,CACf,CACE,GAAI,EACJ,SAAU,qCACV,OACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAQJ,EACA,CACE,GAAI,EACJ,SAAU,2BACV,OACE;AAAA;AAAA;AAAA,8FAIJ,EACA,CACE,GAAI,EACJ,SAAU,8BACV,OACE;AAAA;AAAA,sHAGJ,EACA,CACE,GAAI,EACJ,SAAU,iDACV,OACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8PAWJ,EACA,CACE,GAAI,EACJ,SAAU,wCACV,OACE;AAAA;AAAA;AAAA,wZAIJ,EACA,CACE,GAAI,EACJ,SAAU,oCACV,OACE;AAAA;AAAA,yQAGJ,EACA,CACE,GAAI,EACJ,SAAU,mCACV,OACE;AAAA;AAAA,oUAGJ,EACA,CACE,GAAI,EACJ,SAAU,yCACV,OACE;AAAA;AAAA,iKAGJ,EACA,CACE,GAAI,GACJ,SAAU,mCACV,OACE;AAAA;AAAA;AAAA;AAAA,+DAKJ,EACA,CACE,GAAI,GACJ,SAAU,wBACV,OACE;AAAA;AAAA,8EAGJ,CAAA,CACD,EAEK0D,EAAcC,GAAQ,CACtBH,EAAU,QAAUG,EAAI,GAC1BH,EAAU,MAAQ,KAElBA,EAAU,MAAQG,EAAI,EACxB"}