www.americandreamnutbutter.com
Open in
urlscan Pro
23.227.38.74
Public Scan
Submitted URL: https://trk.klclick.com/ls/click?upn=8-2BBV-2FgeC5iFnvOzeRo8ciDnMKCA0gBxfW7UdXTd7lm4tRnIv0oVvbB51JShvRFyRiXUO-2BV-2BtCOE...
Effective URL: https://www.americandreamnutbutter.com/collections/gifting?utm_source=Klaviyo&utm_medium=email&utm_campaign=Gift%20boxes%20for%20them%2...
Submission: On February 06 via api from US — Scanned from DE
Effective URL: https://www.americandreamnutbutter.com/collections/gifting?utm_source=Klaviyo&utm_medium=email&utm_campaign=Gift%20boxes%20for%20them%2...
Submission: On February 06 via api from US — Scanned from DE
Form analysis
11 forms found in the DOMGET /search
<form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search">
<label for="Search" class="visually-hidden"> Search </label>
<input type="search" name="q" id="Search" class="pr-12 placeholder-current input w-full" value="" placeholder="Search">
<button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit">
<span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2 21.1304C2 26.2041 4.01552 31.07 7.60317 34.6577C11.1908 38.2453 16.0567 40.2609 21.1304 40.2609C26.2041 40.2609 31.07 38.2453 34.6577 34.6577C38.2453 31.07 40.2609 26.2041 40.2609 21.1304C40.2609 16.0567 38.2453 11.1908 34.6577 7.60317C31.07 4.01552 26.2041 2 21.1304 2C16.0567 2 11.1908 4.01552 7.60317 7.60317C4.01552 11.1908 2 16.0567 2 21.1304V21.1304Z"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M46 46L34.6576 34.6576" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="visually-hidden">Search</span>
</button>
</form>
GET /search
<form x-ref="searchForm" action="/search" method="get" role="search" @submit="onFormSubmit" @click.away.prevent="searchOpen = false">
<div x-ref="searchFieldComponent" class="relative py-2">
<input id="header-search" type="search" name="q" value="" class="header-search-input pl-9 py-2 placeholder:text-scheme-text font-secondary w-full border-0 shadow-none bg-transparent" placeholder="Search" aria-expanded="false"
aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="input" x-model="rawQuery"
@input.debounce.300="onChange" @focus="onFocus">
<label class="visually-hidden" for="header-search">Search</label>
<input type="hidden" name="options[prefix]" value="last"><button class="absolute left-0 top-1/2 transform -translate-y-1/2 p-1" aria-label="Search">
<span class="inline-block w-6 h-6"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2 21.1304C2 26.2041 4.01552 31.07 7.60317 34.6577C11.1908 38.2453 16.0567 40.2609 21.1304 40.2609C26.2041 40.2609 31.07 38.2453 34.6577 34.6577C38.2453 31.07 40.2609 26.2041 40.2609 21.1304C40.2609 16.0567 38.2453 11.1908 34.6577 7.60317C31.07 4.01552 26.2041 2 21.1304 2C16.0567 2 11.1908 4.01552 7.60317 7.60317C4.01552 11.1908 2 16.0567 2 21.1304V21.1304Z"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M46 46L34.6576 34.6576" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
<button @click="close()" class="block p-1 absolute right-0 top-1/2 transform -translate-y-1/2" type="button">
<span class="visually-hidden">Close (esc)</span>
<span class="inline-block w-6 h-6"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span>
</button>
</div>
<div id="predictiveSearchResults" :class="{ 'opacity-0 bg-scheme-text/0': ! resultsOpen, 'bg-scheme-text/75' : resultsOpen }" tabindex="-1"
class="text-scheme-text absolute left-0 right-0 h-screen transition-colors ease-out duration-300 z-50 opacity-0 bg-scheme-text/0">
<template x-if="loading && !results">
<div class="bg-scheme-background">
<div class="w-6 h-6 pt-12 pb-12 mx-auto" data-predictive-loading="">
<div class="loading"></div>
</div>
</div>
</template>
<template x-if="resultsOpen">
<div x-show="resultsOpen" class="max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-background pb-5 lg:pb-10 px-section scroll-pb-5 lg:scroll-pb-10" x-ref="results" @click.away.prevent="searchOpen = false">
</div>
</template>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>
<form class="flex" id="Facet-Filters-Form" @submit.prevent="filterFormSubmit">
<div class="overflow-y-auto px-5 -mx-5">
<div>
<ul class="mt-2.5 flex gap-2 flex-wrap">
<li x-data="{ inputValue: '' }" class="custom-checkbox flex justify-start items-center ">
<input type="checkbox" class="sr-only absolute filter-input" name="filter.p.tag" id="Filter-Filter by-0-mobile" hidden="" value="Bundles" @change="filterInputChange">
<label for="Filter-Filter by-0-mobile" class="cursor-pointer filter-tag flex items-center flex items-center hover:text--accent-1"> Bundles </label>
</li>
<li x-data="{ inputValue: '' }" class="custom-checkbox flex justify-start items-center ">
<input type="checkbox" class="sr-only absolute filter-input" name="filter.p.tag" id="Filter-Filter by-1-mobile" hidden="" value="Gluten-Free" @change="filterInputChange">
<label for="Filter-Filter by-1-mobile" class="cursor-pointer filter-tag flex items-center flex items-center hover:text--accent-1"> Gluten-Free </label>
</li>
<li x-data="{ inputValue: '' }" class="custom-checkbox flex justify-start items-center ">
<input type="checkbox" class="sr-only absolute filter-input" name="filter.p.tag" id="Filter-Filter by-2-mobile" hidden="" value="indulgent" @change="filterInputChange">
<label for="Filter-Filter by-2-mobile" class="cursor-pointer filter-tag flex items-center flex items-center hover:text--accent-1"> indulgent </label>
</li>
<li x-data="{ inputValue: '' }" class="custom-checkbox flex justify-start items-center ">
<input type="checkbox" class="sr-only absolute filter-input" name="filter.p.tag" id="Filter-Filter by-3-mobile" hidden="" value="Macro-Friendly" @change="filterInputChange">
<label for="Filter-Filter by-3-mobile" class="cursor-pointer filter-tag flex items-center flex items-center hover:text--accent-1"> Macro-Friendly </label>
</li>
<li x-data="{ inputValue: '' }" class="custom-checkbox flex justify-start items-center ">
<input type="checkbox" class="sr-only absolute filter-input" name="filter.p.tag" id="Filter-Filter by-4-mobile" hidden="" value="Merch" @change="filterInputChange">
<label for="Filter-Filter by-4-mobile" class="cursor-pointer filter-tag flex items-center flex items-center hover:text--accent-1"> Merch </label>
</li>
<li x-data="{ inputValue: '' }" class="custom-checkbox flex justify-start items-center ">
<input type="checkbox" class="sr-only absolute filter-input" name="filter.p.tag" id="Filter-Filter by-5-mobile" hidden="" value="Protein" @change="filterInputChange">
<label for="Filter-Filter by-5-mobile" class="cursor-pointer filter-tag flex items-center flex items-center hover:text--accent-1"> Protein </label>
</li>
</ul>
</div>
</div>
</form>
POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--16219972862142__product-grid-7874556788926" accept-charset="UTF-8" class="quick-buy-product-form" enctype="multipart/form-data" data-product-form=""
data-product-handle="valentine-butter-gift-box" data-enable-history-state="true" x-ref="productForm"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="hidden">
<label class="hidden " for="fallback-selector-template--16219972862142__product-grid">Variant</label>
<select @change="mainSelectorChange()" x-ref="singleVariantSelector" name="id" id="fallback-selector-template--16219972862142__product-grid" class="appearance-none p-2 font-secondary text-sm input text-scheme-text pr-10 mx-auto max-w-full ">
<option selected="selected" x-bind:selected="currentVariantId === 43469156679870" value="43469156679870"> Default Title </option>
</select>
</div>
<span class="sr-only">Regular price</span>
<div class="relative z-10 text-center pb-button-shadow">
<button class="push-btn theme-button " type="submit">
<span class="push-btn-surface "> Add to Cart </span>
<span class="visually-hidden">, Valentine Butter Gift Box</span>
</button>
</div>
<div class="mt-2.5 text-theme-basic text-center text-sm rte" tabindex="-1" x-ref="added" x-show="addedToCart" x-transition:enter="transition ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
x-transition:leave="transition ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
<div class="text-sm"> Added to Cart! <a href="/cart">View cart</a> or <a href="/collections/all">continue shopping</a>. </div>
</div>
<div x-show="current_variant && current_variant.unit_price" style="display: none;">
<div class="text-sm text-scheme-text text-center mt-2.5" data-unit-price-wrapper="">
<span class="sr-only">Unit price</span>
<span x-html="formatMoney(current_variant.unit_price)">$ 0</span>
<span aria-hidden="true"> / </span>
<span class="sr-only">per</span>
<span x-show="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_value !== 1 ? current_variant.unit_price_measurement.reference_value : false" style="display: none;"></span>
<span x-html="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_unit">undefined</span>
</div>
</div>
<input type="hidden" name="product-id" value="7874556788926"><input type="hidden" name="section-id" value="template--16219972862142__product-grid">
</form>
POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--16219972862142__product-grid-7874746155198" accept-charset="UTF-8" class="quick-buy-product-form" enctype="multipart/form-data" data-product-form=""
data-product-handle="valentine-cookie-gift-box" data-enable-history-state="true" x-ref="productForm"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="hidden">
<label class="hidden " for="fallback-selector-template--16219972862142__product-grid">Variant</label>
<select @change="mainSelectorChange()" x-ref="singleVariantSelector" name="id" id="fallback-selector-template--16219972862142__product-grid" class="appearance-none p-2 font-secondary text-sm input text-scheme-text pr-10 mx-auto max-w-full ">
<option selected="selected" x-bind:selected="currentVariantId === 43470139490494" value="43470139490494"> Default Title </option>
</select>
</div>
<span class="sr-only">Regular price</span>
<div class="relative z-10 text-center pb-button-shadow">
<button class="push-btn theme-button " type="submit">
<span class="push-btn-surface "> Add to Cart </span>
<span class="visually-hidden">, Valentine Cookie Gift Box</span>
</button>
</div>
<div class="mt-2.5 text-theme-basic text-center text-sm rte" tabindex="-1" x-ref="added" x-show="addedToCart" x-transition:enter="transition ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
x-transition:leave="transition ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
<div class="text-sm"> Added to Cart! <a href="/cart">View cart</a> or <a href="/collections/all">continue shopping</a>. </div>
</div>
<div x-show="current_variant && current_variant.unit_price" style="display: none;">
<div class="text-sm text-scheme-text text-center mt-2.5" data-unit-price-wrapper="">
<span class="sr-only">Unit price</span>
<span x-html="formatMoney(current_variant.unit_price)">$ 0</span>
<span aria-hidden="true"> / </span>
<span class="sr-only">per</span>
<span x-show="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_value !== 1 ? current_variant.unit_price_measurement.reference_value : false" style="display: none;"></span>
<span x-html="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_unit">undefined</span>
</div>
</div>
<input type="hidden" name="product-id" value="7874746155198"><input type="hidden" name="section-id" value="template--16219972862142__product-grid">
</form>
POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--16219972862142__product-grid-7833533153470" accept-charset="UTF-8" class="quick-buy-product-form" enctype="multipart/form-data" data-product-form=""
data-product-handle="american-dream-nut-butter-ballpoint-pen" data-enable-history-state="true" x-ref="productForm"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="hidden">
<label class="hidden " for="fallback-selector-template--16219972862142__product-grid">Variant</label>
<select @change="mainSelectorChange()" x-ref="singleVariantSelector" name="id" id="fallback-selector-template--16219972862142__product-grid" class="appearance-none p-2 font-secondary text-sm input text-scheme-text pr-10 mx-auto max-w-full ">
<option selected="selected" x-bind:selected="currentVariantId === 43322576666814" value="43322576666814"> Default Title </option>
</select>
</div>
<span class="sr-only">Regular price</span>
<div class="relative z-10 text-center pb-button-shadow">
<button class="push-btn theme-button " type="submit">
<span class="push-btn-surface "> Add to Cart </span>
<span class="visually-hidden">, American Dream Nut Butter Ballpoint Pen</span>
</button>
</div>
<div class="mt-2.5 text-theme-basic text-center text-sm rte" tabindex="-1" x-ref="added" x-show="addedToCart" x-transition:enter="transition ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
x-transition:leave="transition ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
<div class="text-sm"> Added to Cart! <a href="/cart">View cart</a> or <a href="/collections/all">continue shopping</a>. </div>
</div>
<div x-show="current_variant && current_variant.unit_price" style="display: none;">
<div class="text-sm text-scheme-text text-center mt-2.5" data-unit-price-wrapper="">
<span class="sr-only">Unit price</span>
<span x-html="formatMoney(current_variant.unit_price)">$ 0</span>
<span aria-hidden="true"> / </span>
<span class="sr-only">per</span>
<span x-show="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_value !== 1 ? current_variant.unit_price_measurement.reference_value : false" style="display: none;"></span>
<span x-html="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_unit">undefined</span>
</div>
</div>
<input type="hidden" name="product-id" value="7833533153470"><input type="hidden" name="section-id" value="template--16219972862142__product-grid">
</form>
POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--16219972862142__product-grid-1952829177944" accept-charset="UTF-8" class="quick-buy-product-form" enctype="multipart/form-data" data-product-form="" data-product-handle="gift-card"
data-enable-history-state="true" x-ref="productForm"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="mb-2.5 text-center">
<label class="hidden " for="fallback-selector-template--16219972862142__product-grid">Variant</label>
<select @change="mainSelectorChange()" x-ref="singleVariantSelector" name="id" id="fallback-selector-template--16219972862142__product-grid" class="appearance-none p-2 font-secondary text-sm input text-scheme-text pr-10 mx-auto max-w-full ">
<option selected="selected" x-bind:selected="currentVariantId === 19615135891544" value="19615135891544"> $10.00 USD </option>
<option x-bind:selected="currentVariantId === 19615135924312" value="19615135924312"> $25.00 USD </option>
<option x-bind:selected="currentVariantId === 19615135957080" value="19615135957080"> $50.00 USD </option>
<option x-bind:selected="currentVariantId === 19615135989848" value="19615135989848"> $100.00 USD </option>
</select>
</div>
<span class="sr-only">Regular price</span>
<div class="relative z-10 text-center pb-button-shadow">
<button class="push-btn theme-button " type="submit">
<span class="push-btn-surface "> Add to Cart </span>
<span class="visually-hidden">, American Dream Nut Butter Gift Card</span>
</button>
</div>
<div class="mt-2.5 text-theme-basic text-center text-sm rte" tabindex="-1" x-ref="added" x-show="addedToCart" x-transition:enter="transition ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
x-transition:leave="transition ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
<div class="text-sm"> Added to Cart! <a href="/cart">View cart</a> or <a href="/collections/all">continue shopping</a>. </div>
</div>
<div x-show="current_variant && current_variant.unit_price" style="display: none;">
<div class="text-sm text-scheme-text text-center mt-2.5" data-unit-price-wrapper="">
<span class="sr-only">Unit price</span>
<span x-html="formatMoney(current_variant.unit_price)">$ 0</span>
<span aria-hidden="true"> / </span>
<span class="sr-only">per</span>
<span x-show="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_value !== 1 ? current_variant.unit_price_measurement.reference_value : false" style="display: none;"></span>
<span x-html="current_variant.unit_price_measurement && current_variant.unit_price_measurement.reference_unit">undefined</span>
</div>
</div>
<input type="hidden" name="product-id" value="1952829177944"><input type="hidden" name="section-id" value="template--16219972862142__product-grid">
</form>
<form class="flex-auto flex flex-col" id="Facet-Filters-Form" @submit.prevent="filterFormSubmit">
<div class="py-5 flex-auto overflow-y-auto px-5 -mx-5">
<div class="mb-4" x-data="{ expanded: true }">
<button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion0"> Filter by <span
class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
<div id="accordion0" x-show="expanded" x-collapse="">
<div class="">
<ul class="mt-2.5">
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Bundles" id="Filter-Filter by-0-mobile">
<label for="Filter-Filter by-0-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Bundles <span class="inline-block ml-1">(2)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Gluten-Free" id="Filter-Filter by-1-mobile">
<label for="Filter-Filter by-1-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Gluten-Free <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="indulgent" id="Filter-Filter by-2-mobile">
<label for="Filter-Filter by-2-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> indulgent <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Macro-Friendly" id="Filter-Filter by-3-mobile">
<label for="Filter-Filter by-3-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Macro-Friendly <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Merch" id="Filter-Filter by-4-mobile">
<label for="Filter-Filter by-4-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Merch <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Protein" id="Filter-Filter by-5-mobile">
<label for="Filter-Filter by-5-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Protein <span class="inline-block ml-1">(1)</span>
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="my-5 ">
<button class="push-btn w-full z-0" type="submit" @click.prevent="filterFormSubmit($event, 'filters')">
<span class="push-btn-surface w-full"> Apply </span>
</button>
</div>
</form>
POST /contact#FooterNewsletter
<form method="post" action="/contact#FooterNewsletter" id="FooterNewsletter" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<div class="lg:flex items-center justify-center ">
<input type="hidden" name="contact[tags]" value="newsletter">
<label for="NewsletterForm-sections--16219973157054__footer" class="sr-only"> Email Address </label>
<div class="flex w-full lg:mr-2 flex-grow footer-newsletter-container">
<input id="NewsletterForm-sections--16219973157054__footer" type="email" name="contact[email]" class="input--background input-group-field w-full text-scheme-text border-scheme-text" value="" autocorrect="off" autocapitalize="off"
autocomplete="email" placeholder="Your Email" required="">
<button type="submit" class="push-btn push-btn--pop " name="commit" id="Subscribe-sections--16219973157054__footer">
<svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</form>
GET /search
<form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search">
<label for="Search" class="visually-hidden"> Search </label>
<input type="search" name="q" id="Search" class="pr-12 placeholder-current input w-full" value="" placeholder="Search">
<button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit">
<span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2 21.1304C2 26.2041 4.01552 31.07 7.60317 34.6577C11.1908 38.2453 16.0567 40.2609 21.1304 40.2609C26.2041 40.2609 31.07 38.2453 34.6577 34.6577C38.2453 31.07 40.2609 26.2041 40.2609 21.1304C40.2609 16.0567 38.2453 11.1908 34.6577 7.60317C31.07 4.01552 26.2041 2 21.1304 2C16.0567 2 11.1908 4.01552 7.60317 7.60317C4.01552 11.1908 2 16.0567 2 21.1304V21.1304Z"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M46 46L34.6576 34.6576" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="visually-hidden">Search</span>
</button>
</form>
<form class="flex-auto flex flex-col" id="Facet-Filters-Form" @submit.prevent="filterFormSubmit">
<div class="py-5 flex-auto overflow-y-auto px-5 -mx-5">
<div class="mb-4" x-data="{ expanded: true }">
<button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion0" aria-expanded="true"> Filter by <span
class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition rotate-180" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
<div id="accordion0" x-show="expanded" x-collapse="">
<div class="">
<ul class="mt-2.5">
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Bundles" id="Filter-Filter by-0-mobile">
<label for="Filter-Filter by-0-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Bundles <span class="inline-block ml-1">(2)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Gluten-Free" id="Filter-Filter by-1-mobile">
<label for="Filter-Filter by-1-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Gluten-Free <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="indulgent" id="Filter-Filter by-2-mobile">
<label for="Filter-Filter by-2-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> indulgent <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Macro-Friendly" id="Filter-Filter by-3-mobile">
<label for="Filter-Filter by-3-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Macro-Friendly <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Merch" id="Filter-Filter by-4-mobile">
<label for="Filter-Filter by-4-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Merch <span class="inline-block ml-1">(1)</span>
</label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="sr-only absolute" name="filter.p.tag" value="Protein" id="Filter-Filter by-5-mobile">
<label for="Filter-Filter by-5-mobile" class="cursor-pointer flex items-center hover:text--accent-1">
<span class="custom-checkbox__input"></span> Protein <span class="inline-block ml-1">(1)</span>
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="my-5 ">
<button class="push-btn w-full z-0" type="submit" @click.prevent="filterFormSubmit($event, 'filters')">
<span class="push-btn-surface w-full"> Apply </span>
</button>
</div>
</form>
Text Content
Skip to content * Wishlist * Rewards * My Account Cart items Cart items Menu Menu MOBILE_MENU_2023 * Shop * Nut Butters * Cookies * Retiring Soon * Happily Ever After...Maybe * Indulgent Butters * Dream Cakes * Nut Butter Bundles * Merch * Gifting * American Dream Nut Butter Gift Card * Subscriptions * About * About Us * Giving Back * Ambassadors * Customer Support * FAQs * Contact Us * Blogs * Log in * Create account MOBILE_MENU_2023 Close (esc) * Shop * Nut Butters * Cookies * Retiring Soon * Happily Ever After...Maybe * Indulgent Butters * Dream Cakes * Nut Butter Bundles * Merch * Gifting * American Dream Nut Butter Gift Card * Subscriptions * About * About Us * Giving Back * Ambassadors * Customer Support * FAQs * Contact Us * Blogs * Log in * Create account Search Search * Shop * Nut Butters * Cookies * Nut Butter Bundles * Retiring Soon * Happily Ever After...Maybe * Indulgent Butters * Dream Cakes * Sampler Size * Merch * Gifting * Subscriptions * About * About Us * Blog * Giving Back * Ambassadors * Customer Support * FAQs * Blog Search our site Search Close (esc) GIFTING Gifts for the nut enthusiast and cookie lovers in your life! Shop by Butters Cookies Cakes More options... * Bundles * Gluten-Free * indulgent * Macro-Friendly * Merch * Protein Showing 4 / 4 * Valentine Butter Gift Box VALENTINE BUTTER GIFT BOX $ 24.99 Variant Default Title Regular price Add to Cart , Valentine Butter Gift Box Added to Cart! View cart or continue shopping. Unit price $ 0 / per undefined * Valentine Cookie Gift Box VALENTINE COOKIE GIFT BOX $ 24.99 Variant Default Title Regular price Add to Cart , Valentine Cookie Gift Box Added to Cart! View cart or continue shopping. Unit price $ 0 / per undefined * American Dream Nut Butter Ballpoint Pen AMERICAN DREAM NUT BUTTER BALLPOINT PEN $ 2.75 Variant Default Title Regular price Add to Cart , American Dream Nut Butter Ballpoint Pen Added to Cart! View cart or continue shopping. Unit price $ 0 / per undefined * American Dream Nut Butter Gift Card AMERICAN DREAM NUT BUTTER GIFT CARD $ 10.00 Variant $10.00 USD $25.00 USD $50.00 USD $100.00 USD Regular price Add to Cart , American Dream Nut Butter Gift Card Added to Cart! View cart or continue shopping. Unit price $ 0 / per undefined FILTER Close (esc) Filter by * Bundles (2) * Gluten-Free (1) * indulgent (1) * Macro-Friendly (1) * Merch (1) * Protein (1) Apply GET SOCIAL * Facebook * Twitter * Instagram * TikTok * YouTube * LinkedIn COMPANY * About * Become an Ambassador * 4202 North EMS Boulevard, Suite 100 United States * customersupport@americandreamnutbutter.com * © 2024, American Dream Nut Butter. All Rights Reserved. CUSTOMER CARE * ADNB Rewards * My Account * Customer Service * FAQs * Shop to Spoon Promise * Privacy Policy * © 2024, American Dream Nut Butter. All Rights Reserved. SIGN UP TO BE THE FIRST TO KNOW ABOUT NEW FLAVORS! Want to be the first to know about new product releases? Our favorite recipes? How we are giving back - and more? Sign up for the ADNB Newsletter! Email Address * Choosing a selection results in a full page refresh. * Press the space key then arrow keys to make a selection. YOUR CART - Close (esc) Your cart is currently empty. TODO: $ 0.00 USD x 0 Your cart is currently empty. Continue shopping 0 MOBILE_MENU_2023 Close (esc) * Shop * Nut Butters * Cookies * Retiring Soon * Happily Ever After...Maybe * Indulgent Butters * Dream Cakes * Nut Butter Bundles * Merch * Gifting * American Dream Nut Butter Gift Card * Subscriptions * About * About Us * Giving Back * Ambassadors * Customer Support * FAQs * Contact Us * Blogs * Log in * Create account Search Search FILTER Close (esc) Filter by * Bundles (2) * Gluten-Free (1) * indulgent (1) * Macro-Friendly (1) * Merch (1) * Protein (1) Apply YOUR CART - 0 ITEMS Close (esc) Your cart is currently empty. TODO: $ 0.00 USD My Wishlist0 Check rewards