www.nutrend.eu
Open in
urlscan Pro
2a02:4a8:ac24:111::110:37
Public Scan
Submitted URL: https://nutrend.ch/
Effective URL: https://www.nutrend.eu/
Submission: On June 19 via api from CH — Scanned from CH
Effective URL: https://www.nutrend.eu/
Submission: On June 19 via api from CH — Scanned from CH
Form analysis
18 forms found in the DOMPOST /handler-router
<form class="w-full lg:px-4" action="/handler-router" method="post">
<input type="hidden" name="method" value="js">
<input type="hidden" name="module" value="/search/handle-form">
<div class="relative flex w-full" x-data="{
query: ``,
results: [],
length: 0,
performSearch (query) {
const filteredQuery = query.replace(/[\/\\@.]/g, '');
fetch(`/search/${encodeURIComponent(filteredQuery)}`)
.then(response => response.json())
.then(results => {
this.results = results.hits
this.length = results.nbHits > 20 ? `20+` : results.nbHits
if (results.fb_pixel_tracking_events) {
window.processFbPixelTrackingEvents(results.fb_pixel_tracking_events);
}
})
},
init () {
this.$watch(`query`, (query) => {
if(query.length > 0){
this.performSearch(query)
}
})
}
}">
<div class="relative w-full">
<input type="text" id="search_input_field" autocomplete="off"
class="group flex w-full items-center justify-between rounded-xl border border-silver-100 px-[15px] py-2 text-left text-sm leading-5 text-silver-500 transition-all hover:border-silver-900 focus:border-silver-900 focus:ring-1 focus:ring-silver-900 md:py-[11px] md:text-base md:leading-6 xl:rounded-2xl"
name="search_input_field" placeholder="Search ..." x-ref="searchFocus" @click="showSearch=true" x-model.debounce.500ms="query">
<button type="button" class="absolute right-0 top-1/2 flex h-full w-12 -translate-y-1/2 appearance-none items-center justify-center rounded-2xl text-silver-600 transition-colors lg:w-14">
<svg class="h-5 w-5 opacity-70 transition-opacity hover:opacity-100 md:h-6 md:w-6" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
<path
d="M26.2858 26.2858L21.3144 21.3144M24.0001 14.8572C24.0001 19.9067 19.9067 24.0001 14.8572 24.0001C9.80775 24.0001 5.71436 19.9067 5.71436 14.8572C5.71436 9.80775 9.80775 5.71436 14.8572 5.71436C19.9067 5.71436 24.0001 9.80775 24.0001 14.8572Z"
stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
<div class="absolute left-0 top-full mt-px max-h-[calc(100vh-128px)] w-full overflow-y-auto rounded-2xl bg-white shadow-lg" x-show="showSearch" x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 -translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
style="display: none;">
<!-- Results -->
<div class="px-4 py-6 md:px-6 md:py-8 lg:px-8 lg:py-10" x-show="query.length" style="display: none;">
<div class="flex items-start justify-between">
<p class="mb-2 text-sm text-silver-900 lg:mb-4">
<span x-text="length">0</span> results were found for your query <span class="text-crimson-600 font-bold" x-text="query"></span> .
</p>
<!-- Button Close Modal -->
<a class="rounded-full p-2 transition-colors hover:bg-concrete-100 lg:right-6 lg:top-6" href="#!" @click="showSearch = false">
<svg class="h-5 w-5 text-silver-500 transition-colors group-hover:text-silver-900" viewBox="0 0 28 28" fill="none" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M20 8L8 20M8 8L20 20" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<div x-show="results.voucher" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Gift cards </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.voucher" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.bundle && results.bundle.length > 0" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Product bundles </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.bundle" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.product" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Products </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.product" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
<template x-if="result.template_buying_allowed">
<div class="ml-auto flex flex-col items-end text-right" x-data="{
show_from: false
}">
<div class="flex gap-2 text-right">
<template x-if="result.priceVat > result.priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="result.priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight" :class="result.priceVat > result.priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="(show_from ? 'od ' : '') + result.priceVatSale.toLocaleString(appLocale,appLocaleOptions)"></p>
</div>
</div>
</template>
</a>
</template>
</div>
</div>
<div x-show="results.page" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Pages </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.page" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.article" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Articles </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.article" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.store" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Stores </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.store" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
</div>
<!-- Before Search -->
<div class="px-4 py-6 md:px-6 md:py-8 lg:px-8 lg:py-10" x-show="query.length==0">
<div class="flex items-start justify-between">
<h3 class="mb-2 text-base font-bold text-silver-900 lg:mb-4"> Frequently searched </h3>
<!-- Button Close Modal -->
<a class="rounded-full p-2 transition-colors hover:bg-concrete-100 lg:right-6 lg:top-6" href="#!" @click="showSearch = false">
<svg class="h-5 w-5 text-silver-500 transition-colors group-hover:text-silver-900" viewBox="0 0 28 28" fill="none" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M20 8L8 20M8 8L20 20" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<div class="flex flex-wrap gap-x-2">
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/proteins">Proteins</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/bcaas">BCAAs</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/creatine">Creatine</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/nutrend-team">NUTREND Team</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/just-live-well">Just Live Well</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/bestsellers">Bestsellers</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/"></a>
</div>
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Favourite products </h3>
<div class="-mx-2 gap-2">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/product/excelent-protein-bar-33/85-g-pineapple-with-coconut-in-yogurt-topping">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/ffec99e6-4678-4141-cd01-4626ccc14d00/productCatalog" alt="Excelent Protein Bar">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Excelent Protein Bar, 85 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Bestseller among protein bars
</p>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/product/creatine-monohydrate-112/300-g-no-flavour">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/a70c9f51-7eb6-490a-9880-86ee9d45c200/productCatalog" alt="Creatine Monohydrate">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Creatine Monohydrate, 300 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Increase in strength and muscle power
</p>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/product/creatine-monohydrate-creapurer-138/500-g-no-flavour">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/ded2dcd7-cec0-47ee-d968-32b49b317d00/productCatalog" alt="Creatine Monohydrate (Creapure®)">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Creatine Monohydrate (Creapure®), 500 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Increase in strength and muscle power
</p>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/product/unisport-153/1000-ml-pineapple">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/04d62f3e-ed03-4afb-65aa-b9d42d6a1600/productCatalog" alt="Unisport">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Unisport, 1000 ml
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Hypotonic sports drink
</p>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/product/100-whey-protein-333/2250-g-orange">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/0591becd-2558-4411-1fef-1f0fee6d9100/productCatalog" alt="100% Whey Protein">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
100% Whey Protein, 2250 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Premium whey protein
</p>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/product/n1-421/510-g-blackcurrant">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/a964f2c9-1dd0-45d0-ac5b-f8fa486b1500/productCatalog" alt="N1">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
N1, 510 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
World bestseller among pre-workouts
</p>
</div>
</a>
</div>
</div>
</div>
</div>
</form>
POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="openLogin=false;openPassword=true">Forgot Your Password?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Log in </button>
</form>
POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="login_b2b=false;openPassword=true">Forgot Your Password?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Log in </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="login_sms">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Phone</span>
<input type="text" class="block w-full rounded-xl rounded-bl-none rounded-tl-none border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4" value=""
name="phone_number" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
</div>
<button type="submit" name="login_sms_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Send the PIN code </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="sms_auth">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Text message PIN code </span>
<input type="text" name="pin" required="" x-mask="9 9 9 9 9 9" class="block w-full rounded-xl border-silver-100 px-6 py-3 text-lg transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="sms_auth_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Verify PIN code
</button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="forgotten_password">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="change_password_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Change password </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input required="" name="email" type="email" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Name</span>
<input required="" name="first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="given-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Surname</span>
<input required="" name="last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="family-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input required="" type="password" name="password" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password again </span>
<input required="" type="password" name="password_again" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Phone</span>
<input autocomplete="tel" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> I consent to the processing of the <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/personal-data-protection-policy">personal data</a> and want to join the NUTREND
Club. </span>
</label>
</div>
<button type="submit" name="submit_signup"
class="app--timeout-btn mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive" disabled="true" data-timeout-duration="4"> Register </button>
</form>
POST /handler-router
<form method="post" action="/handler-router" x-data="{
handleEvent: function (e, $el, $data){
if(e.type === 'change' || e.type === 'keyup'){
$store.b2b_signup.validateField('basic', $el, $data);
}
}
}" x-init="$store.b2b_signup.addForm($el);">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="b2b_user_signup">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<h5 class="mb-4 text-sm font-bold text-silver-900 md:text-base">Billing information</h5>
<div class="grid grid-cols-2 gap-4">
<div class="grid grid-cols-2 gap-4">
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Identification number</span>
<input x-data="{
uid: 'bussiness_ico',
has_error: false
}" required="" name="bussiness_ico" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization-id"
x-mask="99999999" x-model="$store.b2b_signup.ico" @input.debounce.500="$store.b2b_signup.send_api_ares_request($store.b2b_signup.ico)" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">VAT ID</span>
<input x-data="{
uid: 'bussiness_dic',
has_error: false
}" required="" name="bussiness_dic" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'"
autocomplete="organization-tax-id" x-mask="aa9999999999" x-model="$store.b2b_signup.dic" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Company</span>
<input x-data="{
uid: 'bussiness_company',
has_error: false
}" required="" name="bussiness_company" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization"
x-model="$store.b2b_signup.company" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Name</span>
<input x-data="{
uid: 'bussiness_first_name',
has_error: false
}" required="" name="bussiness_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
x-model="$store.b2b_signup.first_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Surname</span>
<input x-data="{
uid: 'bussiness_last_name',
has_error: false
}" required="" name="bussiness_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
x-model="$store.b2b_signup.last_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Phone</span>
<input x-data="{
uid: 'bussiness_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" name="bussiness_phone" value=""
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Street address</span>
<input x-data="{
uid: 'bussiness_street',
has_error: false
}" required="" name="bussiness_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
x-model="$store.b2b_signup.address" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">City</span>
<input x-data="{
uid: 'bussiness_city',
has_error: false
}" required="" name="bussiness_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
x-model="$store.b2b_signup.city" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Postal code</span>
<input x-data="{
uid: 'bussiness_zip',
has_error: false
}" required="" name="bussiness_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
x-model="$store.b2b_signup.zip" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Country</span>
<select required="" name="bussiness_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country"
x-model="$store.b2b_signup.country">
<option value="59">Germany</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Delivery details</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Address specification</span>
<input name="shipping_address_specification" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Name</span>
<input x-data="{
uid: 'shipping_first_name',
has_error: false
}" required="" name="shipping_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Surname</span>
<input x-data="{
uid: 'shipping_last_name',
has_error: false
}" required="" name="shipping_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Phone</span>
<input x-data="{
uid: 'shipping_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" value="" name="shipping_phone"
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Street address</span>
<input x-data="{
uid: 'shipping_street',
has_error: false
}" required="" name="shipping_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">City</span>
<input x-data="{
uid: 'shipping_city',
has_error: false
}" required="" name="shipping_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Postal code</span>
<input x-data="{
uid: 'shipping_zip',
has_error: false
}" required="" name="shipping_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Country</span>
<select required="" name="shipping_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country">
<option value="59">Germany</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Account</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input x-data="{
uid: 'email',
has_error: false
}" required="" name="email" type="email" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="email"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input x-data="{
uid: 'password',
has_error: false
}" required="" type="password" name="password" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password again </span>
<input x-data="{
uid: 'password_again',
has_error: false
}" required="" type="password" name="password_again" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-2 relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> I consent to the processing of the <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/personal-data-protection-policy">personal data</a> and want to join the NUTREND
Club. </span>
</label>
</div>
<button x-data="{
is_form_valid: false,
}" type="submit" name="submit_b2b_signup" data-timeout-duration="4"
class="app--timeout-btn mt-8 w-full rounded-2xl border bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base disabled:bg-nutrend-300 disabled:cursor-not-allowed"
:disabled="!is_form_valid" x-init="$store.b2b_signup.addSubmitButton($el, $data);"> Register </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup_finish">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Date of birth</span>
<input name="birthday" type="date" class="block w-full rounded-xl border-silver-100 px-6 py-3 placeholder-silver-500 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Gender</span>
<select name="gender" class="-mr-[1px] block rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="" selected="" disabled=""> Choose </option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="none">Other</option>
</select>
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Where are you from?</span>
<select name="personal_countries_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Choose</option>
<option value="17">Aruba</option>
<option value="6">Afghanistan</option>
<option value="11">Angola</option>
<option value="8">Anguilla</option>
<option value="18">Åland Islands</option>
<option value="9">Albania</option>
<option value="4">Andorra</option>
<option value="5">United Arab Emirates</option>
<option value="13">Argentina</option>
<option value="10">Armenia</option>
<option value="14">American Samoa</option>
<option value="12">Antarctica</option>
<option value="217">French Southern and Antarctic Lands</option>
<option value="7">Antigua and Barbuda</option>
<option value="16">Australia</option>
<option value="15">Austria</option>
<option value="19">Azerbaijan</option>
<option value="27">Burundi</option>
<option value="23">Belgium</option>
<option value="28">Benin</option>
<option value="33">Caribbean Netherlands</option>
<option value="24">Burkina Faso</option>
<option value="22">Bangladesh</option>
<option value="35">Bahamas</option>
<option value="20">Bosnia and Herzegovina</option>
<option value="26">Bahrain</option>
<option value="29">Saint Barthélemy</option>
<option value="39">Belarus</option>
<option value="40">Belize</option>
<option value="30">Bermuda</option>
<option value="32">Bolivia</option>
<option value="34">Brazil</option>
<option value="21">Barbados</option>
<option value="31">Brunei</option>
<option value="36">Bhutan</option>
<option value="37">Bouvet Island</option>
<option value="38">Botswana</option>
<option value="44">Central African Republic</option>
<option value="41">Canada</option>
<option value="42">Cocos (Keeling) Islands</option>
<option value="25">Bulgaria</option>
<option value="46">Switzerland</option>
<option value="49">Chile</option>
<option value="47">Ivory Coast</option>
<option value="50">Cameroon</option>
<option value="43">DR Congo</option>
<option value="45">Republic of the Congo</option>
<option value="51">China</option>
<option value="48">Cook Islands</option>
<option value="52">Colombia</option>
<option value="55">Cape Verde</option>
<option value="53">Costa Rica</option>
<option value="54">Cuba</option>
<option value="57">Christmas Island</option>
<option value="126">Cayman Islands</option>
<option value="58">Cyprus</option>
<option value="1">Česká republika</option>
<option value="59">Germany</option>
<option value="60">Djibouti</option>
<option value="62">Dominica</option>
<option value="61">Denmark</option>
<option value="63">Dominican Republic</option>
<option value="56">Curaçao</option>
<option value="64">Algeria</option>
<option value="65">Ecuador</option>
<option value="67">Egypt</option>
<option value="68">Western Sahara</option>
<option value="70">Spain</option>
<option value="66">Estonia</option>
<option value="71">Ethiopia</option>
<option value="69">Eritrea</option>
<option value="72">Finland</option>
<option value="74">Falkland Islands</option>
<option value="73">Fiji</option>
<option value="77">France</option>
<option value="76">Faroe Islands</option>
<option value="78">Gabon</option>
<option value="79">United Kingdom</option>
<option value="81">Georgia</option>
<option value="83">Guernsey</option>
<option value="84">Ghana</option>
<option value="75">Micronesia</option>
<option value="85">Gibraltar</option>
<option value="89">Guadeloupe</option>
<option value="87">Gambia</option>
<option value="95">Guinea-Bissau</option>
<option value="90">Equatorial Guinea</option>
<option value="88">Guinea</option>
<option value="91">Greece</option>
<option value="80">Grenada</option>
<option value="86">Greenland</option>
<option value="93">Guatemala</option>
<option value="82">French Guiana</option>
<option value="94">Guam</option>
<option value="96">Guyana</option>
<option value="97">Hong Kong</option>
<option value="98">Heard Island and McDonald Islands</option>
<option value="100">Croatia</option>
<option value="101">Haiti</option>
<option value="102">Hungary</option>
<option value="103">Indonesia</option>
<option value="106">Isle of Man</option>
<option value="107">India</option>
<option value="108">British Indian Ocean Territory</option>
<option value="104">Ireland</option>
<option value="110">Iran</option>
<option value="109">Iraq</option>
<option value="111">Iceland</option>
<option value="105">Israel</option>
<option value="112">Italy</option>
<option value="114">Jamaica</option>
<option value="113">Jersey</option>
<option value="115">Jordan</option>
<option value="116">Japan</option>
<option value="127">Kazakhstan</option>
<option value="117">Kenya</option>
<option value="118">Kyrgyzstan</option>
<option value="119">Cambodia</option>
<option value="99">Honduras</option>
<option value="120">Kiribati</option>
<option value="122">Saint Kitts and Nevis</option>
<option value="125">Kuwait</option>
<option value="128">Laos</option>
<option value="129">Lebanon</option>
<option value="133">Liberia</option>
<option value="138">Libya</option>
<option value="130">Saint Lucia</option>
<option value="124">South Korea</option>
<option value="131">Liechtenstein</option>
<option value="132">Sri Lanka</option>
<option value="134">Lesotho</option>
<option value="135">Lithuania</option>
<option value="136">Luxembourg</option>
<option value="137">Latvia</option>
<option value="150">Macau</option>
<option value="143">Saint Martin</option>
<option value="139">Morocco</option>
<option value="141">Moldova</option>
<option value="144">Madagascar</option>
<option value="157">Maldives</option>
<option value="159">Mexico</option>
<option value="145">Marshall Islands</option>
<option value="146">Macedonia</option>
<option value="147">Mali</option>
<option value="155">Malta</option>
<option value="148">Myanmar</option>
<option value="142">Montenegro</option>
<option value="149">Mongolia</option>
<option value="151">Northern Mariana Islands</option>
<option value="161">Mozambique</option>
<option value="140">Monaco</option>
<option value="154">Montserrat</option>
<option value="152">Martinique</option>
<option value="158">Malawi</option>
<option value="160">Malaysia</option>
<option value="162">Namibia</option>
<option value="156">Mauritius</option>
<option value="163">New Caledonia</option>
<option value="164">Niger</option>
<option value="165">Norfolk Island</option>
<option value="166">Nigeria</option>
<option value="167">Nicaragua</option>
<option value="172">Niue</option>
<option value="168">Netherlands</option>
<option value="169">Norway</option>
<option value="170">Nepal</option>
<option value="171">Nauru</option>
<option value="153">Mauritania</option>
<option value="173">New Zealand</option>
<option value="174">Oman</option>
<option value="180">Pakistan</option>
<option value="175">Panama</option>
<option value="183">Pitcairn Islands</option>
<option value="176">Peru</option>
<option value="179">Philippines</option>
<option value="187">Palau</option>
<option value="178">Papua New Guinea</option>
<option value="3">Poland</option>
<option value="123">North Korea</option>
<option value="186">Portugal</option>
<option value="188">Paraguay</option>
<option value="185">Palestine</option>
<option value="177">French Polynesia</option>
<option value="189">Qatar</option>
<option value="190">Réunion</option>
<option value="191">Romania</option>
<option value="193">Russia</option>
<option value="194">Rwanda</option>
<option value="195">Saudi Arabia</option>
<option value="198">Sudan</option>
<option value="206">Senegal</option>
<option value="200">Singapore</option>
<option value="184">Puerto Rico</option>
<option value="92">South Georgia</option>
<option value="203">Svalbard and Jan Mayen</option>
<option value="196">Solomon Islands</option>
<option value="201">Saint Helena</option>
<option value="204">Sierra Leone</option>
<option value="211">El Salvador</option>
<option value="205">San Marino</option>
<option value="207">Somalia</option>
<option value="182">Saint Pierre and Miquelon</option>
<option value="192">Serbia</option>
<option value="209">South Sudan</option>
<option value="210">São Tomé and Príncipe</option>
<option value="208">Suriname</option>
<option value="202">Slovenia</option>
<option value="199">Sweden</option>
<option value="214">Swaziland</option>
<option value="212">Sint Maarten</option>
<option value="197">Seychelles</option>
<option value="213">Syria</option>
<option value="215">Turks and Caicos Islands</option>
<option value="216">Chad</option>
<option value="218">Togo</option>
<option value="219">Thailand</option>
<option value="220">Tajikistan</option>
<option value="221">Tokelau</option>
<option value="223">Turkmenistan</option>
<option value="225">Tonga</option>
<option value="227">Trinidad and Tobago</option>
<option value="224">Tunisia</option>
<option value="226">Turkey</option>
<option value="228">Tuvalu</option>
<option value="229">Taiwan</option>
<option value="222">Timor-Leste</option>
<option value="230">Tanzania</option>
<option value="232">Uganda</option>
<option value="231">Ukraine</option>
<option value="233">United States Minor Outlying Islands</option>
<option value="235">Uruguay</option>
<option value="2">Slovensko</option>
<option value="234">United States</option>
<option value="236">Uzbekistan</option>
<option value="237">Vatican City</option>
<option value="239">Venezuela</option>
<option value="240">British Virgin Islands</option>
<option value="241">United States Virgin Islands</option>
<option value="242">Vietnam</option>
<option value="243">Vanuatu</option>
<option value="238">Saint Vincent and the Grenadines</option>
<option value="244">Wallis and Futuna</option>
<option value="245">Samoa</option>
<option value="121">Comoros</option>
</select>
</label>
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> What is the delivery address? </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Street address</span>
<input name="delivery_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">City</span>
<input name="delivery_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Postal code</span>
<input name="delivery_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Country</span>
<select name="delivery_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Choose</option>
<option value="59">Germany</option>
</select>
</label>
<div class="hidden space-y-4" :class="{ 'hidden': ! deliveryAddress }" x-show="deliveryAddress" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-8"
x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> Billing address </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Name</span>
<input name="billing_first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Surname</span>
<input name="billing_last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Phone</span>
<input type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="billing_phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Company</span>
<input name="billing_company" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Identification number</span>
<input name="billing_ico" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="99999999">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">VAT ID</span>
<input name="billing_dic" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="aa99999999">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Street address</span>
<input name="billing_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">City</span>
<input name="billing_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Postal code</span>
<input name="billing_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Country</span>
<select name="billing_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="1">Czech republic</option>
<option value="2">Slovakia</option>
</select>
</label>
</div>
</div>
<button type="submit" name="submit_signup_completion"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Complete </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="ecomail_signin">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Name </span>
<input name="first_name" type="text" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Surname </span>
<input name="last_name" type="text" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3" style="display: none !important">
<input type="text" style="display: none !important" name="company_address_website">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Phone</span>
<input type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="phone" x-mask:dynamic="phoneDynamicMask($input, $el)"
@keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> E-mail </span>
<input name="email" type="email" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="ecomail_submit"
class="app--timeout-btn mt-8 w-full rounded-2xl border border-silver-900 bg-silver-900 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-600 hover:bg-nutrend-600 hover:text-white md:px-12 md:py-4 md:text-base"
disabled="true" data-timeout-duration="7"> Continue </button>
</form>
POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="openLogin=false;openPassword=true">Forgot Your Password?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Log in </button>
</form>
POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="login_b2b=false;openPassword=true">Forgot Your Password?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Log in </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="login_sms">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Phone</span>
<input type="text" class="block w-full rounded-xl rounded-bl-none rounded-tl-none border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4" value=""
name="phone_number" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Enter in the format: </span>
</label>
</div>
<button type="submit" name="login_sms_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Send the PIN code </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="sms_auth">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Text message PIN code </span>
<input type="text" name="pin" required="" x-mask="9 9 9 9 9 9" class="block w-full rounded-xl border-silver-100 px-6 py-3 text-lg transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="sms_auth_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Verify PIN code
</button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="forgotten_password">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="change_password_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Change password </button>
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input required="" name="email" type="email" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Name</span>
<input required="" name="first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="given-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Surname</span>
<input required="" name="last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="family-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input required="" type="password" name="password" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password again </span>
<input required="" type="password" name="password_again" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Phone</span>
<input autocomplete="tel" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Enter in the format: </span>
</label>
<label class="relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> I consent to the processing of the <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/personal-data-protection-policy">personal data</a> and want to join the NUTREND
Club. </span>
</label>
</div>
<button type="submit" name="submit_signup"
class="app--timeout-btn mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive" data-timeout-duration="4"> Register </button>
<input type="hidden" name="released" value="true">
</form>
POST /handler-router
<form method="post" action="/handler-router" x-data="{
handleEvent: function (e, $el, $data){
if(e.type === 'change' || e.type === 'keyup'){
$store.b2b_signup.validateField('basic', $el, $data);
}
}
}" x-init="$store.b2b_signup.addForm($el);">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="b2b_user_signup">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<h5 class="mb-4 text-sm font-bold text-silver-900 md:text-base">Billing information</h5>
<div class="grid grid-cols-2 gap-4">
<div class="grid grid-cols-2 gap-4">
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Identification number</span>
<input x-data="{
uid: 'bussiness_ico',
has_error: false
}" required="" name="bussiness_ico" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization-id"
x-mask="99999999" x-model="$store.b2b_signup.ico" @input.debounce.500="$store.b2b_signup.send_api_ares_request($store.b2b_signup.ico)" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">VAT ID</span>
<input x-data="{
uid: 'bussiness_dic',
has_error: false
}" required="" name="bussiness_dic" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'"
autocomplete="organization-tax-id" x-mask="aa9999999999" x-model="$store.b2b_signup.dic" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Company</span>
<input x-data="{
uid: 'bussiness_company',
has_error: false
}" required="" name="bussiness_company" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization"
x-model="$store.b2b_signup.company" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Name</span>
<input x-data="{
uid: 'bussiness_first_name',
has_error: false
}" required="" name="bussiness_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
x-model="$store.b2b_signup.first_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Surname</span>
<input x-data="{
uid: 'bussiness_last_name',
has_error: false
}" required="" name="bussiness_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
x-model="$store.b2b_signup.last_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Phone</span>
<input x-data="{
uid: 'bussiness_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" name="bussiness_phone" value=""
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Enter in the format: </span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Street address</span>
<input x-data="{
uid: 'bussiness_street',
has_error: false
}" required="" name="bussiness_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
x-model="$store.b2b_signup.address" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">City</span>
<input x-data="{
uid: 'bussiness_city',
has_error: false
}" required="" name="bussiness_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
x-model="$store.b2b_signup.city" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Postal code</span>
<input x-data="{
uid: 'bussiness_zip',
has_error: false
}" required="" name="bussiness_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
x-model="$store.b2b_signup.zip" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Country</span>
<select required="" name="bussiness_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country"
x-model="$store.b2b_signup.country">
<option value="59">Germany</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Delivery details</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Address specification</span>
<input name="shipping_address_specification" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Name</span>
<input x-data="{
uid: 'shipping_first_name',
has_error: false
}" required="" name="shipping_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Surname</span>
<input x-data="{
uid: 'shipping_last_name',
has_error: false
}" required="" name="shipping_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Phone</span>
<input x-data="{
uid: 'shipping_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" value="" name="shipping_phone"
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Enter in the format: </span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Street address</span>
<input x-data="{
uid: 'shipping_street',
has_error: false
}" required="" name="shipping_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">City</span>
<input x-data="{
uid: 'shipping_city',
has_error: false
}" required="" name="shipping_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Postal code</span>
<input x-data="{
uid: 'shipping_zip',
has_error: false
}" required="" name="shipping_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Country</span>
<select required="" name="shipping_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country">
<option value="59">Germany</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Account</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input x-data="{
uid: 'email',
has_error: false
}" required="" name="email" type="email" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="email"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password </span>
<input x-data="{
uid: 'password',
has_error: false
}" required="" type="password" name="password" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Password again </span>
<input x-data="{
uid: 'password_again',
has_error: false
}" required="" type="password" name="password_again" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-2 relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> I consent to the processing of the <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/personal-data-protection-policy">personal data</a> and want to join the NUTREND
Club. </span>
</label>
</div>
<button x-data="{
is_form_valid: false,
}" type="submit" name="submit_b2b_signup" data-timeout-duration="4"
class="app--timeout-btn mt-8 w-full rounded-2xl border bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base disabled:bg-nutrend-300 disabled:cursor-not-allowed"
:disabled="!is_form_valid" x-init="$store.b2b_signup.addSubmitButton($el, $data);"> Register </button>
<input type="hidden" name="released" value="true">
</form>
POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup_finish">
<input type="hidden" name="origin" value="/">
<input type="hidden" name="lang_id" value="1">
<div class="flex flex-col space-y-4">
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Date of birth</span>
<input name="birthday" type="date" class="block w-full rounded-xl border-silver-100 px-6 py-3 placeholder-silver-500 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Gender</span>
<select name="gender" class="-mr-[1px] block rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="" selected="" disabled=""> Choose </option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="none">Other</option>
</select>
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Where are you from?</span>
<select name="personal_countries_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Choose</option>
<option value="17">Aruba</option>
<option value="6">Afghanistan</option>
<option value="11">Angola</option>
<option value="8">Anguilla</option>
<option value="18">Åland Islands</option>
<option value="9">Albania</option>
<option value="4">Andorra</option>
<option value="5">United Arab Emirates</option>
<option value="13">Argentina</option>
<option value="10">Armenia</option>
<option value="14">American Samoa</option>
<option value="12">Antarctica</option>
<option value="217">French Southern and Antarctic Lands</option>
<option value="7">Antigua and Barbuda</option>
<option value="16">Australia</option>
<option value="15">Austria</option>
<option value="19">Azerbaijan</option>
<option value="27">Burundi</option>
<option value="23">Belgium</option>
<option value="28">Benin</option>
<option value="33">Caribbean Netherlands</option>
<option value="24">Burkina Faso</option>
<option value="22">Bangladesh</option>
<option value="35">Bahamas</option>
<option value="20">Bosnia and Herzegovina</option>
<option value="26">Bahrain</option>
<option value="29">Saint Barthélemy</option>
<option value="39">Belarus</option>
<option value="40">Belize</option>
<option value="30">Bermuda</option>
<option value="32">Bolivia</option>
<option value="34">Brazil</option>
<option value="21">Barbados</option>
<option value="31">Brunei</option>
<option value="36">Bhutan</option>
<option value="37">Bouvet Island</option>
<option value="38">Botswana</option>
<option value="44">Central African Republic</option>
<option value="41">Canada</option>
<option value="42">Cocos (Keeling) Islands</option>
<option value="25">Bulgaria</option>
<option value="46">Switzerland</option>
<option value="49">Chile</option>
<option value="47">Ivory Coast</option>
<option value="50">Cameroon</option>
<option value="43">DR Congo</option>
<option value="45">Republic of the Congo</option>
<option value="51">China</option>
<option value="48">Cook Islands</option>
<option value="52">Colombia</option>
<option value="55">Cape Verde</option>
<option value="53">Costa Rica</option>
<option value="54">Cuba</option>
<option value="57">Christmas Island</option>
<option value="126">Cayman Islands</option>
<option value="58">Cyprus</option>
<option value="1">Česká republika</option>
<option value="59">Germany</option>
<option value="60">Djibouti</option>
<option value="62">Dominica</option>
<option value="61">Denmark</option>
<option value="63">Dominican Republic</option>
<option value="56">Curaçao</option>
<option value="64">Algeria</option>
<option value="65">Ecuador</option>
<option value="67">Egypt</option>
<option value="68">Western Sahara</option>
<option value="70">Spain</option>
<option value="66">Estonia</option>
<option value="71">Ethiopia</option>
<option value="69">Eritrea</option>
<option value="72">Finland</option>
<option value="74">Falkland Islands</option>
<option value="73">Fiji</option>
<option value="77">France</option>
<option value="76">Faroe Islands</option>
<option value="78">Gabon</option>
<option value="79">United Kingdom</option>
<option value="81">Georgia</option>
<option value="83">Guernsey</option>
<option value="84">Ghana</option>
<option value="75">Micronesia</option>
<option value="85">Gibraltar</option>
<option value="89">Guadeloupe</option>
<option value="87">Gambia</option>
<option value="95">Guinea-Bissau</option>
<option value="90">Equatorial Guinea</option>
<option value="88">Guinea</option>
<option value="91">Greece</option>
<option value="80">Grenada</option>
<option value="86">Greenland</option>
<option value="93">Guatemala</option>
<option value="82">French Guiana</option>
<option value="94">Guam</option>
<option value="96">Guyana</option>
<option value="97">Hong Kong</option>
<option value="98">Heard Island and McDonald Islands</option>
<option value="100">Croatia</option>
<option value="101">Haiti</option>
<option value="102">Hungary</option>
<option value="103">Indonesia</option>
<option value="106">Isle of Man</option>
<option value="107">India</option>
<option value="108">British Indian Ocean Territory</option>
<option value="104">Ireland</option>
<option value="110">Iran</option>
<option value="109">Iraq</option>
<option value="111">Iceland</option>
<option value="105">Israel</option>
<option value="112">Italy</option>
<option value="114">Jamaica</option>
<option value="113">Jersey</option>
<option value="115">Jordan</option>
<option value="116">Japan</option>
<option value="127">Kazakhstan</option>
<option value="117">Kenya</option>
<option value="118">Kyrgyzstan</option>
<option value="119">Cambodia</option>
<option value="99">Honduras</option>
<option value="120">Kiribati</option>
<option value="122">Saint Kitts and Nevis</option>
<option value="125">Kuwait</option>
<option value="128">Laos</option>
<option value="129">Lebanon</option>
<option value="133">Liberia</option>
<option value="138">Libya</option>
<option value="130">Saint Lucia</option>
<option value="124">South Korea</option>
<option value="131">Liechtenstein</option>
<option value="132">Sri Lanka</option>
<option value="134">Lesotho</option>
<option value="135">Lithuania</option>
<option value="136">Luxembourg</option>
<option value="137">Latvia</option>
<option value="150">Macau</option>
<option value="143">Saint Martin</option>
<option value="139">Morocco</option>
<option value="141">Moldova</option>
<option value="144">Madagascar</option>
<option value="157">Maldives</option>
<option value="159">Mexico</option>
<option value="145">Marshall Islands</option>
<option value="146">Macedonia</option>
<option value="147">Mali</option>
<option value="155">Malta</option>
<option value="148">Myanmar</option>
<option value="142">Montenegro</option>
<option value="149">Mongolia</option>
<option value="151">Northern Mariana Islands</option>
<option value="161">Mozambique</option>
<option value="140">Monaco</option>
<option value="154">Montserrat</option>
<option value="152">Martinique</option>
<option value="158">Malawi</option>
<option value="160">Malaysia</option>
<option value="162">Namibia</option>
<option value="156">Mauritius</option>
<option value="163">New Caledonia</option>
<option value="164">Niger</option>
<option value="165">Norfolk Island</option>
<option value="166">Nigeria</option>
<option value="167">Nicaragua</option>
<option value="172">Niue</option>
<option value="168">Netherlands</option>
<option value="169">Norway</option>
<option value="170">Nepal</option>
<option value="171">Nauru</option>
<option value="153">Mauritania</option>
<option value="173">New Zealand</option>
<option value="174">Oman</option>
<option value="180">Pakistan</option>
<option value="175">Panama</option>
<option value="183">Pitcairn Islands</option>
<option value="176">Peru</option>
<option value="179">Philippines</option>
<option value="187">Palau</option>
<option value="178">Papua New Guinea</option>
<option value="3">Poland</option>
<option value="123">North Korea</option>
<option value="186">Portugal</option>
<option value="188">Paraguay</option>
<option value="185">Palestine</option>
<option value="177">French Polynesia</option>
<option value="189">Qatar</option>
<option value="190">Réunion</option>
<option value="191">Romania</option>
<option value="193">Russia</option>
<option value="194">Rwanda</option>
<option value="195">Saudi Arabia</option>
<option value="198">Sudan</option>
<option value="206">Senegal</option>
<option value="200">Singapore</option>
<option value="184">Puerto Rico</option>
<option value="92">South Georgia</option>
<option value="203">Svalbard and Jan Mayen</option>
<option value="196">Solomon Islands</option>
<option value="201">Saint Helena</option>
<option value="204">Sierra Leone</option>
<option value="211">El Salvador</option>
<option value="205">San Marino</option>
<option value="207">Somalia</option>
<option value="182">Saint Pierre and Miquelon</option>
<option value="192">Serbia</option>
<option value="209">South Sudan</option>
<option value="210">São Tomé and Príncipe</option>
<option value="208">Suriname</option>
<option value="202">Slovenia</option>
<option value="199">Sweden</option>
<option value="214">Swaziland</option>
<option value="212">Sint Maarten</option>
<option value="197">Seychelles</option>
<option value="213">Syria</option>
<option value="215">Turks and Caicos Islands</option>
<option value="216">Chad</option>
<option value="218">Togo</option>
<option value="219">Thailand</option>
<option value="220">Tajikistan</option>
<option value="221">Tokelau</option>
<option value="223">Turkmenistan</option>
<option value="225">Tonga</option>
<option value="227">Trinidad and Tobago</option>
<option value="224">Tunisia</option>
<option value="226">Turkey</option>
<option value="228">Tuvalu</option>
<option value="229">Taiwan</option>
<option value="222">Timor-Leste</option>
<option value="230">Tanzania</option>
<option value="232">Uganda</option>
<option value="231">Ukraine</option>
<option value="233">United States Minor Outlying Islands</option>
<option value="235">Uruguay</option>
<option value="2">Slovensko</option>
<option value="234">United States</option>
<option value="236">Uzbekistan</option>
<option value="237">Vatican City</option>
<option value="239">Venezuela</option>
<option value="240">British Virgin Islands</option>
<option value="241">United States Virgin Islands</option>
<option value="242">Vietnam</option>
<option value="243">Vanuatu</option>
<option value="238">Saint Vincent and the Grenadines</option>
<option value="244">Wallis and Futuna</option>
<option value="245">Samoa</option>
<option value="121">Comoros</option>
</select>
</label>
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> What is the delivery address? </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Street address</span>
<input name="delivery_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">City</span>
<input name="delivery_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Postal code</span>
<input name="delivery_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Country</span>
<select name="delivery_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Choose</option>
<option value="59">Germany</option>
</select>
</label>
<div class="hidden space-y-4" :class="{ 'hidden': ! deliveryAddress }" x-show="deliveryAddress" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-8"
x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> Billing address </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Name</span>
<input name="billing_first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Surname</span>
<input name="billing_last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Enter in the format:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Phone</span>
<input type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="billing_phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Enter in the format: </span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Company</span>
<input name="billing_company" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Identification number</span>
<input name="billing_ico" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="99999999">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">VAT ID</span>
<input name="billing_dic" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="aa99999999">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Street address</span>
<input name="billing_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">City</span>
<input name="billing_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Postal code</span>
<input name="billing_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Country</span>
<select name="billing_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="1">Czech republic</option>
<option value="2">Slovakia</option>
</select>
</label>
</div>
</div>
<button type="submit" name="submit_signup_completion"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Complete </button>
</form>
Text Content
Dismiss popup 0 results were found for your query . GIFT CARDS PRODUCT BUNDLES PRODUCTS PAGES ARTICLES STORES FREQUENTLY SEARCHED Proteins BCAAs Creatine NUTREND Team Just Live Well Bestsellers FAVOURITE PRODUCTS EXCELENT PROTEIN BAR, 85 G Bestseller among protein bars CREATINE MONOHYDRATE, 300 G Increase in strength and muscle power CREATINE MONOHYDRATE (CREAPURE®), 500 G Increase in strength and muscle power UNISPORT, 1000 ML Hypotonic sports drink 100% WHEY PROTEIN, 2250 G Premium whey protein N1, 510 G World bestseller among pre-workouts WELCOME BACK! E-mail Password Forgot Your Password? Log in or Log in via text message Not registered yet? Create an account Interested in becoming a B2B partner? Become a Distributor B2B LOGIN E-mail Password Forgot Your Password? Log in or Log in via text message Interested in becoming a B2B partner? Become a Distributor LOG IN WITH A TEXT MESSAGE PIN CODE Phone Send the PIN code or Use password instead Not registered yet? Create an account ENTER THE TEXT MESSAGE PIN CODE Text message PIN code Verify PIN code You haven't received the text message PIN code? Send again FORGOTTEN PASSWORD Fill in your email and we will send you instructions to change your password. E-mail Change password or Did you remember your password? Log in here CREATE NEW ACCOUNT Join 30 thousands registered members and enjoy NUTREND Club benefits. E-mail Name Surname Password Password again Phone I consent to the processing of the personal data and want to join the NUTREND Club. Register Already a member? Log In CREATE NEW BUSINESS ACCOUNT BILLING INFORMATION Identification number VAT ID Company Name Surname Phone Street address City Postal code Country Germany DELIVERY DETAILS Address specification Name Surname Phone Street address City Postal code Country Germany ACCOUNT E-mail Password Password again I consent to the processing of the personal data and want to join the NUTREND Club. Register Already a member? Log In YOUR REGISTRATION WAS SUCCESSFUL! Now you can enjoy NUTREND Club benefits. Fill in further information about yourself or proceed to shopping. Proceed to shopping. Add account information SOMETHING ABOUT YOU Date of birth Gender Choose Male Female Other Where are you from? Choose Aruba Afghanistan Angola Anguilla Åland Islands Albania Andorra United Arab Emirates Argentina Armenia American Samoa Antarctica French Southern and Antarctic Lands Antigua and Barbuda Australia Austria Azerbaijan Burundi Belgium Benin Caribbean Netherlands Burkina Faso Bangladesh Bahamas Bosnia and Herzegovina Bahrain Saint Barthélemy Belarus Belize Bermuda Bolivia Brazil Barbados Brunei Bhutan Bouvet Island Botswana Central African Republic Canada Cocos (Keeling) Islands Bulgaria Switzerland Chile Ivory Coast Cameroon DR Congo Republic of the Congo China Cook Islands Colombia Cape Verde Costa Rica Cuba Christmas Island Cayman Islands Cyprus Česká republika Germany Djibouti Dominica Denmark Dominican Republic Curaçao Algeria Ecuador Egypt Western Sahara Spain Estonia Ethiopia Eritrea Finland Falkland Islands Fiji France Faroe Islands Gabon United Kingdom Georgia Guernsey Ghana Micronesia Gibraltar Guadeloupe Gambia Guinea-Bissau Equatorial Guinea Guinea Greece Grenada Greenland Guatemala French Guiana Guam Guyana Hong Kong Heard Island and McDonald Islands Croatia Haiti Hungary Indonesia Isle of Man India British Indian Ocean Territory Ireland Iran Iraq Iceland Israel Italy Jamaica Jersey Jordan Japan Kazakhstan Kenya Kyrgyzstan Cambodia Honduras Kiribati Saint Kitts and Nevis Kuwait Laos Lebanon Liberia Libya Saint Lucia South Korea Liechtenstein Sri Lanka Lesotho Lithuania Luxembourg Latvia Macau Saint Martin Morocco Moldova Madagascar Maldives Mexico Marshall Islands Macedonia Mali Malta Myanmar Montenegro Mongolia Northern Mariana Islands Mozambique Monaco Montserrat Martinique Malawi Malaysia Namibia Mauritius New Caledonia Niger Norfolk Island Nigeria Nicaragua Niue Netherlands Norway Nepal Nauru Mauritania New Zealand Oman Pakistan Panama Pitcairn Islands Peru Philippines Palau Papua New Guinea Poland North Korea Portugal Paraguay Palestine French Polynesia Qatar Réunion Romania Russia Rwanda Saudi Arabia Sudan Senegal Singapore Puerto Rico South Georgia Svalbard and Jan Mayen Solomon Islands Saint Helena Sierra Leone El Salvador San Marino Somalia Saint Pierre and Miquelon Serbia South Sudan São Tomé and Príncipe Suriname Slovenia Sweden Swaziland Sint Maarten Seychelles Syria Turks and Caicos Islands Chad Togo Thailand Tajikistan Tokelau Turkmenistan Tonga Trinidad and Tobago Tunisia Turkey Tuvalu Taiwan Timor-Leste Tanzania Uganda Ukraine United States Minor Outlying Islands Uruguay Slovensko United States Uzbekistan Vatican City Venezuela British Virgin Islands United States Virgin Islands Vietnam Vanuatu Saint Vincent and the Grenadines Wallis and Futuna Samoa Comoros WHAT IS THE DELIVERY ADDRESS? Street address City Postal code Country Choose Germany BILLING ADDRESS Name Surname Phone Company Identification number VAT ID Street address City Postal code Country Czech republic Slovakia Complete Bestsellers Proteins PROTEINS Whey Protein Beef Protein Casein Protein Plant Protein Collagen Protein Food Protein Snacks Protein Bars ACCESSORIES Shakers Bottles Clothing Bags Others 100% WHEY PROTEIN Premium whey protein AFTER TRAINING PROTEIN Protein suitable for post-workout Build Muscles BUILD MUSCLES Mass Gainers Carbohydrate Proteins BCAAs Amino Acids Testosterone Boosters Stimulants & Anabolisers Creatine ACCESSORIES Shakers Bottles Clothing Bags Others CREATINE MONOHYDRATE Increase in strength and muscle power MASS CORE Gainer for regeneration and maintenance of muscles Energy & Endurance ENERGY & ENDURANCE Pre-Workout Stimulant & Energizer Creatine BCAAs Carnitine Energy Bars Energy Gels Energy Drinks ACCESSORIES Shakers Bottles Clothing Bags Others ENDUROSNACK SACHET Gradual release of energy in gel form PUMP Pre-workout without caffeine Weight Loss & Diet WEIGHT LOSS & DIET Fat Burners Diet Food Diet Drinks Sugar Free & Low Sugar High-Fiber Food Diet Bars & Snacks ACCESSORIES Shakers Bottles Clothing Bags Others THERMOBOOSTER SHOT Burner for weight-loss workouts FAT DIRECT Night fat burner Special Offer SPECIAL OFFER New Arrivals Gift Boxes Special Offer Samples Bundles ACCESSORIES Shakers Bottles Clothing Bags Others MAGNESLIFE STRONG 375 mg of magnesium in shot ENDURANCE BAR Energy bar with high carbohydrate content Bars & Shots BARS & SHOTS Cereal Bars Nut Bars Protein Bars Energy Bars Fruit Bars Energy Shots Pre-Workout Shots Fat Burner Shots ACCESSORIES Shakers Bottles Clothing Bags Others PUMP SHOT Caffeine-free pre-workout QWIZZ PROTEIN BAR Crispy bar with caramel Login / Register Bestsellers Proteins Back PROTEINS Whey Protein Beef Protein Casein Protein Plant Protein Collagen Protein Food Protein Snacks Protein Bars ACCESSORIES Shakers Bottles Clothing Bags Others 100% WHEY PROTEIN Premium whey protein AFTER TRAINING PROTEIN Protein suitable for post-workout Build Muscles Back BUILD MUSCLES Mass Gainers Carbohydrate Proteins BCAAs Amino Acids Testosterone Boosters Stimulants & Anabolisers Creatine ACCESSORIES Shakers Bottles Clothing Bags Others CREATINE MONOHYDRATE Increase in strength and muscle power MASS CORE Gainer for regeneration and maintenance of muscles Energy & Endurance Back ENERGY & ENDURANCE Pre-Workout Stimulant & Energizer Creatine BCAAs Carnitine Energy Bars Energy Gels Energy Drinks ACCESSORIES Shakers Bottles Clothing Bags Others ENDUROSNACK SACHET Gradual release of energy in gel form PUMP Pre-workout without caffeine Weight Loss & Diet Back WEIGHT LOSS & DIET Fat Burners Diet Food Diet Drinks Sugar Free & Low Sugar High-Fiber Food Diet Bars & Snacks ACCESSORIES Shakers Bottles Clothing Bags Others THERMOBOOSTER SHOT Burner for weight-loss workouts FAT DIRECT Night fat burner Special Offer Back SPECIAL OFFER New Arrivals Gift Boxes Special Offer Samples Bundles ACCESSORIES Shakers Bottles Clothing Bags Others MAGNESLIFE STRONG 375 mg of magnesium in shot ENDURANCE BAR Energy bar with high carbohydrate content Health Back HEALTH Vitamins & Minerals Joints & Bones Fatty Acids & Fats Immunity MAGNESLIFE INSTANT DRINK POWDER Instant drink with magnesium MULTICOMPLEX COMPRESSED CAPS Vitamin and mineral pack for daily use Accessories Back ACCESSORIES Shakers Bottles Clothing Bags Others T-SHIRT THE POWER OF NUTRITION Whether in sports or everyday wear SPORTS BOTTLE ONE BRAND, ALL SPORTS For all sports activities Bars & Shots Back BARS & SHOTS Cereal Bars Nut Bars Protein Bars Energy Bars Fruit Bars Energy Shots Pre-Workout Shots Fat Burner Shots ACCESSORIES Shakers Bottles Clothing Bags Others PUMP SHOT Caffeine-free pre-workout QWIZZ PROTEIN BAR Crispy bar with caramel Goal Back GOAL Build Muscles Lose Weight Energy & Endurance Reduce Fatigue & Exhaustion Stay Focused Get Hydrated Support Immunity Healthy & Active Lifestyle Increase Strength & Performance Regeneration Usage Back USAGE During day Pre-Workout Intra-Workout Post-Workout Before Sleep For diet Snacks Vegan For kids Sports Back Fitness Functional Training Running Cycling Team Sports Bodybuilding Blog Back BLOG All Nutrition Training Recipes News Lifestyle #JustLiveWell FEATURE NOT AVAILABLE This feature is not available in the current version. Thank you for your understanding. Continue TRAIN HARDER, RUN FASTER Try it! OAT POWER FOR ENERGY Try it! WEIGHT LOSS, ENERGY-PACKED Try it! FRESH NEWS CITRULLINE MALATE Functional NO pre-workout 300 g Show CARNITINE ACTIVITY DRINK Sports drink without sugar 750 ml Show ASHWAGANDHA Plant extract for performance and relaxation 60 caps Show PUMP SHOT Caffeine-free pre-workout 20 x 60 ml Show THERMOBOOSTER SHOT Burner for weight-loss workouts 20 x 60 ml Show MASS CORE Gainer for regeneration and maintenance of muscles 5440 g Show PROTEIN OAT BREAKFAST Protein porridge with vitamins and superfoods 630 g Show TRIBULUS TERRESTRIS Fruit extract with 90 % saponins 60 caps Show PROTEIN BAR 50 Fluffy and packed with protein 50 g Show MAGNESLIFE INSTANT DRINK POWDER Instant drink with magnesium 300 g Show PUMP Pre-workout without caffeine 225 g Show SHOP BY SPORT FITNESS FUNCTIONAL TRAINING RUNNING CYCLING TEAM SPORTS BODYBUILDING DON'T MISS 100% WHEY PROTEIN Premium whey protein 2250 g Show ISO WHEY PROZERO Premium whey isolate suitable for diet 2250 g Show AFTER TRAINING PROTEIN Protein suitable for post-workout 2520 g Show N1 World bestseller among pre-workouts 510 g Show EXCELENT PROTEIN BAR Bestseller among protein bars 85 g Show FAT DIRECT SHOT Pre-workout and fat burner 2 in 1 20 x 60 ml Show ISODRINX Sports drink with electrolytes 1000 g Show UNISPORT Hypotonic sports drink 1000 ml Show COMPRESS FEVER Natural substances supporting body shaping 120 caps Show MAGNESLIFE Reduction of tiredness and exhaustion 10 x 25 ml Show FAVOURITE CATEGORIES WHEY PROTEIN PLANT PROTEIN STIMULANTS & ANABOLISERS CREATINE FAT BURNERS PRE-WORKOUT ENERGY BARS HEALTH SPECIAL OFFER Show more TRAINING PACKAGE FOR OVER 2.5 HOURS Show TRAINING PACKAGE FOR UP TO 2.5 HOURS Show TRAINING PACKAGE FOR UP TO 1.5 HOURS Show TRAINING PACKAGE FOR UP TO 1 HOUR Show CHOOSE YOUR GOAL Build Muscles Lose Weight Energy & Endurance Reduce Fatigue & Exhaustion Stay Focused Get Hydrated Support Immunity Healthy & Active Lifestyle Increase Strength & Performance BLOG Show more WANT TO BOOST YOUR IMMUNITY? MOVE MORE, ADVISES IMMUNOLOGIST Our immunity is the first line of defence against disease, so it is important to keep it in optimal condition. Continue reading 11 min WHAT IS GAINER? AND IS IT BETTER THAN PROTEIN? Continue reading 5 min WHAT IS THE QUICKEST WAY TO GAIN MUSCLE MASS? We can see slim and sweaty individuals every day in the gym fighting their battle for muscle mass and even though some of them succeed, not all of them are winning this fight. Continue reading 10 min PROTEIN BARS – WHY TO GET THEM, WHEN TO EAT THEM, AND HOW TO CHOOSE THEM Nowadays, it is possible to find a wide range of functional foodstuff and tips for daily snack. Protein bars definitely fall into this category. But how to find the right one and what are the criteria? We bring you several tips, whether you search for a bar that is high in protein or low in sugar. Continue reading 7 min NUTS IN A JAR – NOT ALL BUTTER IS THE SAME Continue reading 8 min Petra Kvitová recommends PETRA SERVES 10% DISCOUNT on your first purchase, just enter your email. E-mail I agree to processing of personal data and would like to subscribe to the NUTREND newsletter. Get discount I don't want a discount Read NUTREND's personal data processing. GREAT, YOU GET A DISCOUNT! Click on the button below to activate the discount code. Or you can enter it manually in the 1st step of the shopping cart. Your code Copied to clipboard. Activate discount ADDED TO CART Proceed to checkout Proceed to checkout Back to shopping Nakupte ještě za and get a gift with your purchase. Nakupte ještě za and get a better gift with your purchase. Well done! Choose a gift with your purchase in the cart. CHOOSE YOUR PRODUCT Your price VAT included Price per item VAT included Price per item VAT included Add to cart Close STAY ACTIVE & FIT with new flavours Carnitine Activity Drink Taste TASTES GOOD, WORKS WELL Discover SUBSCRIBE TO OUR NEWSLETTER and get information about all offers and news. Subscribe SUBSCRIBE TO OUR NEWSLETTER Name Surname Phone E-mail Continue I'm not interested Only high quality and branded ingredients 30 years of experience All in-house solution ISO certified (9001, 22000) Over 33 000 sqm area Export to over 60 countries worldwide LEARN MORE * Terms and Conditions * GDPR * NUTREND Team * Submit notice FOR OUR PARTNERS * Product Catalogues * Become a Distributor * B2B Zone * Certificates PRESS INFORMATION * Logo Manual * To Download ABOUT OUR COMPANY * NUTREND World * Stores * About Us * Contacts * Virtual Tour * Career +420 800 750 750 Mo-Fr (8h-16h) Contact us info@nutrend.cz Europe (EU) Europe (EU) Česká republika (CS) Polska (PL) Copyright © 2024 NUTREND D. S., a.s. All Rights Reserved Adjust cookie preferences WELCOME BACK! E-mail Password Forgot Your Password? Log in or Log in via text message Not registered yet? Create an account Interested in becoming a B2B partner? Become a Distributor B2B LOGIN E-mail Password Forgot Your Password? Log in or Log in via text message Interested in becoming a B2B partner? Become a Distributor LOG IN WITH A TEXT MESSAGE PIN CODE Phone Enter in the format: Send the PIN code or Use password instead Not registered yet? Create an account ENTER THE TEXT MESSAGE PIN CODE Text message PIN code Verify PIN code You haven't received the text message PIN code? Send again FORGOTTEN PASSWORD Fill in your email and we will send you instructions to change your password. E-mail Change password or Did you remember your password? Log in here CREATE NEW ACCOUNT Join 30 thousands registered members and enjoy NUTREND Club benefits. E-mail Name Surname Password Password again Phone Enter in the format: I consent to the processing of the personal data and want to join the NUTREND Club. Register Already a member? Log In CREATE NEW BUSINESS ACCOUNT BILLING INFORMATION Identification number VAT ID Company Name Surname Phone Enter in the format: Street address City Postal code Country Germany DELIVERY DETAILS Address specification Name Surname Phone Enter in the format: Street address City Postal code Country Germany ACCOUNT E-mail Password Password again I consent to the processing of the personal data and want to join the NUTREND Club. Register Already a member? Log In YOUR REGISTRATION WAS SUCCESSFUL! Now you can enjoy NUTREND Club benefits. Fill in further information about yourself or proceed to shopping. Proceed to shopping. Add account information SOMETHING ABOUT YOU Date of birth Gender Choose Male Female Other Where are you from? Choose Aruba Afghanistan Angola Anguilla Åland Islands Albania Andorra United Arab Emirates Argentina Armenia American Samoa Antarctica French Southern and Antarctic Lands Antigua and Barbuda Australia Austria Azerbaijan Burundi Belgium Benin Caribbean Netherlands Burkina Faso Bangladesh Bahamas Bosnia and Herzegovina Bahrain Saint Barthélemy Belarus Belize Bermuda Bolivia Brazil Barbados Brunei Bhutan Bouvet Island Botswana Central African Republic Canada Cocos (Keeling) Islands Bulgaria Switzerland Chile Ivory Coast Cameroon DR Congo Republic of the Congo China Cook Islands Colombia Cape Verde Costa Rica Cuba Christmas Island Cayman Islands Cyprus Česká republika Germany Djibouti Dominica Denmark Dominican Republic Curaçao Algeria Ecuador Egypt Western Sahara Spain Estonia Ethiopia Eritrea Finland Falkland Islands Fiji France Faroe Islands Gabon United Kingdom Georgia Guernsey Ghana Micronesia Gibraltar Guadeloupe Gambia Guinea-Bissau Equatorial Guinea Guinea Greece Grenada Greenland Guatemala French Guiana Guam Guyana Hong Kong Heard Island and McDonald Islands Croatia Haiti Hungary Indonesia Isle of Man India British Indian Ocean Territory Ireland Iran Iraq Iceland Israel Italy Jamaica Jersey Jordan Japan Kazakhstan Kenya Kyrgyzstan Cambodia Honduras Kiribati Saint Kitts and Nevis Kuwait Laos Lebanon Liberia Libya Saint Lucia South Korea Liechtenstein Sri Lanka Lesotho Lithuania Luxembourg Latvia Macau Saint Martin Morocco Moldova Madagascar Maldives Mexico Marshall Islands Macedonia Mali Malta Myanmar Montenegro Mongolia Northern Mariana Islands Mozambique Monaco Montserrat Martinique Malawi Malaysia Namibia Mauritius New Caledonia Niger Norfolk Island Nigeria Nicaragua Niue Netherlands Norway Nepal Nauru Mauritania New Zealand Oman Pakistan Panama Pitcairn Islands Peru Philippines Palau Papua New Guinea Poland North Korea Portugal Paraguay Palestine French Polynesia Qatar Réunion Romania Russia Rwanda Saudi Arabia Sudan Senegal Singapore Puerto Rico South Georgia Svalbard and Jan Mayen Solomon Islands Saint Helena Sierra Leone El Salvador San Marino Somalia Saint Pierre and Miquelon Serbia South Sudan São Tomé and Príncipe Suriname Slovenia Sweden Swaziland Sint Maarten Seychelles Syria Turks and Caicos Islands Chad Togo Thailand Tajikistan Tokelau Turkmenistan Tonga Trinidad and Tobago Tunisia Turkey Tuvalu Taiwan Timor-Leste Tanzania Uganda Ukraine United States Minor Outlying Islands Uruguay Slovensko United States Uzbekistan Vatican City Venezuela British Virgin Islands United States Virgin Islands Vietnam Vanuatu Saint Vincent and the Grenadines Wallis and Futuna Samoa Comoros WHAT IS THE DELIVERY ADDRESS? Street address City Postal code Country Choose Germany BILLING ADDRESS Name Surname Phone Enter in the format: Company Identification number VAT ID Street address City Postal code Country Czech republic Slovakia Complete FEATURE NOT AVAILABLE This feature is not available in the current version. Thank you for your understanding. Continue ADDED TO CART Proceed to checkout Proceed to checkout Proceed to checkout Back to shopping Nakupte ještě za and get a gift with your purchase. Nakupte ještě za and get a better gift with your purchase. Nakupte ještě za and get a gift with your purchase. Well done! Choose a gift with your purchase in the cart. CHOOSE YOUR PRODUCT Your price VAT included Price per item VAT included Price per item VAT included Add to cart Close 🍪 UŻYWAMY PLIKÓW COOKIE Ta witryna wykorzystuje pliki cookie i inne narzędzia śledzące w celu poprawy komfortu użytkowania, wyświetlania spersonalizowanych treści i reklam, analizowania ruchu w witrynie i określania źródła ruchu. AkceptujOdrzucić Dostosuj moje preferencje