1<!DOCTYPE html> 2<html lang="en-US"> 3<head>
3<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 4(window,'AW-782873385','google_tags_first_party');</script>
4<script async src="/tzmd/"></script>
4 5
5<script> 6 window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 gtag('js', new Date()); 9 gtag('set', 'developer_id.dYzg1YT', true); 10 gtag('config', 'AW-782873385'); 11 </script>
11 12 13 <meta charset="utf-8"> 14 <meta name="viewport" content="width=device-width, initial-scale=1"> 15 <meta name="robots" content="noindex, nofollow"> 16 17 <title>Featured Items - Seven Sons Farms</title> 18 19 <link rel="canonical" href="https://sevensons.net/store/collections/featured-items"/> 20 <meta name="csrf-token" content="mmmkgPSBVsSIKfqdkT4RMk55R9jYTD4IPUx4dcFh" id="csrfToken"> 21 <link rel="icon" type="image/png" href="https://s3.amazonaws.com/sevensonsfarms/sevensonsfarms/images/1579548671_5e25ffff6a1d9.png"> 22 23 24 25 <style> 26 .product-list ::-webkit-scrollbar { 27 display: none; 28 } 29 30 @media (min-width: 640px) { 31 .product-list ::-webkit-scrollbar { 32 display: block; 33 height: 8px; /* height of horizontal scrollbar */ 34 } 35 } 36 </style> 37 38 <link rel="preconnect" href="https://fonts.googleapis.com"> 39 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 40 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bevan:wght@400&family=Open+Sans:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bevan:wght@400&family=Open+Sans:wght@400;500;600;700&display=swap"></noscript> 41 42 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 43 44 <link rel="preload" as="style" href="/theme/theme-variables.css?id=1775063067"> 45 <link rel="stylesheet" href="/theme/theme-variables.css?id=1775063067"> 46 47 <link rel="preload" as="style" href="https://sevensons.net/build/assets/theme-BxCuCMYf.css" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/theme-Zl4_RbUR.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/googleAutocomplete-D00FyyZq.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/lodash-BdLKt6uL.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/_commonjsHelpers-C4iS2aBk.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/index-DHsX4QtD.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/storefrontNotifications-C7Nzupzy.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/v4-SoommWqA.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/popper-BQBsAJpH.js" /><link rel="stylesheet" href="https://sevensons.net/build/assets/theme-BxCuCMYf.css" data-navigate-track="reload" />
47<script type="module" src="https://sevensons.net/build/assets/theme-Zl4_RbUR.js" data-navigate-track="reload"></script>
47 48 <style> 49 . { 50 color: initial; 51 font-family: initial; 52 line-height: initial; 53 letter-spacing: initial; 54 text-transform: initial; 55 } 56 </style> 57 58 <link rel="preload" as="style" href="/theme/theme.css?id=1775063067"> 59 <link rel="stylesheet" href="/theme/theme.css?id=1775063067"> 60 61 62 <!-- Start Facebook Pixel Code --> 63
63<script> 64 !function(f, b, e, v, n, t, s) { 65 if (f.fbq) return; 66 n = f.fbq = function() { 67 n.callMethod ? 68 n.callMethod.apply(n, arguments) : n.queue.push(arguments); 69 }; 70 if (!f._fbq) f._fbq = n; 71 n.push = n; 72 n.loaded = !0; 73 n.version = '2.0'; 74 n.queue = []; 75 t = b.createElement(e); 76 t.async = !0; 77 t.src = v; 78 s = b.getElementsByTagName(e)[0]; 79 s.parentNode.insertBefore(t, s); 80 }(window, document, 'script', 81 'https://connect.facebook.net/en_US/fbevents.js'); 82 fbq('init', '536233553408358'); 83 </script>
83 84 85<!-- End Facebook Pixel Code --> 86 87 <!-- Google Tag Manager --> 88
89<script>
vendor: 331 bytes, lines 89-93
89(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 90new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 91j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 92'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 93})(window,document,'script','dataLayer','
93GTM-NHNFTK5
vendor: 3 bytes, line 93
93');
93</script>
93 94<!-- End Google Tag Manager --> 95 96 <style> 97 [x-cloak] { 98 display: none; 99 } 100 </style> 101</head> 102 103<body 104 class="font-body" 105 x-data="{ sidePanelOpened: false }" 106 @side-panel-opened.window="sidePanelOpened = true" 107 @side-panel-closed.window="setTimeout(() => sidePanelOpened = false, 250)" 108> 109 110<div id="app"> 111 <div id="top-of-page"></div> 112 <div style="position: relative;"> 113 114 <div class="font-body border-t border-chestnut-rose-300 shadow-inner bg-linear-to-r from-chestnut-rose-400/35 to-buttercup-300/35"> 115 <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8"> 116 <div class="relative flex py-3 items-center justify-center"> 117 <div class="space-x-3 flex items-center text-sm font-semibold sm:text-base"> 118 <p>Save 5% + a FREE Item + $25 Cash Back</p> 119 <div wire:key="lw-2403797990-0" wire:snapshot="{"data":{"action":[{"modal_to_open":"subscribe-offer-drawer"},{"s":"arr"}],"needs_lead_capture":true},"memo":{"id":"mrGem6fQ3HyIZKJ3C3VS","name":"theme.lead-capture-with-content","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[],"slots":[{"name":"before-capture","componentId":"mrGem6fQ3HyIZKJ3C3VS","parentId":null},{"name":"after-capture","componentId":"mrGem6fQ3HyIZKJ3C3VS","parentId":null},{"name":"default","componentId":"mrGem6fQ3HyIZKJ3C3VS","parentId":null}]},"checksum":"ab4695aefdb1c5639c9bbb9ef99226a85e931c1c1bd77dfe2b8897041a486dca"}" wire:effects="{"listeners":["lead-captured"]}" wire:id="mrGem6fQ3HyIZKJ3C3VS" wire:name="theme.lead-capture-with-content" x-data="{ needs_lead_capture: $wire.entangle('needs_lead_capture') }" class="relative"> 120 <!--[if BLOCK]><![endif]--> <span x-show="needs_lead_capture"> 121 <!--[if FRAGMENT:name=before-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=2566892043|mode=morph]><![endif]--> 122 <button type="button" class="cursor-pointer whitespace-nowrap rounded-sm bg-chestnut-rose-600 px-2 py-1 text-xs font-semibold text-white shadow-xs sm:text-sm hover:bg-chestnut-rose-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-600">Claim Offer</button> 123 <!--[if ENDFRAGMENT:name=before-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=2566892043|mode=morph]><![endif]--> 124 <div @click="$dispatch('open-modal-lead-capture', { action: JSON.parse('{\u0022modal_to_open\u0022:\u0022subscribe-offer-drawer\u0022}') })" class="absolute inset-0 z-10 cursor-pointer"></div> 125 </span> 126 <span x-show="!needs_lead_capture" x-cloak><!--[if FRAGMENT:name=after-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=3615599535|mode=morph]><![endif]--> 127 <button type="button" class="cursor-pointer whitespace-nowrap rounded-sm bg-buttercup-300 px-2 py-1 text-xs font-semibold text-buttercup-900 shadow-xs sm:text-sm hover:bg-buttercup-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-buttercup-600">Offer Claimed ✓</button> 128 <!--[if ENDFRAGMENT:name=after-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=3615599535|mode=morph]><![endif]--></span> 129 <!--[if ENDBLOCK]><![endif]--></div> 130 131 </div> 132 </div> 133 </div> 134 </div> 135 136 137<div class="" x-data="topNavigation()" style="position: sticky; top: 0; z-index: 20;"> 138 <div class="font-body bg-white"> 139 <header class="relative z-20"> 140 <nav aria-label="Top" class="relative shadow-xs"> 141 <header class="bg-keppel-400"> 142 <div class="mx-auto px-4 lg:max-w-7xl lg:divide-y lg:divide-gray-700 lg:px-8"> 143 <div class="relative flex items-center h-14"> 144 <div class="flex-1 relative z-10 w-full"> 145 <div class="flex items-center max-w-md"> 146 <div x-data class="flex shrink-0 items-center"> 147 <button x-on:click="$dispatch('open-flyout-menu')" 148 type="button" 149 class="relative rounded-md bg-transparent text-white mr-3 lg:hidden" 150 >
151 <span class="absolute -inset-0.5"></span> 152 <span class="sr-only">Open menu</span> 153 <div class="flex items-center gap-x-2"> 154 <svg class="h-6 w-6 " fill="none" viewBox="0 0 24 24" stroke-width="1.5" 155 stroke="currentColor" aria-hidden="true"> 156 <path stroke-linecap="round" stroke-linejoin="round" 157 d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path> 158 </svg> 159 </div> 160 </button> 161 <a href="/" class="hidden md:block"> 162 <span class="sr-only">Seven Sons Farms</span> 163 <img 164 src="https://d3kz8fnjk70eni.cloudfront.net/fit-in/128x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png" 165 srcset="https://d3kz8fnjk70eni.cloudfront.net/fit-in/64x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png 64w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/128x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png 128w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/256x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png 256w" 166 sizes="128px" 167 alt="Seven Sons Farms Logo" 168 decoding="async" 169 class="h-8 w-auto" loading="lazy" fetchpriority="low" /> 170 </a> 171 </div> 172 <div class="w-full md:ml-6 lg:max-w-xs"> 173 <button class="hidden w-full bg-gray-900/15 shadow-inner rounded-2xl cursor-text border-0 py-2 px-3 text-white ring-1 ring-inset ring-keppel-400 transition-colors focus:ring-2 focus:ring-inset focus:ring-keppel-500 hover:bg-gray-900/18 sm:text-sm sm:leading-6 md:block" x-on:click="$dispatch('product-search-toggled')"> 174 <span class="flex items-center overflow-hidden gap-x-2"> 175 <svg class="h-5 w-5 text-gray-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 176 <path fill-rule="evenodd" 177 d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" 178 clip-rule="evenodd" 179 ></path> 180 </svg> 181 <span class="inline-block whitespace-nowrap">What can we help you find?</span> 182 </span> 183 </button> 184 <div class="md:hidden flex items-center"> 185 <a href="/" class="inline-block"> 186 <span class="sr-only">Seven Sons Farms</span> 187 <img src="https://s3.amazonaws.com/sevensonsfarms/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png" class="h-8 w-auto" alt="Seven Sons Farms Logo"> 188 </a> 189 </div> 190 </div> 191 </div> 192 </div> 193 194 <div class="flex-none relative z-10 -mr-4 lg:mr-0 lg:w-full lg:max-w-sm"> 195 <div class="flex items-center justify-end gap-x-1 w-full"> 196 <div wire:key="lw-2455729841-2" wire:snapsh
196ot="{"data":{"cart":null},"memo":{"id":"zKYqOuzm26zzkJrmHVFW","name":"theme.cart-progress-nav","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","attributes":{"class":"flex-auto"},"children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"6c0dc859c39fff59ba483e2485725709843f4066435b432d2eee0c45a95da0b1"}" wire:effects="{"listeners":["auth-state-changed","cartUpdated"]}" wire:id="zKYqOuzm26zzkJrmHVFW" wire:name="theme.cart-progress-nav" 197 class="contents" 198 x-data 199 x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'cart-drawer' })" 200 data-flux-modal-trigger 201> 202 <div class="flex text-white px-3 py-1.5 cursor-pointer rounded-2xl items-center justify-between transition-colors space-x-3 bg-gray-900/15 shadow-inner hover:bg-gray-900/18"> 203 <svg class="size-6 shrink-0" 204 xmlns="http://www.w3.org/2000/svg" 205 fill="none" 206 viewBox="0 0 24 24" 207 stroke-width="1.5" 208 stroke="currentColor" 209> 210 <!-- Original Heroicons Cube --> 211 <path stroke-linecap="round" 212 stroke-linejoin="round" 213 d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" 214 /> 215 216 <!-- Center flap seam --> 217 <path d="M8.1 5.25 16.3 10" stroke-linecap="round" stroke-linejoin="round"/> 218 <path d="M15.96 9.9h.52v2.55l-.52.4V9.9Z" stroke-linecap="round" stroke-linejoin="round"/> 219</svg> 220 <div class="font-semibold text-sm"> 221 <!--[if BLOCK]><![endif]--> $0.00 222 <!--[if ENDBLOCK]><![endif]--> </div> 223 </div> 224</div> 225 226 <!-- Profile dropdown --> 227 <div class="relative shrink-0"> 228 <div wire:key="lw-2455729841-3" wire:snapshot="{"data":{"authenticated":false},"memo":{"id":"aVN5uVKxwO7E907oN4Nz","name":"theme.authentication.account-popover","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"cfa08d8b311f07542c35163dfb41670a446cc23794036c3989067e725b131473"}" wire:effects="{"listeners":["auth-state-changed"]}" wire:id="aVN5uVKxwO7E907oN4Nz" wire:name="theme.authentication.account-popover" x-data="{ isOpen: false }" class="relative" x-on:click.away="isOpen = false"> 229 <!-- Account menu toggle --> 230 <button type="button" x-on:click="isOpen = !isOpen" 231 class="inline-flex items-center px-3 py-2 cursor-pointer text-white rounded-2xl hover:bg-gray-900/18" 232 :aria-expanded="isOpen" 233 > 234 <span class="absolute -inset-0.5"></span> 235 <span class="sr-only">Open account menu</span> 236 <div class="flex items-center gap-x-2 text-sm"> 237 <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
238 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 239 <path stroke-linecap="round" stroke-linejoin="round" 240 d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/> 241 </svg> 242 </div> 243 </button> 244 245 <!-- Account menu popover --> 246 <div 247 x-show="isOpen" 248 x-cloak 249 x-transition:enter="" 250 x-transition:enter-start="" 251 x-transition:enter-end="" 252 x-transition:leave="transition-opacity ease-in duration-100" 253 x-transition:leave-start="opacity-100" 254 x-transition:leave-end="opacity-0" 255 class="absolute right-0 z-10 mt-2 w-64 origin-top-right divide-y divide-gray-200 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-hidden" 256 tabindex="-1" 257 > 258 <!--[if BLOCK]><![endif]--> <div class="py-4 px-3"> 259 <a href="https://sevensons.net/login" 260 class="no-underline flex w-full justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold leading-6 text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500">Sign 261 in</a> 262 263 <p class="m-0 mt-4 text-center text-sm text-gray-500"> 264 Not a customer? 265 <a href="https://sevensons.net/register" 266 class="block font-semibold leading-6 text-chestnut-rose-500 hover:text-chestnut-rose-500/70">Create 267 an account</a> 268 </p> 269 </div> 270 <!--[if ENDBLOCK]><![endif]--> 271 </div> 272</div> 273 </div> 274 </div> 275 </div> 276 </div> 277 </div> 278 <div class="md:hidden"> 279 <div class="mx-auto max-w-7xl pb-2 px-2 sm:px-4"> 280 <button class="w-full bg-gray-900/15 shadow-inner rounded-2xl cursor-text border-0 py-2 px-3 text-white ring-1 ring-inset ring-keppel-400 transition-colors focus:ring-2 focus:ring-inset focus:ring-keppel-500 hover:bg-gray-900/18 sm:text-sm sm:leading-6" x-on:click="$dispatch('product-search-toggled')"> 281 <span class="flex items-center overflow-hidden gap-x-2"> 282 <svg class="h-5 w-5 text-gray-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 283 <path fill-rule="evenodd" 284 d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" 285 clip-rule="evenodd" 286 ></path> 287 </svg> 288 <span class="inline-block whitespace-nowrap">What can we help you find?</span> 289 </span> 290 </button> 291 </div> 292 </div> 293 </header> 294 </nav> 295 </header> 296 </div> 297</div> 298 299<!-- Start desktop main menu --> 300<div class=""> 301 <div class="hidden font-body bg-keppel-400 lg:block"> 302 <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 303 <div class="flex items-center"> 304 <!-- Desktop Store menu toggle, controls the 'storeMenuIsOpen' state. --> 305 <button x-on:click="$dispatch('open-flyout-menu')" type="button" class="-ml-4 py-2 px-4 relative flex items-center rounded-md bg-transparent text-white hover:bg-keppel-400/60"> 306 <span class="absolute -inset-0.5"></span> 307 <span class="sr-only">Open store menu</span> 308 <div class="inline-flex items-center gap-x-2"> 309 <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 310 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"/> 311 </svg> 312 <div class="font-semibold text-sm">Shop</div> 313 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 314 <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path> 315 </svg> 316 </div> 317 </button> 318 319 <!-- Divider --> 320 <div class="pl-4 h-6 border-r-2 border-gray-700/10"></div> 321 322 <!-- Desktop Main menu --> 323 <div class="pl-4 relative flex flex-nowrap"> 324 <div class="py-1 gap-x-4 flex items-start flex-nowrap grow-0 shrink basis-auto"> 325 <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative"> 326 <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
327 <span>How It Works</span> 328 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 329 <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path> 330 </svg> 331 </button> 332 333 <!-- Flyout menu, show/hide based on flyout menu state. --> 334 <div 335 x-show="open" 336 x-transition:enter="transition ease-out duration-200" 337 x-transition:enter-start="opacity-0 translate-y-1" 338 x-transition:enter-end="opacity-100 translate-y-0" 339 x-transition:leave="transition ease-in duration-150" 340 x-transition:leave-start="opacity-100 translate-y-0" 341 x-transition:leave-end="opacity-0 translate-y-1" 342 class="absolute -left-4 z-20 flex w-screen max-w-min" 343 > 344 <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm"> 345 <a href="https://sevensons.net/how-home-delivery-works" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Home Delivery</a> 346 <a href="https://sevensons.net/subscribe-save" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Subscribe & Save</a> 347 <a href="https://sevensons.net/guarantee" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Brothers Guarantee</a> 348 </div> 349 </div> 350 </div> 351 <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative"> 352 <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open"> 353 <span>About</span> 354 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 355 <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path> 356 </svg> 357 </button> 358 359 <!-- Flyout menu, show/hide based on flyout menu state. --> 360 <div 361 x-show="open" 362 x-transition:enter="transition ease-out duration-200" 363 x-transition:enter-start="opacity-0 translate-y-1" 364 x-transition:enter-end="opacity-100 translate-y-0" 365 x-transition:leave="transition ease-in duration-150" 366 x-transition:leave-start="opacity-100 translate-y-0" 367 x-transition:leave-end="opacity-0 translate-y-1" 368 class="absolute -left-4 z-20 flex w-screen max-w-min" 369 > 370 <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm"> 371 <a href="https://sevensons.net/protocols" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Our Standards</a> 372 <a href="https://sevensons.net/manifesto" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Our Manifesto</a> 373 <a href="https://sevensons.net/our-story" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Meet the Family</a> 374 <a href="https://sevensons.net/tour" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Virtual Farm Tour</a> 375 </div> 376 </div> 377 </div> 378 <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative"> 379 <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
380 <span>Learn</span> 381 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 382 <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path> 383 </svg> 384 </button> 385 386 <!-- Flyout menu, show/hide based on flyout menu state. --> 387 <div 388 x-show="open" 389 x-transition:enter="transition ease-out duration-200" 390 x-transition:enter-start="opacity-0 translate-y-1" 391 x-transition:enter-end="opacity-100 translate-y-0" 392 x-transition:leave="transition ease-in duration-150" 393 x-transition:leave-start="opacity-100 translate-y-0" 394 x-transition:leave-end="opacity-0 translate-y-1" 395 class="absolute -left-4 z-20 flex w-screen max-w-min" 396 > 397 <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm"> 398 <a href="https://sevensons.net/regenerative-investor" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Regenerative Investor Club</a> 399 <a href="https://sevensons.net/farm-ambassador" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Farm Ambassadors Program</a> 400 <a href="https://sevensons.net/farm-life-show" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Farm Life Show</a> 401 <a href="https://sevensons.net/farm-partners" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Farm Partners</a> 402 <a href="https://sevensons.net/learn" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Articles</a> 403 <a href="https://sevensons.net/recipes" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Recipes</a> 404 <a href="https://sevensons.net/blog" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Blog</a> 405 </div> 406 </div> 407 </div> 408 <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative"> 409 <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open"> 410 <span>Visit</span> 411 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 412 <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path> 413 </svg> 414 </button> 415 416 <!-- Flyout menu, show/hide based on flyout menu state. --> 417 <div 418 x-show="open" 419 x-transition:enter="transition ease-out duration-200" 420 x-transition:enter-start="opacity-0 translate-y-1" 421 x-transition:enter-end="opacity-100 translate-y-0" 422 x-transition:leave="transition ease-in duration-150" 423 x-transition:leave-start="opacity-100 translate-y-0" 424 x-transition:leave-end="opacity-0 translate-y-1" 425 class="absolute -left-4 z-20 flex w-screen max-w-min" 426 > 427 <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm"> 428 <a href="https://sevensons.net/farm-store" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Roanoke, IN Farm Store</a> 429 <a href="https://sevensons.net/tours" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Seasonal Farm Tours</a> 430 <a href="https://www.google.com/maps/dir//15718+Aboite+Rd,+Roanoke,+IN+46783/@40.9379902,-85.4019677,19928m/data=!3m1!1e3!4m8!4m7!1m0!1m5!1m1!1s0x8815c17bc5f9b4d3:0xe07579c4832d1a1f!2m2!1d-85.3195669!2d40.9380195?entry=ttu&g_ep=EgoyMDI1MDEwOC4wIKXMDSoASAFQAw%3D%3D" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Get Directions</a> 431 </div> 432 </div> 433 </div> 434 435 <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative"> 436 <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
437 <span>Help</span> 438 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 439 <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path> 440 </svg> 441 </button> 442 443 <!-- Flyout menu, show/hide based on flyout menu state. --> 444 <div 445 x-show="open" 446 x-transition:enter="transition ease-out duration-200" 447 x-transition:enter-start="opacity-0 translate-y-1" 448 x-transition:enter-end="opacity-100 translate-y-0" 449 x-transition:leave="transition ease-in duration-150" 450 x-transition:leave-start="opacity-100 translate-y-0" 451 x-transition:leave-end="opacity-0 translate-y-1" 452 class="absolute -left-4 z-20 flex w-screen max-w-min" 453 > 454 <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm"> 455 <a href="https://sevensons.net/customer-support" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Contact Us</a> 456 <button type="button" id="accessibilityTriggerId" class="block w-full text-left px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Accessibility</button> 457 <button type="button" x-on:click="window.openZendeskWidget(); open = false;" class="block w-full text-left px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Customer FAQs</button> 458 </div> 459 </div> 460 </div> 461 </div> 462 463 </div> 464 </div> 465 </div> 466 </div> 467</div> 468<!-- End desktop main menu --> 469 470<div x-intersect:enter="$dispatch('header-entered')" x-intersect:leave="$dispatch('header-left')"></div> 471 472 473 474 <!-- Start Site Messages --> 475 <!-- End Site Messages --> 476 477 <!-- Start Main Content --> 478 <section class=""> 479 <div class="font-body"> 480 <div class="bg-white"> 481 <div class="mx-auto max-w-7xl py-3 px-4 sm:px-6 lg:px-8"> 482 <nav class="flex" aria-label="Breadcrumb"> 483 <ol role="list" class="m-0 flex items-center gap-x-4"> 484 <li> 485 <a href="https://sevensons.net/store" class="inline-flex no-underline rounded-md px-4 py-2 text-sm font-medium text-gray-900 hover:bg-gray-100"> 486 Store 487 </a> 488 </li> 489 490 <li> 491 <div class="flex items-center"> 492 <svg class="h-5 w-5 shrink-0 text-gray-300" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> 493 <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path> 494 </svg> 495 <div class="ml-4"> 496 <div class="inline-flex items-center gap-x-1 text-sm font-medium text-gray-500"> 497 Featured Items 498 </div> 499 </div> 500 </div> 501 </li> 502 </ol> 503 </nav> 504 </div> 505 </div> 506 507 508 <div class=""> 509 <section class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 510 <div class="relative max-w-7xl mx-auto"> 511 <div class="pt-4 sm:pt-8"> 512 <h1 class="m-0 text-2xl font-display font-bold text-gray-900 lg:text-4xl"> 513 Featured Items 514 </h1> 515 <div class="mt-3 max-w-xl text-sm text-gray-500 prose lg:text-base lg:mt-4"> 516 517 </div> 518 </div> 519 </div> 520 521 <div class="pt-6 pb-4 grid grid-cols-2 gap-x-4 gap-y-12 lg:gap-x-6 lg:grid-cols-4 lg:pt-8 lg:pb-6 productListing--grid"> 522 <!-- Start Barbeque Beef Jerky --> 523 <section 524 id="product_barbeque-beef-jerky" 525 class="flex flex-col" 526 x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:4.75,\u0022items\u0022:[{\u0022item_id\u0022:371,\u0022item_name\u0022:\u0022Barbeque Beef Jerky\u0022,\u0022index\u0022:0,\u
5260022price\u0022:4.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))" 527 x-intersect.half.once="trackProductView" 528> 529 <div class="relative "> 530 <div class="relative w-full group rounded-t-lg"> 531 <a href="/store/product/barbeque-beef-jerky" 532 title="Barbeque Beef Jerky" 533 class="productListing__photoLink--grid" 534 > 535 <div class="relative w-full"> 536 <div class="aspect-h-4 aspect-w-4 w-full group"> 537 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073164_684fff4c198ca.webp" alt="Barbeque Beef Jerky" 538 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center"> 539 </div> 540 <div class="absolute p-2 rotate-2 -top-3 -right-4 "> 541 <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700"> 542 Back to School sale! 543 </span> 544 </div> 545 <div class="hidden absolute bottom-0 w-full p-4 lg:block "> 546 <button type="button" 547 class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100"> 548 View Details 549 <span class="sr-only">, Barbeque Beef Jerky</span> 550 </button> 551 </div> 552 </div> 553 554 </a> 555 </div> 556 </div> 557 558 <div class="relative flex-1"> 559 <div class="mt-3"> 560 <p class="m-0 text-sm leading-6 font-semibold"> 561 <a href="https://sevensons.net/store/product/barbeque-beef-jerky" title="Barbeque Beef Jerky" class="text-gray-700 hover:text-gray-700"> 562 <span class="absolute inset-0"></span> 563 <span>Barbeque Beef Jerky</span> 564 </a> 565 </p> 566 <div> 567 <p class="m-0 mt-0.5 leading-4 text-xs text-gray-500">2.25 oz / pkg</p> 568 </div> 569 <div class="hidden"> 570 Seven Sons Family Farm 571 </div> 572 </div> 573 </div> 574 575 576 <div class="mt-4 space-y-2"> 577 <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md"> 578 <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1"> 579 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu"> 580 <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> 581 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> 582 </svg> 583 <div> 584 Buy 12, Save 20% 585 </div> 586 </div> 587</div> 588 589 <div class="flex items-baseline gap-x-2"> 590 <p class="m-0 font-semibold text-keppel-400 text-sm sm:text-base "> 591 $4.75 592 </p> 593 <p class="m-0 text-gray-500 line-through text-xs "> 594 $5.55 595 </p> 596 </div> 597 598 <button type="button" disabled class="block text-xs w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
599 <spam>Sold Out</spam> 600 <span class="text-xs font-normal">• Expected back Oct 12</span> 601 </button> 602 603 </div> 604 605</section> 606 <!-- End Barbeque Beef Jerky --> 607 608 609 <!-- Start Original Beef Jerky --> 610 <section 611 id="product_original-beef-jerky" 612 class="flex flex-col" 613 x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:4.75,\u0022items\u0022:[{\u0022item_id\u0022:373,\u0022item_name\u0022:\u0022Original Beef Jerky\u0022,\u0022index\u0022:1,\u0022price\u0022:4.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))" 614 x-intersect.half.once="trackProductView" 615> 616 <div class="relative "> 617 <div class="relative w-full group rounded-t-lg"> 618 <a href="/store/product/original-beef-jerky" 619 title="Original Beef Jerky" 620 class="productListing__photoLink--grid" 621 > 622 <div class="relative w-full"> 623 <div class="aspect-h-4 aspect-w-4 w-full group"> 624 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073188_684fff643cdd3.webp" alt="Original Beef Jerky" 625 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center"> 626 </div> 627 <div class="absolute p-2 rotate-2 -top-3 -right-4 "> 628 <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700"> 629 Back to School sale! 630 </span> 631 </div> 632 <div class="hidden absolute bottom-0 w-full p-4 lg:block "> 633 <button type="button" 634 class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100"> 635 View Details 636 <span class="sr-only">, Original Beef Jerky</span> 637 </button> 638 </div> 639 </div> 640 641 </a> 642 </div> 643 </div> 644 645 <div class="relative flex-1"> 646 <div class="mt-3"> 647 <p class="m-0 text-sm leading-6 font-semibold"> 648 <a href="https://sevensons.net/store/product/original-beef-jerky" title="Original Beef Jerky" class="text-gray-700 hover:text-gray-700"> 649 <span class="absolute inset-0"></span> 650 <span>Original Beef Jerky</span> 651 </a> 652 </p> 653 <div> 654 <p class="m-0 mt-0.5 leading-4 text-xs text-gray-500">2.25 oz / pkg</p> 655 </div> 656 <div class="hidden"> 657 Seven Sons Family Farm 658 </div> 659 </div> 660 </div> 661 662 663 <div class="mt-4 space-y-2"> 664 <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md"> 665 <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1"> 666 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu"> 667 <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> 668 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> 669 </svg> 670 <div> 671 Buy 12, Save 20% 672 </div> 673 </div> 674</div> 675 676 <div class="flex items-baseline gap-x-2"> 677 <p class="m-0 font-semibold text-keppel-400 text-sm sm:text-base "> 678 $4.75 679 </p> 680 <p class="m-0 text-gray-500 line-through text-xs "> 681 $5.55 682 </p> 683 </div> 684 685 <button type="button" disabled class="block text-xs w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
686 <spam>Sold Out</spam> 687 <span class="text-xs font-normal">• Expected back Sep 28</span> 688 </button> 689 690 </div> 691 692</section> 693 <!-- End Original Beef Jerky --> 694 695 696 <!-- Start Sweet Pepper Beef Jerky --> 697 <section 698 id="product_sweet-pepper-beef-jerky" 699 class="flex flex-col" 700 x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:4.75,\u0022items\u0022:[{\u0022item_id\u0022:340,\u0022item_name\u0022:\u0022Sweet Pepper Beef Jerky\u0022,\u0022index\u0022:2,\u0022price\u0022:4.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))" 701 x-intersect.half.once="trackProductView" 702> 703 <div class="relative "> 704 <div class="relative w-full group rounded-t-lg"> 705 <a href="/store/product/sweet-pepper-beef-jerky" 706 title="Sweet Pepper Beef Jerky" 707 class="productListing__photoLink--grid" 708 > 709 <div class="relative w-full"> 710 <div class="aspect-h-4 aspect-w-4 w-full group"> 711 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073200_684fff70489f9.webp" alt="Sweet Pepper Beef Jerky" 712 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center"> 713 </div> 714 <div class="absolute p-2 rotate-2 -top-3 -right-4 "> 715 <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700"> 716 Back to School sale! 717 </span> 718 </div> 719 <div class="hidden absolute bottom-0 w-full p-4 lg:block "> 720 <button type="button" 721 class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100"> 722 View Details 723 <span class="sr-only">, Sweet Pepper Beef Jerky</span> 724 </button> 725 </div> 726 </div> 727 728 </a> 729 </div> 730 </div> 731 732 <div class="relative flex-1"> 733 <div class="mt-3"> 734 <p class="m-0 text-sm leading-6 font-semibold"> 735 <a href="https://sevensons.net/store/product/sweet-pepper-beef-jerky" title="Sweet Pepper Beef Jerky" class="text-gray-700 hover:text-gray-700"> 736 <span class="absolute inset-0"></span> 737 <span>Sweet Pepper Beef Jerky</span> 738 </a> 739 </p> 740 <div> 741 <p class="m-0 mt-0.5 leading-4 text-xs text-gray-500">2.25 oz / pkg</p> 742 </div> 743 <div class="hidden"> 744 Seven Sons Family Farm 745 </div> 746 </div> 747 </div> 748 749 750 <div class="mt-4 space-y-2"> 751 <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md"> 752 <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1"> 753 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu"> 754 <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> 755 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> 756 </svg> 757 <div> 758 Buy 5, Save 20% 759 </div> 760 </div> 761</div> 762 763 <div class="flex items-baseline gap-x-2"> 764 <p class="m-0 font-semibold text-keppel-400 text-sm sm:text-base "> 765 $4.75 766 </p> 767 <p class="m-0 text-gray-500 line-through text-xs "> 768 $5.55 769 </p> 770 </div> 771 772 <button type="button" disabled class="block text-xs w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
773 <spam>Sold Out</spam> 774 <span class="text-xs font-normal">• Expected back Oct 12</span> 775 </button> 776 777 </div> 778 779</section> 780 <!-- End Sweet Pepper Beef Jerky --> 781 782 783 <!-- Start Roam Sticks â Hickory-Smoked Pork With Uncured Bacon --> 784 <section 785 id="product_roam-sticks-hickory-smoked-pork-with-uncured-bacon" 786 class="flex flex-col" 787 x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:2.25,\u0022items\u0022:[{\u0022item_id\u0022:1622,\u0022item_name\u0022:\u0022Roam Sticks â Hickory-Smoked Pork With Uncured Bacon\u0022,\u0022index\u0022:3,\u0022price\u0022:2.25,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))" 788 x-intersect.half.once="trackProductView" 789> 790 <div class="relative "> 791 <div class="relative w-full group rounded-t-lg"> 792 <a href="/store/product/roam-sticks-hickory-smoked-pork-with-uncured-bacon" 793 title="Roam Sticks â Hickory-Smoked Pork With Uncured Bacon" 794 class="productListing__photoLink--grid" 795 > 796 <div class="relative w-full"> 797 <div class="aspect-h-4 aspect-w-4 w-full group"> 798 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1756413245_68b0bd3d2e030.webp" alt="Roam Sticks â Hickory-Smoked Pork With Uncured Bacon" 799 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center"> 800 </div> 801 <div class="absolute p-2 rotate-2 -top-3 -right-4 "> 802 <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700"> 803 Back to School sale! 804 </span> 805 </div> 806 <div class="hidden absolute bottom-0 w-full p-4 lg:block "> 807 <button type="button" 808 class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100"> 809 View Details 810 <span class="sr-only">, Roam Sticks â Hickory-Smoked Pork With Uncured Bacon</span> 811 </button> 812 </div> 813 </div> 814 815 </a> 816 </div> 817 </div> 818 819 <div class="relative flex-1"> 820 <div class="mt-3"> 821 <p class="m-0 text-sm leading-6 font-semibold"> 822 <a href="https://sevensons.net/store/product/roam-sticks-hickory-smoked-pork-with-uncured-bacon" title="Roam Sticks â Hickory-Smoked Pork With Uncured Bacon" class="text-gray-700 hover:text-gray-700"> 823 <span class="absolute inset-0"></span> 824 <span>Roam Sticks â Hickory-Smoked Pork With Uncured Bacon</span> 825 </a> 826 </p> 827 <div> 828 <p class="m-0 mt-0.5 leading-4 text-xs text-gray-500">1 oz per stick |1 Stick</p> 829 </div> 830 <div class="hidden"> 831 Singing Pastures Farms 832 </div> 833 </div> 834 </div> 835 836 837 <div class="mt-4 space-y-2"> 838 <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md"> 839 <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1"> 840 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu"> 841 <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> 842 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> 843 </svg> 844 <div> 845 Buy 12, Save 20% 846 </div> 847 </div> 848</div> 849 850 <div class="flex items-baseline gap-x-2"> 851 <p class="m-0 font-semibold text-keppel-400 text-sm sm:text-base "> 852 $2.25 853 </p> 854 <p class="m-0 text-gray-500 line-through text-xs "> 855 $2.65 856 </p> 857 </div> 858 859 <div wire:key="category-product-counter-roam-sticks-hickory-smoked-pork-with-uncured-bacon" wire:snapsh
859ot="{"data":{"style":"btn-brand","cta_label":null,"cta_classes":"mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white!","metadata":[{"item_category":null,"item_category2":null,"item_list_id":"bundle_roam-sticks-hickory-smoked-pork-with-uncured-bacon_page","item_list_name":"Bundle Roam Sticks \u2013 Hickory-Smoked Pork With Uncured Bacon Page"},{"s":"arr"}],"count":0,"product":[null,{"class":"App\\Models\\Product","key":1622,"s":"mdl"}],"has_subscription":false,"has_order":false},"memo":{"id":"j2nmrrrTQyERwWuMh3Qa","name":"theme.add-product-counter-button","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"0e2545d10f313d266e1acb379e882573025303b9733478fc822177a5eeee88f2"}" wire:effects="{"listeners":["auth-state-changed","cart-product-updated.1622","order-product-updated.1622","subscription-product-updated.1622"]}" wire:id="j2nmrrrTQyERwWuMh3Qa" wire:name="theme.add-product-counter-button"> 860 <!--[if BLOCK]><![endif]--> <button 861 type="button" 862 wire:target="count, add, decrement" 863 wire:loading.attr="disabled" 864 wire:click="add" 865 class="block w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white! " 866 > 867 <span wire:target="count, add, decrement" wire:loading.remove> 868 <!--[if BLOCK]><![endif]--> Add to Box 869 <!--[if ENDBLOCK]><![endif]--> </span> 870 <span wire:target="count, add, decrement" wire:loading style="display:none;" class="text-base"> 871 <svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 872 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 873 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 874 </svg> 875 </span> 876 </button> 877 <!--[if ENDBLOCK]><![endif]--></div> 878 879 </div> 880 881</section> 882 <!-- End Roam Sticks â Hickory-Smoked Pork With Uncured Bacon --> 883 884 885 <!-- Start Roam Sticks â Hickory-Smoked Pork With Pineapple --> 886 <section 887 id="product_roam-sticks-hickory-smoked-pork-with-pineapple" 888 class="flex flex-col" 889 x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:2.25,\u0022items\u0022:[{\u0022item_id\u0022:1624,\u0022item_name\u0022:\u0022Roam Sticks â Hickory-Smoked Pork With Pineapple\u0022,\u0022index\u0022:4,\u0022price\u0022:2.25,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))" 890 x-intersect.half.once="trackProductView" 891> 892 <div class="relative "> 893 <div class="relative w-full group rounded-t-lg"> 894 <a href="/store/product/roam-sticks-hickory-smoked-pork-with-pineapple" 895 title="Roam Sticks â Hickory-Smoked Pork With Pineapple" 896 class="productListing__photoLink--grid" 897 > 898 <div class="relative w-full"> 899 <div class="aspect-h-4 aspect-w-4 w-full group"> 900 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1756413245_68b0bd3dab883.webp" alt="Roam Sticks â Hickory-Smoked Pork With Pinea
900pple" 901 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center"> 902 </div> 903 <div class="absolute p-2 rotate-2 -top-3 -right-4 "> 904 <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700"> 905 Back to School sale! 906 </span> 907 </div> 908 <div class="hidden absolute bottom-0 w-full p-4 lg:block "> 909 <button type="button" 910 class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100"> 911 View Details 912 <span class="sr-only">, Roam Sticks â Hickory-Smoked Pork With Pineapple</span> 913 </button> 914 </div> 915 </div> 916 917 </a> 918 </div> 919 </div> 920 921 <div class="relative flex-1"> 922 <div class="mt-3"> 923 <p class="m-0 text-sm leading-6 font-semibold"> 924 <a href="https://sevensons.net/store/product/roam-sticks-hickory-smoked-pork-with-pineapple" title="Roam Sticks â Hickory-Smoked Pork With Pineapple" class="text-gray-700 hover:text-gray-700"> 925 <span class="absolute inset-0"></span> 926 <span>Roam Sticks â Hickory-Smoked Pork With Pineapple</span> 927 </a> 928 </p> 929 <div> 930 <p class="m-0 mt-0.5 leading-4 text-xs text-gray-500">1 oz per stick |1 Stick</p> 931 </div> 932 <div class="hidden"> 933 Singing Pastures Farms 934 </div> 935 </div> 936 </div> 937 938 939 <div class="mt-4 space-y-2"> 940 <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md"> 941 <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1"> 942 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu"> 943 <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> 944 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> 945 </svg> 946 <div> 947 Buy 12, Save 20% 948 </div> 949 </div> 950</div> 951 952 <div class="flex items-baseline gap-x-2"> 953 <p class="m-0 font-semibold text-keppel-400 text-sm sm:text-base "> 954 $2.25 955 </p> 956 <p class="m-0 text-gray-500 line-through text-xs "> 957 $2.65 958 </p> 959 </div> 960 961 <div wire:key="category-product-counter-roam-sticks-hickory-smoked-pork-with-pineapple" wire:snapshot="{"data":{"style":"btn-brand","cta_label":null,"cta_classes":"mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white!","metadata":[{"item_category":null,"item_category2":null,"item_list_id":"bundle_roam-sticks-hickory-smoked-pork-with-pineapple_page","item_list_name":"Bundle Roam Sticks \u2013 Hickory-Smoked Pork With Pineapple Page"},{"s":"arr"}],"count":0,"product":[null,{"class":"App\\Models\\Product","key":1624,"s":"mdl"}],"has_subscription":false,"has_order":false},"memo":{"id":"C8pXqflaeBWwWtV22NU1","name":"theme.add-product-counter-button","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"09e33b8e086b6292178d56bd18c0a5390da54d37b8d348fc5ec9bbdc32fbb6d6"}" wire:effects="{"listeners":["auth-state-changed","cart-product-updated.1624","order-product-updated.1624","subscription-product-updated.1624"]}" wire:id="C8pXqflaeBWwWtV22NU1" wire:name="theme.add-product-counter-button"> 962 <!--[if BLOCK]><![endif]--> <button 963 type="button" 964 wire:target="count, add, decrement" 965 wire:loading.attr="disabled" 966 wire:click="add" 967 class="block w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white! " 968 >
969 <span wire:target="count, add, decrement" wire:loading.remove> 970 <!--[if BLOCK]><![endif]--> Add to Box 971 <!--[if ENDBLOCK]><![endif]--> </span> 972 <span wire:target="count, add, decrement" wire:loading style="display:none;" class="text-base"> 973 <svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 974 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 975 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 976 </svg> 977 </span> 978 </button> 979 <!--[if ENDBLOCK]><![endif]--></div> 980 981 </div> 982 983</section> 984 <!-- End Roam Sticks â Hickory-Smoked Pork With Pineapple --> 985 986 987 <!-- Start Beef Summer Sausage (Sugar Free) --> 988 <section 989 id="product_beef-summer-sausage-2" 990 class="flex flex-col" 991 x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:13.55,\u0022items\u0022:[{\u0022item_id\u0022:631,\u0022item_name\u0022:\u0022Beef Summer Sausage (Sugar Free)\u0022,\u0022index\u0022:5,\u0022price\u0022:13.55,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))" 992 x-intersect.half.once="trackProductView" 993> 994 <div class="relative "> 995 <div class="relative w-full group rounded-t-lg"> 996 <a href="/store/product/beef-summer-sausage-2" 997 title="Beef Summer Sausage (Sugar Free)" 998 class="productListing__photoLink--grid" 999 > 1000 <div class="relative w-full"> 1001 <div class="aspect-h-4 aspect-w-4 w-full group"> 1002 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073172_684fff54dac82.webp" alt="Beef Summer Sausage (Sugar Free)" 1003 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center"> 1004 </div> 1005 <div class="absolute p-2 rotate-2 -top-3 -right-4 "> 1006 <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700"> 1007 Back to School sale! 1008 </span> 1009 </div> 1010 <div class="hidden absolute bottom-0 w-full p-4 lg:block "> 1011 <button type="button" 1012 class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100"> 1013 View Details 1014 <span class="sr-only">, Beef Summer Sausage (Sugar Free)</span> 1015 </button> 1016 </div> 1017 </div> 1018 1019 </a> 1020 </div> 1021 </div> 1022 1023 <div class="relative flex-1"> 1024 <div class="mt-3"> 1025 <p class="m-0 text-sm leading-6 font-semibold"> 1026 <a href="https://sevensons.net/store/product/beef-summer-sausage-2" title="Beef Summer Sausage (Sugar Free)" class="text-gray-700 hover:text-gray-700"> 1027 <span class="absolute inset-0"></span> 1028 <span>Beef Summer Sausage (Sugar Free)</span> 1029 </a> 1030 </p> 1031 <div> 1032 <p class="m-0 mt-0.5 leading-4 text-xs text-gray-500">12 oz / pkg</p> 1033 </div> 1034 <div class="hidden"> 1035 Seven Sons Family Farm 1036 </div> 1037 </div> 1038 </div> 1039 1040 1041 <div class="mt-4 space-y-2"> 1042 <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md"> 1043 <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1"> 1044 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu"> 1045 <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> 1046 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> 1047 </svg> 1048 <div> 1049 Buy 5, Save 10% 1050 </div> 1051 </div> 1052</div> 1053 1054 <div class="flex items-baseline gap-x-2"> 1055 <p class="m-0 font-semibold text-keppel-400 text-sm sm:text-base "> 1056 $13.55 1057 </p> 1058 <p class="m-0 text-gray-500 line-through text-xs "> 1059 $14.30 1060 </p> 1061 </div> 1062 1063 <button type="button" disabled class="block text-sm w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
1064 <spam>Sold Out</spam> 1065 </button> 1066 1067 </div> 1068 1069</section> 1070 <!-- End Beef Summer Sausage (Sugar Free) --> 1071 1072 1073 <!-- Start Pork Summer Sausage (Sugar Free) --> 1074 <section 1075 id="product_pork-summer-sausage-1" 1076 class="flex flex-col" 1077 x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:12.75,\u0022items\u0022:[{\u0022item_id\u0022:632,\u0022item_name\u0022:\u0022Pork Summer Sausage (Sugar Free)\u0022,\u0022index\u0022:6,\u0022price\u0022:12.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))" 1078 x-intersect.half.once="trackProductView" 1079> 1080 <div class="relative "> 1081 <div class="relative w-full group rounded-t-lg"> 1082 <a href="/store/product/pork-summer-sausage-1" 1083 title="Pork Summer Sausage (Sugar Free)" 1084 class="productListing__photoLink--grid" 1085 > 1086 <div class="relative w-full"> 1087 <div class="aspect-h-4 aspect-w-4 w-full group"> 1088 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073197_684fff6da7d48.webp" alt="Pork Summer Sausage (Sugar Free)" 1089 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center"> 1090 </div> 1091 <div class="absolute p-2 rotate-2 -top-3 -right-4 "> 1092 <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700"> 1093 Back to School sale! 1094 </span> 1095 </div> 1096 <div class="hidden absolute bottom-0 w-full p-4 lg:block "> 1097 <button type="button" 1098 class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100"> 1099 View Details 1100 <span class="sr-only">, Pork Summer Sausage (Sugar Free)</span> 1101 </button> 1102 </div> 1103 </div> 1104 1105 </a> 1106 </div> 1107 </div> 1108 1109 <div class="relative flex-1"> 1110 <div class="mt-3"> 1111 <p class="m-0 text-sm leading-6 font-semibold"> 1112 <a href="https://sevensons.net/store/product/pork-summer-sausage-1" title="Pork Summer Sausage (Sugar Free)" class="text-gray-700 hover:text-gray-700"> 1113 <span class="absolute inset-0"></span> 1114 <span>Pork Summer Sausage (Sugar Free)</span> 1115 </a> 1116 </p> 1117 <div> 1118 <p class="m-0 mt-0.5 leading-4 text-xs text-gray-500">12 oz / pkg</p> 1119 </div> 1120 <div class="hidden"> 1121 Seven Sons Family Farm 1122 </div> 1123 </div> 1124 </div> 1125 1126 1127 <div class="mt-4 space-y-2"> 1128 <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md"> 1129 <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1"> 1130 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu"> 1131 <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> 1132 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> 1133 </svg> 1134 <div> 1135 Buy 5, Save 10% 1136 </div> 1137 </div> 1138</div> 1139 1140 <div class="flex items-baseline gap-x-2"> 1141 <p class="m-0 font-semibold text-keppel-400 text-sm sm:text-base "> 1142 $12.75 1143 </p> 1144 <p class="m-0 text-gray-500 line-through text-xs "> 1145 $13.45 1146 </p> 1147 </div> 1148 1149 <div wire:key="category-product-counter-pork-summer-sausage-1" wire:snapsh
1149ot="{"data":{"style":"btn-brand","cta_label":null,"cta_classes":"mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white!","metadata":[{"item_category":null,"item_category2":null,"item_list_id":"bundle_pork-summer-sausage-1_page","item_list_name":"Bundle Pork Summer Sausage (Sugar Free) Page"},{"s":"arr"}],"count":0,"product":[null,{"class":"App\\Models\\Product","key":632,"s":"mdl"}],"has_subscription":false,"has_order":false},"memo":{"id":"edvXzxKdoZ1QBnyrFbF0","name":"theme.add-product-counter-button","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"9db5827726b23d9934a6522b83fcdf94435363c395714fb5b0a494d7efa7fbdd"}" wire:effects="{"listeners":["auth-state-changed","cart-product-updated.632","order-product-updated.632","subscription-product-updated.632"]}" wire:id="edvXzxKdoZ1QBnyrFbF0" wire:name="theme.add-product-counter-button"> 1150 <!--[if BLOCK]><![endif]--> <button 1151 type="button" 1152 wire:target="count, add, decrement" 1153 wire:loading.attr="disabled" 1154 wire:click="add" 1155 class="block w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white! " 1156 > 1157 <span wire:target="count, add, decrement" wire:loading.remove> 1158 <!--[if BLOCK]><![endif]--> Add to Box 1159 <!--[if ENDBLOCK]><![endif]--> </span> 1160 <span wire:target="count, add, decrement" wire:loading style="display:none;" class="text-base"> 1161 <svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 1162 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 1163 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 1164 </svg> 1165 </span> 1166 </button> 1167 <!--[if ENDBLOCK]><![endif]--></div> 1168 1169 </div> 1170 1171</section> 1172 <!-- End Pork Summer Sausage (Sugar Free) --> 1173 1174 </div> 1175 1176 <div class="storeIndex__pagination"> 1177 1178 </div> 1179 1180 </section> 1181 1182 </div> 1183 </div> 1184 </section> 1185 1186 <div wire:key="lw-2314993035-0" wire:snapshot="{"data":{"event":"ViewContent","request":[{"ip":"181.215.65.75","user_agent":"Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36","url":"https:\/\/sevensons.net\/store\/collections\/featured-items"},{"s":"arr"}],"timestamp":1790368684,"order":null,"user":null,"params":[{"content_name":"Store Collection","content_category":"collections"},{"s":"arr"}],"event_id":"view_content_7a8711d8ed97ea65b9ea38c19c5739458ee63df13635caf3e42af506fe52e650","pixel_payload":[{"content_name":"Store Collection","content_category":"collections"},{"s":"arr"}],"capi_payload":[{"event_name":"ViewContent","event_time":1790368684,"event_id":"view_content_7a8711d8ed97ea65b9ea38c19c5739458ee63df13635caf3e42af506fe52e650","action_source":"website","event_source_url":"https:\/\/sevensons.net\/store\/collections\/featured-items","user_data":[{"em":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","ph":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","fn":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","ln":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","external_id":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","client_ip_address":"181.215.65.75","client_user_agent":"Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36","fbc":null,"fbp":"fb.1.1790368684.FZsTnYD5ZqrevG6O"},{"s":"arr"}],"custom_data":[{"content_name":"Store Collection","content_category":"collections"},{"s":"arr"}]},{"s":"arr"}],"tracked_mount_event":false,"trackedWindowEventIds":[[],{"s":"arr"}]},"memo":{"id":"fFZP3QMSf2AtTWU3Sc29","name":"theme.meta-events","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"f9ddea64cf7a7d9e3515c8ad2ec0a60e28a8281892b2058586df8118e7084513"}" wire:effects="{"listeners":["meta-pixel-event-captured"]}" wire:id="fFZP3QMSf2AtTWU3Sc29" wire:name="theme.meta-events"> 1187 <!--[if BLOCK]><![endif]--> <div x-data x-init="() => { $wire.trackCapiEvent(); }"></div> 1188 1189 <!--[if ENDBLOCK]><![endif]--></div> 1190 1191 <!-- End Main Content --> 1192 1193 <!-- Start Back To Top Link --> 1194 <div class="w-full text-center bg-gray-200"> 1195 <a href="#top-of-page" class="inline-block px-3 py-2 text-sm text-gray-600 hover:text-gray-900"> 1196 <svg aria-hidden="true" focusable="false" class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1197 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19V5m0 0l-7 7m0 0l7-7m0 0l7 7"/> 1198 </svg> Return To Top 1199 </a> 1200 </div> 1201 1202 <!-- End Back To Top Link --> 1203 1204 <!-- Start Site Footer --> 1205 <div class=""> 1206 <footer class="font-body bg-neutral-900 text-neutral-100"> 1207 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 1208 <!-- Main footer grid --> 1209 <div class="grid grid-cols-1 gap-10 py-12 sm:grid-cols-8"> 1210 1211 <!-- Start Link List Widget --> 1212
1213 <div id="footerWidget--4416" class="text-white col-span-full sm:col-span-2"> 1214 <div class=""> 1215 <section class="font-body linkListWidget" id="linkListWidget4416"> 1216 <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">About</h2> 1217 <ul class="mt-2"> 1218 <li class="block"> 1219 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/our-story">Our Story</a> 1220 </li> 1221 <li class="block"> 1222 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/our-team">Our Team</a> 1223 </li> 1224 <li class="block"> 1225 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/protocols">Our Standards</a> 1226 </li> 1227 <li class="block"> 1228 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-partners">Our Farm Partners</a> 1229 </li> 1230 </ul> 1231 </section> 1232</div> 1233 1234 1235 </div> 1236 <!-- End Link List Widget --> 1237 <!-- Start Link List Widget --> 1238 1239 <div id="footerWidget--1746" class="text-white col-span-full sm:col-span-2"> 1240 <div class=""> 1241 <section class="font-body linkListWidget" id="linkListWidget1746"> 1242 <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Services</h2> 1243 <ul class="mt-2"> 1244 <li class="block"> 1245 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/how-home-delivery-works">Home Delivery</a> 1246 </li> 1247 <li class="block"> 1248 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/subscribe-save">Subscribe & Save</a> 1249 </li> 1250 <li class="block"> 1251 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-text-club">Farm Text Club</a> 1252 </li> 1253 <li class="block"> 1254 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/gift-boxes">Gift Boxes</a> 1255 </li> 1256 <li class="block"> 1257 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/store/gift-cards">Gift Cards</a> 1258 </li> 1259 <li class="block"> 1260 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://fresheggco.com/">Fresh Eggs Home Delivered</a> 1261 </li> 1262 </ul> 1263 </section> 1264</div> 1265 1266 1267 </div> 1268 <!-- End Link List Widget --> 1269 <!-- Start Link List Widget --> 1270 1271 <div id="footerWidget--4280" class="text-white col-span-full sm:col-span-2"> 1272 <div class=""> 1273 <section class="font-body linkListWidget" id="linkListWidget4280"> 1274 <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Resources</h2> 1275 <ul class="mt-2"> 1276 <li class="block"> 1277 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/recipes">Recipes</a> 1278 </li> 1279 <li class="block"> 1280 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/blog">Blog</a> 1281 </li> 1282 <li class="block"> 1283 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/grass-fed-beef-buying-guide">Grassfed Beef FAQs</a> 1284 </li> 1285 <li class="block"> 1286 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/careers">Careers</a> 1287 </li> 1288 <li class="block"> 1289 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-ambassador">Farm Ambassador Program</a> 1290 </li> 1291 <li class="block"> 1292 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/returns-and-refunds">Returns & Refunds</a> 1293 </li> 1294 </ul> 1295 </section> 1296</div> 1297 1298 1299 </div> 1300 <!-- End Link List Widget --> 1301 <!-- Start Link List Widget --> 1302
1303 <div id="footerWidget--4279" class="text-white col-span-full sm:col-span-2"> 1304 <div class=""> 1305 <section class="font-body linkListWidget" id="linkListWidget4279"> 1306 <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Visit</h2> 1307 <ul class="mt-2"> 1308 <li class="block"> 1309 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-store">Farm Store</a> 1310 </li> 1311 <li class="block"> 1312 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/tours">Farm Tours</a> 1313 </li> 1314 </ul> 1315 </section> 1316</div> 1317 1318 1319 </div> 1320 <!-- End Link List Widget --> 1321 <!-- Start Link List Widget --> 1322 1323 <div id="footerWidget--4415" class="text-white col-span-full sm:col-span-8"> 1324 <div class=""> 1325 <section class="font-body linkListWidget" id="linkListWidget4415"> 1326 <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Featured Articles</h2> 1327 <ul class="mt-2"> 1328 <li class="block"> 1329 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/what-does-pasture-raised-mean">What Does Pasture-Raised Mean?</a> 1330 </li> 1331 <li class="block"> 1332 <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/ethically-raised-chicken">Ethically-Raised Chicken</a> 1333 </li> 1334 </ul> 1335 </section> 1336</div> 1337 1338 1339 </div> 1340 <!-- End Link List Widget --> 1341 <!-- Start Contact Card Widget --> 1342 1343 <div id="footerWidget--56" class="text-white col-span-full sm:col-span-8"> 1344 <div class=""> 1345 <section class="font-body text-center contactDetailsWidget" id="contactDetailsWidget56"> 1346 <h2 class="text-2xl! font-semibold text-neutral-100 font-display">Seven Sons Farms</h2> 1347 <ul class="mt-3 text-sm text-neutral-300"> 1348 <li class="text-base!"> 1349 15718 Aboite Road 1350 <br/>Roanoke, IN 46783
1351 </li> 1352 <li class="text-base!">(877) 620-1977</li> 1353 </ul> 1354 </section> 1355</div> 1356 1357 </div> 1358 <!-- End Contact Card Widget --> 1359 <!-- Start HTML Widget --> 1360 1361 <div id="footerWidget--2688" class="text-white col-span-full sm:col-span-8"> 1362 <div class=""> 1363 <div class="font-body text-left htmlWidget htmlWidget--2688" id="htmlWidget2688" data-widget="2688"> 1364 <div class=" 1365 [&_h1]:font-display [&_h1]:text-[2.25rem] [&_h1]:leading-[2.5rem] 1366 [&_h2]:font-display [&_h2]:text-[1.875rem] [&_h2]:leading-[2.25rem] 1367 [&_h3]:font-display [&_h3]:text-[1.5rem] [&_h3]:leading-[2rem] 1368 [&_h4]:font-display [&_h4]:text-[1.25rem] [&_h4]:leading-[1.75rem] 1369 [&_h5]:font-display [&_h4]:text-[1.125rem] [&_h4]:leading-[1.75rem] 1370 [&_h6]:font-display 1371 "> 1372 <div style="color: white;" class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1373<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1374<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1375<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1376<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1377<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1378<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1379<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1380<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1381<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1382<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1383<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1384<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home"> 1385<center><a href="https://stripe.com/"><img height="57" width="250" src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1610045489_5ff7583138d90.png" alt="Powered by Stipe. Accepts Visa, Mastercard, American Express" align="center" td valign="top" decoding="async" loading="lazy" fetchpriority="low"></a></center> 1386 1387 1388<p style="text-align: center;"><strong>Seven Sons Family of Companies:</strong></p><p style="margin-top: 0.875rem; text-align: center;"><a href="https://fresheggco.com/">FreshEggCo.com</a> | <a href="https://hengear.com">HenGear.com</a></p></p> 1389</div> 1390</div> 1391</div> 1392</div> 1393</div> 1394</div> 1395</div> 1396</div> 1397</div> 1398</div> 1399</div> 1400</div> 1401</div> 1402 </div> 1403 </div> 1404</div> 1405 1406 </div> 1407 <!-- End HTML Widget --> 1408 </div> 1409 1410 <!-- Legal links --> 1411 <div class="border-t border-neutral-800 py-4 text-center text-xs text-neutral-400"> 1412 <a class="text-white hover:text-neurtal-100 hover:underline" href="https://sevensons.net/accessibility">Accessibility Statement</a> 1413 <span class="mx-2 text-neutral-600">â¢</span> 1414 <a class="text-white hover:text-neurtal-100 hover:underline" href="https://sevensons.net/privacy">Privacy Policy</a> 1415 <span class="mx-2 text-neutral-600">â¢</span> 1416 <a class="text-white hover:text-neurtal-100 hover:underline" href="https://sevensons.net/tos">Terms of Service</a> 1417 </div> 1418 </div> 1419 </footer> 1420 1421 1422</div> 1423 <!-- End Main Content --> 1424 1425 <div id="bottom-of-page"></div> 1426 1427 <div class="js-cookie-consent cookie-consent pointer-events-none fixed z-100 left-0 w-full bottom-0 px-6 pb-6"> 1428 <div class="pointer-events-auto w-full max-w-lg rounded-xl bg-white p-6 shadow-lg ring-1 ring-gray-900/10"> 1429 <p class="m-0 text-sm/6 text-gray-900 cookie-consent__message"> 1430 To make your visit to our online farm store even better, we use cookies. By continuing to browse our website, you agree to their use. Learn more in our <a href="https://sevensons.net/privacy">Privacy Policy</a>. 1431 </p> 1432 <div class="mt-4 flex items-center gap-x-5"> 1433 <button type="button" class="js-cookie-consent-agree rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-900"> 1434 Got it! 1435 </button> 1436 </div> 1437 </div> 1438</div> 1439 1440
1440<script> 1441 1442 window.laravelCookieConsent = (function () { 1443 1444 const COOKIE_VALUE = 1; 1445 const COOKIE_DOMAIN = 'sevensons.net'; 1446 1447 function consentWithCookies() { 1448 setCookie('sevensons_cookie_consent', COOKIE_VALUE, 7300); 1449 1450 let attempts = 0; 1451 const maxAttempts = 3; 1452 1453 function verifyCookie() { 1454 attempts++; 1455 if (cookieExists('sevensons_cookie_consent')) { 1456 hideCookieDialog(); 1457 return; 1458 } 1459 1460 if (attempts < maxAttempts) { 1461 setTimeout(verifyCookie, attempts * 50); 1462 } else { 1463 // Try simple cookie setting as fallback 1464 setCookieSimple('sevensons_cookie_consent', COOKIE_VALUE, 7300); 1465 1466 // final check 1467 setTimeout(function() { 1468 if (cookieExists('sevensons_cookie_consent')) { 1469 console.log('Cookie consent set successfully with fallback method'); 1470 } else { 1471 console.error('Even fallback method failed to set cookie'); 1472 } 1473 hideCookieDialog(); 1474 }, 100); 1475 } 1476 } 1477 1478 setTimeout(verifyCookie, 50); 1479 } 1480 1481 function cookieExists(name) { 1482 const cookies = document.cookie.split(';'); 1483 for (let i = 0; i < cookies.length; i++) { 1484 let cookie = cookies[i].trim(); 1485 if (cookie.indexOf(name + '=') === 0) { 1486 return cookie.substring(name.length + 1) == COOKIE_VALUE; 1487 } 1488 } 1489 1490 return false; 1491 } 1492 1493 function hideCookieDialog() { 1494 const dialogs = document.getElementsByClassName('js-cookie-consent'); 1495 1496 for (let i = 0; i < dialogs.length; ++i) { 1497 dialogs[i].style.display = 'none'; 1498 } 1499 } 1500 1501 function setCookie(name, value, expirationInDays) { 1502 const date = new Date(); 1503 date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); 1504 1505 // Start with basic cookie string 1506 let cookieString = name + '=' + value 1507 + ';expires=' + date.toUTCString() 1508 + ';path=/'; 1509 1510 // Only add domain if it's set and not localhost 1511 if (COOKIE_DOMAIN && COOKIE_DOMAIN !== '' && COOKIE_DOMAIN !== 'localhost' && !COOKIE_DOMAIN.includes('127.0.0.1')) { 1512 cookieString += ';domain=' + COOKIE_DOMAIN; 1513 console.log('Adding domain to cookie:', COOKIE_DOMAIN); 1514 } else { 1515 console.log('Skipping domain for cookie (localhost or empty)'); 1516 } 1517 1518 // Add secure flag only if we're on HTTPS 1519 1520 // Add SameSite if configured 1521 cookieString += ';samesite=lax'; 1522 console.log('Adding SameSite=lax'); 1523 1524 console.log('Final cookie string:', cookieString); 1525 document.cookie = cookieString; 1526 1527 // Immediately check if it was set 1528 console.log('All cookies after setting:', document.cookie); 1529 } 1530 1531 function setCookieSimple(name, value, expirationInDays) { 1532 const date = new Date(); 1533 date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); 1534 1535 // Very basic cookie string - just name, value, expires, and path 1536 const simpleCookieString = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; 1537 document.cookie = simpleCookieString; 1538 } 1539 1540 if (cookieExists('sevensons_cookie_consent')) { 1541 hideCookieDialog(); 1542 } 1543 1544 const buttons = document.getElementsByClassName('js-cookie-consent-agree'); 1545 1546 for (let i = 0; i < buttons.length; ++i) { 1547 buttons[i].addEventListener('click', consentWithCookies); 1548 } 1549 1550 return { 1551 consentWithCookies: consentWithCookies, 1552 hideCookieDialog: hideCookieDialog 1553 }; 1554 })(); 1555 </script>
1555 1556 <div x-data="{ show: false }" x-on:open-flyout-menu.window="show = true" x-cloak class="relative z-50 pointer-events-none" aria-labelledby="slide-over-title" role="dialog" 1557 aria-modal="true"> 1558 <!-- Background backdrop --> 1559 <div 1560 x-show="show" 1561 x-cloak 1562 x-transition:enter="transition-opacity ease-in-out duration-300" 1563 x-transition:enter-start="opacity-0" 1564 x-transition:enter-end="opacity-100" 1565 x-transition:leave="transition-opacity ease-in-out duration-300" 1566 x-transition:leave-start="opacity-100" 1567 x-transition:leave-end="opacity-0" 1568 class="fixed inset-0 bg-gray-700/75 transition-opacity pointer-events-none" 1569 :class="{ 'pointer-events-none': ! show, 'pointer-events-auto': show }" 1570 ></div> 1571 1572 <div class="pointer-events-none fixed inset-0 overflow-hidden"> 1573 <div class="pointer-events-none absolute inset-0 overflow-hidden"> 1574 <div class="pointer-events-none fixed inset-y-0 left-0 flex max-w-full pr-10"> 1575 <!-- Slide-over panel --> 1576 <div 1577 x-show="show" 1578 x-cloak 1579 x-transition:enter="transition transform ease-in-out duration-300" 1580 x-transition:enter-start="-translate-x-full" 1581 x-transition:enter-end="translate-x-0" 1582 x-transition:leave="transition transform ease-in-out duration-300" 1583 x-transition:leave-start="translate-x-0" 1584 x-transition:leave-end="-translate-x-full" 1585 class="pointer-events-auto relative w-screen max-w-xs" 1586 @click.away="show = false" 1587 > 1588 <!-- Close button --> 1589 <div 1590 x-show="show" 1591 x-cloak 1592 x-transition:enter="ease-in-out duration-300" 1593 x-transition:enter-start="opacity-0" 1594 x-transition:enter-end="opacity-100" 1595 x-transition:leave="ease-in-out duration-300" 1596 x-transition:leave-start="opacity-100" 1597 x-transition:leave-end="opacity-0" 1598 class="absolute right-0 top-0 -mr-8 flex pl-2 pt-4 sm:-mr-10 sm:pl-4" 1599 > 1600 <button type="button" @click="show = false" 1601 class="relative rounded-md text-gray-300 hover:text-white focus:outline-hidden focus:ring-2 focus:ring-white"> 1602 <span class="absolute -inset-2.5"></span> 1603 <span class="sr-only">Close panel</span> 1604 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1605 stroke="currentColor" aria-hidden="true"> 1606 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 1607 </svg> 1608 </button> 1609 </div> 1610 1611 <!-- Panel content --> 1612 <div class="flex h-full flex-col overflow-y-auto pb-16 bg-white shadow-xl"> 1613 <h2 class="sr-only" id="slide-over-title">Store menu</h2> 1614 1615 <!-- Panel header --> 1616 <div class="bg-keppel-400 py-3 px-4 sm:px-6"> 1617 <div class="flex items-center"> 1618 <a href="/"> 1619 <span class="sr-only">Seven Sons Farms</span> 1620 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png" 1621 class="h-8 w-auto" 1622 alt="Seven Sons Farms Logo"> 1623 </a> 1624 </div> 1625 </div> 1626 1627 <!-- Desktop Store menu --> 1628 <div 1629 class="hidden pt-3 px-4 sm:px-6 lg:block"> 1630 <div> 1631 <div class="flex items-center justify-between py-3 px-4 roun
1631ded-md w-full"> 1632 <p class="m-0 text-base font-semibold text-gray-900">Store</p> 1633 <a href="https://sevensons.net/store" 1634 class=" text-sm text-gray-700 underline hover:text-gray-500"> 1635 Shop All 1636 </a> 1637 </div> 1638 1639 <a href="https://sevensons.net/store/collections/featured-items" 1640 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Featured Items</a> 1641 1642 1643 1644 <a href="https://sevensons.net/store/value-bundles" 1645 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Curated Bundles</a> 1646 1647 1648 1649 <div x-data="{ submenuIsExpanded: false }"> 1650 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 1651 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 1652 aria-controls="sub-menu-361" :aria-expanded="submenuIsExpanded"> 1653 <span class="flex-1"> 1654 <a @click.stop href="https://sevensons.net/store/grass-fed-beef" 1655 class="text-gray-900">Beef</a> 1656 </span> 1657 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 1658 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1659 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1660 <path fill-rule="evenodd" 1661 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 1662 clip-rule="evenodd"></path> 1663 </svg> 1664 </button> 1665 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 1666 id="sub-menu-361"> 1667 <li> 1668 <a href="https://sevensons.net/store/grass-fed-beef" 1669 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Beef</a> 1670 </li> 1671 <li> 1672 <a href="https://sevensons.net/store/grass-fed-beef/steaks" 1673 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a> 1674 </li> 1675 <li> 1676 <a href="https://sevensons.net/store/grass-fed-beef/ground-beef" 1677 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Beef</a> 1678 </li> 1679 <li> 1680 <a href="https://sevensons.net/store/grass-fed-beef/burgers" 1681 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a> 1682 </li> 1683 <li> 1684 <a href="https://sevensons.net/store/grass-fed-beef/roasts" 1685 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a> 1686 </li> 1687 <li> 1688 <a href="https://sevensons.net/store/grass-fed-beef/bones" 1689 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a> 1690 </li> 1691 <li> 1692 <a href="https://sevensons.net/store/grass-fed-beef/organs" 1693 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Organs</a> 1694 </li> 1695 <li> 1696 <a href="https://sevensons.net/store/grass-fed-beef/hot-dogs" 1697 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a> 1698 </li> 1699 <li> 1700 <a href="https://sevensons.net/canned-meats" 1701 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Canned Beef</a> 1702 </li> 1703 </ul> 1704 </div> 1705 1706 1707 1708 1709 <div x-data="{ submenuIsExpanded: false }"> 1710 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 1711 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 1712 aria-controls="sub-menu-374" :aria-expanded="submenuIsExpanded"> 1713 <span class="flex-1"> 1714 <a @click.stop href="https://sevensons.net/store/pastured-chicken" 1715 class="text-gray-900">Chicken</a> 1716 </span> 1717 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 1718 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1719 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1720 <path fill-rule="evenodd" 1721 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 1722 clip-rule="evenodd"></path> 1723 </svg> 1724 </button> 1725 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 1726 id="sub-menu-374"> 1727 <li> 1728 <a href="https://sevensons.net/store/pastured-chicken" 1729 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Chicken</a> 1730 </li> 1731 <li> 1732 <a href="https://sevensons.net/store/pastured-chicken/breasts" 1733 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Breasts</a> 1734 </li> 1735 <li> 1736 <a href="https://sevensons.net/store/pastured-chicken/thighs" 1737 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Thighs</a> 1738 </li> 1739 <li> 1740 <a href="https://sevensons.net/store/pastured-chicken/wings-drumsticks" 1741 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Wings & Drumsticks</a> 1742 </li> 1743 <li> 1744 <a href="https://sevensons.net/store/pastured-chicken/broth" 1745 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Broth</a> 1746 </li> 1747 <li> 1748 <a href="https://sevensons.net/store/pastured-chicken/bones" 1749 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a> 1750 </li> 1751 <li> 1752 <a href="https://sevensons.net/store/product/whole-chicken-3-5-5" 1753 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Whole Chicken</a> 1754 </li> 1755 </ul> 1756 </div> 1757 1758 1759 1760 1761 <div x-data="{ submenuIsExpanded: false }"> 1762 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 1763 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 1764 aria-controls="sub-menu-367" :aria-expanded="submenuIsExpanded"> 1765 <span class="flex-1"> 1766 <a @click.stop href="https://sevensons.net/store/pastured-pork" 1767 class="text-gray-900">Pork</a> 1768 </span> 1769 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 1770 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1771 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1772 <path fill-rule="evenodd" 1773 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 1774 clip-rule="evenodd"></path> 1775 </svg> 1776 </button> 1777 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 1778 id="sub-menu-367"> 1779 <li> 1780 <a href="https://sevensons.net/store/pastured-pork" 1781 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Pork</a> 1782 </li> 1783 <li> 1784 <a href="https://sevensons.net/store/pastured-pork/bacon" 1785 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a> 1786 </li> 1787 <li> 1788 <a href="https://sevensons.net/store/pastured-pork/sausage" 1789 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Sausage</a> 1790 </li> 1791 <li> 1792 <a href="https://sevensons.net/store/pastured-pork/hams" 1793 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ham</a> 1794 </li> 1795 <li> 1796 <a href="https://sevensons.net/store/pastured-pork/chops" 1797 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a> 1798 </li> 1799 <li> 1800 <a href="https://sevensons.net/store/pastured-pork/bratwurst" 1801 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bratwurst</a> 1802 </li> 1803 <li> 1804 <a href="https://sevensons.net/store/pastured-pork/hot-dogs" 1805 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a> 1806 </li> 1807 <li> 1808 <a href="https://sevensons.net/store/pastured-pork/roasts" 1809 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a> 1810 </li> 1811 </ul> 1812 </div> 1813 1814 1815 1816 1817 <div x-data="{ submenuIsExpanded: false }"> 1818 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 1819 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 1820 aria-controls="sub-menu-399" :aria-expanded="submenuIsExpanded"> 1821 <span class="flex-1"> 1822 <a @click.stop href="https://sevensons.net/store/grass-fed-lamb" 1823 class="text-gray-900">Lamb</a> 1824 </span> 1825 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 1826 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1827 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1828 <path fill-rule="evenodd" 1829 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 1830 clip-rule="evenodd"></path> 1831 </svg> 1832 </button> 1833 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 1834 id="sub-menu-399"> 1835 <li> 1836 <a href="https://sevensons.net/store/grass-fed-lamb" 1837 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Lamb</a> 1838 </li> 1839 <li> 1840 <a href="https://sevensons.net/store/grass-fed-lamb/ground-lamb" 1841 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Lamb</a> 1842 </li> 1843 <li> 1844 <a href="https://sevensons.net/store/grass-fed-lamb/ribs" 1845 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Rack of Lamb</a> 1846 </li> 1847 <li> 1848 <a href="https://sevensons.net/store/grass-fed-lamb/chops" 1849 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a> 1850 </li> 1851 <li> 1852 <a href="https://sevensons.net/store/grass-fed-lamb/leg-of-lamb" 1853 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Leg of Lamb</a> 1854 </li> 1855 <li> 1856 <a href="https://sevensons.net/store/grass-fed-lamb/bacon" 1857 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a> 1858 </li> 1859 </ul> 1860 </div> 1861 1862 1863 1864 1865 <div x-data="{ submenuIsExpanded: false }"> 1866 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 1867 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 1868 aria-controls="sub-menu-381" :aria-expanded="submenuIsExpanded"> 1869 <span class="flex-1"> 1870 <a @click.stop href="https://sevensons.net/store/grass-fed-bison" 1871 class="text-gray-900">Bison</a> 1872 </span> 1873 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 1874 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1875 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1876 <path fill-rule="evenodd" 1877 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 1878 clip-rule="evenodd"></path> 1879 </svg> 1880 </button> 1881 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 1882 id="sub-menu-381"> 1883 <li> 1884 <a href="https://sevensons.net/store/grass-fed-bison" 1885 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Bison</a> 1886 </li> 1887 <li> 1888 <a href="https://sevensons.net/store/grass-fed-bison/steaks" 1889 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a> 1890 </li> 1891 <li> 1892 <a href="https://sevensons.net/store/grass-fed-bison/ground-bison" 1893 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Bison</a> 1894 </li> 1895 <li> 1896 <a href="https://sevensons.net/store/grass-fed-bison/burgers" 1897 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a> 1898 </li> 1899 <li> 1900 <a href="https://sevensons.net/store/product/bison-boneless-chuck-roast" 1901 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a> 1902 </li> 1903 <li> 1904 <a href="https://sevensons.net/store/grass-fed-bison/bones" 1905 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a> 1906 </li> 1907 </ul> 1908 </div> 1909 1910 1911 1912 1913 <div x-data="{ submenuIsExpanded: false }"> 1914 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 1915 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 1916 aria-controls="sub-menu-467" :aria-expanded="submenuIsExpanded"> 1917 <span class="flex-1"> 1918 <a @click.stop href="https://sevensons.net?menu=dairy" 1919 class="text-gray-900">Dairy</a> 1920 </span> 1921 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 1922 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1923 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1924 <path fill-rule="evenodd" 1925 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 1926 clip-rule="evenodd"></path> 1927 </svg> 1928 </button> 1929 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 1930 id="sub-menu-467"> 1931 <li> 1932 <a href="https://sevensons.net/store/grass-fed-dairy/colostrum" 1933 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Colostrum</a> 1934 </li> 1935 <li> 1936 <a href="https://sevensons.net/store/grass-fed-dairy/butter" 1937 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Butter</a> 1938 </li> 1939 </ul> 1940 </div> 1941 1942 1943 1944 1945 <a href="https://sevensons.net/store/fish-seafood" 1946 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Seafood</a> 1947 1948 1949 1950 <a href="https://sevensons.net/store/vegetables-preserves" 1951 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Frozen Veggies</a> 1952 1953 1954 1955 <a href="https://sevensons.net/store/collections/bones-organs" 1956 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones & Organs</a> 1957 1958 1959 1960 <a href="https://sevensons.net/fresh-eggs" 1961 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Eggs</a> 1962 1963 1964 1965 <a href="https://sevensons.net/store/product/wild-caught-salmon-pet-pack" 1966 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">For Pets</a> 1967 1968 1969 1970 <div x-data="{ submenuIsExpanded: false }"> 1971 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 1972 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 1973 aria-controls="sub-menu-394" :aria-expanded="submenuIsExpanded"> 1974 <span class="flex-1"> 1975 <a @click.stop href="#!" 1976 class="text-gray-900">Gifting</a> 1977 </span> 1978 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 1979 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1980 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1981 <path fill-rule="evenodd" 1982 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 1983 clip-rule="evenodd"></path> 1984 </svg> 1985 </button> 1986 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 1987 id="sub-menu-394"> 1988 <li> 1989 <a href="https://sevensons.net/store/collections/gift-cards" 1990 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Cards</a> 1991 </li> 1992 <li> 1993 <a href="https://sevensons.net/gift-boxes" 1994 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Boxes</a> 1995 </li> 1996 </ul> 1997 </div> 1998 1999 2000 2001 2002 <a href="https://sevensons.net/store/clothing-gear" 2003 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Clothing</a> 2004 2005 2006 2007 2008 </div> 2009 </div> 2010 2011 <!-- Mobile store menu --> 2012 <div x-data="{ storeMenuIsExpanded: false }" 2013 class="border-b border-gray-200 pt-3 px-4 sm:px-6 lg:hidden"> 2014 <div class="flex items-center justify-between py-3 px-4 rounded-md w-full"> 2015 <p class="m-0 text-base font-semibold text-gray-900">Store</p> 2016 <a href="https://sevensons.net/store" 2017 class=" text-sm text-gray-700 underline hover:text-gray-500"> 2018 Shop All 2019 </a> 2020 </div> 2021 <div class="relative pb-12"> 2022 <div > 2023 <a href="https://sevensons.net/store/collections/featured-items" 2024 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Featured Items</a> 2025 2026 2027 2028 </div> 2029 <div > 2030 <a href="https://sevensons.net/store/value-bundles" 2031 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Curated Bundles</a> 2032 2033 2034 2035 </div> 2036 <div > 2037 <div x-data="{ submenuIsExpanded: false }"> 2038 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 2039 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2040 aria-controls="sub-menu-361" :aria-expanded="submenuIsExpanded"> 2041 <span class="flex-1"> 2042 <a @click.stop href="https://sevensons.net/store/grass-fed-beef" 2043 class="text-gray-900">Beef</a> 2044 </span> 2045 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2046 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2047 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2048 <path fill-rule="evenodd" 2049 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2050 clip-rule="evenodd"></path> 2051 </svg> 2052 </button> 2053 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 2054 id="sub-menu-361"> 2055 <li> 2056 <a href="https://sevensons.net/store/grass-fed-beef" 2057 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Beef</a> 2058 </li> 2059 <li> 2060 <a href="https://sevensons.net/store/grass-fed-beef/steaks" 2061 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a> 2062 </li> 2063 <li> 2064 <a href="https://sevensons.net/store/grass-fed-beef/ground-beef" 2065 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Beef</a> 2066 </li> 2067 <li> 2068 <a href="https://sevensons.net/store/grass-fed-beef/burgers" 2069 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a> 2070 </li> 2071 <li> 2072 <a href="https://sevensons.net/store/grass-fed-beef/roasts" 2073 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a> 2074 </li> 2075 <li> 2076 <a href="https://sevensons.net/store/grass-fed-beef/bones" 2077 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a> 2078 </li> 2079 <li> 2080 <a href="https://sevensons.net/store/grass-fed-beef/organs" 2081 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Organs</a> 2082 </li> 2083 <li> 2084 <a href="https://sevensons.net/store/grass-fed-beef/hot-dogs" 2085 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a> 2086 </li> 2087 <li> 2088 <a href="https://sevensons.net/canned-meats" 2089 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Canned Beef</a> 2090 </li> 2091 </ul> 2092 </div> 2093 2094 2095 2096 2097 </div> 2098 <div > 2099 <div x-data="{ submenuIsExpanded: false }"> 2100 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 2101 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2102 aria-controls="sub-menu-374" :aria-expanded="submenuIsExpanded"> 2103 <span class="flex-1"> 2104 <a @click.stop href="https://sevensons.net/store/pastured-chicken" 2105 class="text-gray-900">Chicken</a> 2106 </span> 2107 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2108 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2109 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2110 <path fill-rule="evenodd" 2111 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2112 clip-rule="evenodd"></path> 2113 </svg> 2114 </button> 2115 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 2116 id="sub-menu-374"> 2117 <li> 2118 <a href="https://sevensons.net/store/pastured-chicken" 2119 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Chicken</a> 2120 </li> 2121 <li> 2122 <a href="https://sevensons.net/store/pastured-chicken/breasts" 2123 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Breasts</a> 2124 </li> 2125 <li> 2126 <a href="https://sevensons.net/store/pastured-chicken/thighs" 2127 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Thighs</a> 2128 </li> 2129 <li> 2130 <a href="https://sevensons.net/store/pastured-chicken/wings-drumsticks" 2131 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Wings & Drumsticks</a> 2132 </li> 2133 <li> 2134 <a href="https://sevensons.net/store/pastured-chicken/broth" 2135 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Broth</a> 2136 </li> 2137 <li> 2138 <a href="https://sevensons.net/store/pastured-chicken/bones" 2139 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a> 2140 </li> 2141 <li> 2142 <a href="https://sevensons.net/store/product/whole-chicken-3-5-5" 2143 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Whole Chicken</a> 2144 </li> 2145 </ul> 2146 </div> 2147 2148 2149 2150 2151 </div> 2152 <div > 2153 <div x-data="{ submenuIsExpanded: false }"> 2154 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 2155 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2156 aria-controls="sub-menu-367" :aria-expanded="submenuIsExpanded"> 2157 <span class="flex-1"> 2158 <a @click.stop href="https://sevensons.net/store/pastured-pork" 2159 class="text-gray-900">Pork</a> 2160 </span> 2161 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2162 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2163 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2164 <path fill-rule="evenodd" 2165 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2166 clip-rule="evenodd"></path> 2167 </svg> 2168 </button> 2169 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 2170 id="sub-menu-367"> 2171 <li> 2172 <a href="https://sevensons.net/store/pastured-pork" 2173 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Pork</a> 2174 </li> 2175 <li> 2176 <a href="https://sevensons.net/store/pastured-pork/bacon" 2177 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a> 2178 </li> 2179 <li> 2180 <a href="https://sevensons.net/store/pastured-pork/sausage" 2181 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Sausage</a> 2182 </li> 2183 <li> 2184 <a href="https://sevensons.net/store/pastured-pork/hams" 2185 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ham</a> 2186 </li> 2187 <li> 2188 <a href="https://sevensons.net/store/pastured-pork/chops" 2189 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a> 2190 </li> 2191 <li> 2192 <a href="https://sevensons.net/store/pastured-pork/bratwurst" 2193 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bratwurst</a> 2194 </li> 2195 <li> 2196 <a href="https://sevensons.net/store/pastured-pork/hot-dogs" 2197 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a> 2198 </li> 2199 <li> 2200 <a href="https://sevensons.net/store/pastured-pork/roasts" 2201 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a> 2202 </li> 2203 </ul> 2204 </div> 2205 2206 2207 2208 2209 </div> 2210 <div > 2211 <div x-data="{ submenuIsExpanded: false }"> 2212 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 2213 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2214 aria-controls="sub-menu-399" :aria-expanded="submenuIsExpanded"> 2215 <span class="flex-1"> 2216 <a @click.stop href="https://sevensons.net/store/grass-fed-lamb" 2217 class="text-gray-900">Lamb</a> 2218 </span> 2219 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2220 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2221 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2222 <path fill-rule="evenodd" 2223 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2224 clip-rule="evenodd"></path> 2225 </svg> 2226 </button> 2227 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 2228 id="sub-menu-399"> 2229 <li> 2230 <a href="https://sevensons.net/store/grass-fed-lamb" 2231 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Lamb</a> 2232 </li> 2233 <li> 2234 <a href="https://sevensons.net/store/grass-fed-lamb/ground-lamb" 2235 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Lamb</a> 2236 </li> 2237 <li> 2238 <a href="https://sevensons.net/store/grass-fed-lamb/ribs" 2239 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Rack of Lamb</a> 2240 </li> 2241 <li> 2242 <a href="https://sevensons.net/store/grass-fed-lamb/chops" 2243 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a> 2244 </li> 2245 <li> 2246 <a href="https://sevensons.net/store/grass-fed-lamb/leg-of-lamb" 2247 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Leg of Lamb</a> 2248 </li> 2249 <li> 2250 <a href="https://sevensons.net/store/grass-fed-lamb/bacon" 2251 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a> 2252 </li> 2253 </ul> 2254 </div> 2255 2256 2257 2258 2259 </div> 2260 <div x-show="storeMenuIsExpanded" x-collapse > 2261 <div x-data="{ submenuIsExpanded: false }"> 2262 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 2263 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2264 aria-controls="sub-menu-381" :aria-expanded="submenuIsExpanded"> 2265 <span class="flex-1"> 2266 <a @click.stop href="https://sevensons.net/store/grass-fed-bison" 2267 class="text-gray-900">Bison</a> 2268 </span> 2269 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2270 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2271 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2272 <path fill-rule="evenodd" 2273 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2274 clip-rule="evenodd"></path> 2275 </svg> 2276 </button> 2277 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 2278 id="sub-menu-381"> 2279 <li> 2280 <a href="https://sevensons.net/store/grass-fed-bison" 2281 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Bison</a> 2282 </li> 2283 <li> 2284 <a href="https://sevensons.net/store/grass-fed-bison/steaks" 2285 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a> 2286 </li> 2287 <li> 2288 <a href="https://sevensons.net/store/grass-fed-bison/ground-bison" 2289 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Bison</a> 2290 </li> 2291 <li> 2292 <a href="https://sevensons.net/store/grass-fed-bison/burgers" 2293 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a> 2294 </li> 2295 <li> 2296 <a href="https://sevensons.net/store/product/bison-boneless-chuck-roast" 2297 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a> 2298 </li> 2299 <li> 2300 <a href="https://sevensons.net/store/grass-fed-bison/bones" 2301 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a> 2302 </li> 2303 </ul> 2304 </div> 2305 2306 2307 2308 2309 </div> 2310 <div x-show="storeMenuIsExpanded" x-collapse > 2311 <div x-data="{ submenuIsExpanded: false }"> 2312 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 2313 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2314 aria-controls="sub-menu-467" :aria-expanded="submenuIsExpanded"> 2315 <span class="flex-1"> 2316 <a @click.stop href="https://sevensons.net?menu=dairy" 2317 class="text-gray-900">Dairy</a> 2318 </span> 2319 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2320 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2321 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2322 <path fill-rule="evenodd" 2323 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2324 clip-rule="evenodd"></path> 2325 </svg> 2326 </button> 2327 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 2328 id="sub-menu-467"> 2329 <li> 2330 <a href="https://sevensons.net/store/grass-fed-dairy/colostrum" 2331 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Colostrum</a> 2332 </li> 2333 <li> 2334 <a href="https://sevensons.net/store/grass-fed-dairy/butter" 2335 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Butter</a> 2336 </li> 2337 </ul> 2338 </div> 2339 2340 2341 2342 2343 </div> 2344 <div x-show="storeMenuIsExpanded" x-collapse > 2345 <a href="https://sevensons.net/store/fish-seafood" 2346 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Seafood</a> 2347 2348 2349 2350 </div> 2351 <div x-show="storeMenuIsExpanded" x-collapse > 2352 <a href="https://sevensons.net/store/vegetables-preserves" 2353 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Frozen Veggies</a> 2354 2355 2356 2357 </div> 2358 <div x-show="storeMenuIsExpanded" x-collapse > 2359 <a href="https://sevensons.net/store/collections/bones-organs" 2360 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones & Organs</a> 2361 2362 2363 2364 </div> 2365 <div x-show="storeMenuIsExpanded" x-collapse > 2366 <a href="https://sevensons.net/fresh-eggs" 2367 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Eggs</a> 2368 2369 2370 2371 </div> 2372 <div x-show="storeMenuIsExpanded" x-collapse > 2373 <a href="https://sevensons.net/store/product/wild-caught-salmon-pet-pack" 2374 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">For Pets</a> 2375 2376 2377 2378 </div> 2379 <div x-show="storeMenuIsExpanded" x-collapse > 2380 <div x-data="{ submenuIsExpanded: false }"> 2381 <button @click="submenuIsExpanded = !submenuIsExpanded" type="button" 2382 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2383 aria-controls="sub-menu-394" :aria-expanded="submenuIsExpanded"> 2384 <span class="flex-1"> 2385 <a @click.stop href="#!" 2386 class="text-gray-900">Gifting</a> 2387 </span> 2388 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2389 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2390 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2391 <path fill-rule="evenodd" 2392 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2393 clip-rule="evenodd"></path> 2394 </svg> 2395 </button> 2396 <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4" 2397 id="sub-menu-394"> 2398 <li> 2399 <a href="https://sevensons.net/store/collections/gift-cards" 2400 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Cards</a> 2401 </li> 2402 <li> 2403 <a href="https://sevensons.net/gift-boxes" 2404 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Boxes</a> 2405 </li> 2406 </ul> 2407 </div> 2408 2409 2410 2411 2412 </div> 2413 <div x-show="storeMenuIsExpanded" x-collapse > 2414 <a href="https://sevensons.net/store/clothing-gear" 2415 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Clothing</a> 2416 2417 2418 2419 </div> 2420 <div class="absolute bottom-0 left-0 w-full"> 2421 <button @click="storeMenuIsExpanded = !storeMenuIsExpanded" type="button" 2422 class="group flex text-sm items-center w-full text-left rounded-md py-3 px-4 gap-x-3" 2423 aria-controls="sub-menu-453" 2424 :aria-expanded="storeMenuIsExpanded"> 2425 <span class="text-sm font-semibold leading-6 text-keppel-400 group-hover:text-keppel-400/70"> 2426 See 2427 <span 2428 x-text="storeMenuIsExpanded ? 'less' : 'more'"></span> 2429 </span> 2430 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" 2431 fill="currentColor" 2432 class="text-keppel-400/70 h-4 w-4 shrink-0 transition-transform duration-75 group-hover:text-keppel-400/50" 2433 :class="{ 'rotate-180': storeMenuIsExpanded }"> 2434 <path fill-rule="evenodd" 2435 d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" 2436 clip-rule="evenodd"/> 2437 </svg> 2438 2439 </button> 2440 </div> 2441 </div> 2442 </div> 2443 2444 <!-- Main menu --> 2445 <div class="pt-3 px-4 sm:px-6 lg:hidden"> 2446 <div x-data="{ isExpanded: false }"> 2447 <button @click="isExpanded = !isExpanded" type="button" 2448 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2449 aria-controls="sub-menu-357" 2450 :aria-expanded="isExpanded">
2451 <span class="flex-1">How It Works</span> 2452 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2453 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }" 2454 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2455 <path fill-rule="evenodd" 2456 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2457 clip-rule="evenodd"></path> 2458 </svg> 2459 </button> 2460 <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4" 2461 id="sub-menu-357"> 2462 <li> 2463 <a href="https://sevensons.net/how-home-delivery-works" 2464 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Home Delivery</a> 2465 </li> 2466 <li> 2467 <a href="https://sevensons.net/subscribe-save" 2468 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Subscribe & Save</a> 2469 </li> 2470 <li> 2471 <a href="https://sevensons.net/guarantee" 2472 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Brothers Guarantee</a> 2473 </li> 2474 </ul> 2475 </div> 2476 <div x-data="{ isExpanded: false }"> 2477 <button @click="isExpanded = !isExpanded" type="button" 2478 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2479 aria-controls="sub-menu-300" 2480 :aria-expanded="isExpanded"> 2481 <span class="flex-1">About</span> 2482 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2483 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2484 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2485 <path fill-rule="evenodd" 2486 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2487 clip-rule="evenodd"></path> 2488 </svg> 2489 </button> 2490 <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4" 2491 id="sub-menu-300"> 2492 <li> 2493 <a href="https://sevensons.net/protocols" 2494 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Our Standards</a> 2495 </li> 2496 <li> 2497 <a href="https://sevensons.net/manifesto" 2498 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Our Manifesto</a> 2499 </li> 2500 <li> 2501 <a href="https://sevensons.net/our-story" 2502 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Meet the Family</a> 2503 </li> 2504 <li> 2505 <a href="https://sevensons.net/tour" 2506 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Virtual Farm Tour</a> 2507 </li> 2508 </ul> 2509 </div> 2510 <div x-data="{ isExpanded: false }"> 2511 <button @click="isExpanded = !isExpanded" type="button" 2512 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2513 aria-controls="sub-menu-436" 2514 :aria-expanded="isExpanded"> 2515 <span class="flex-1">Learn</span> 2516 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2517 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2518 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2519 <path fill-rule="evenodd" 2520 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2521 clip-rule="evenodd"></path> 2522 </svg> 2523 </button> 2524 <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4" 2525 id="sub-menu-436"> 2526 <li> 2527 <a href="https://sevensons.net/regenerative-investor" 2528 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Regenerative Investor Club</a> 2529 </li> 2530 <li> 2531 <a href="https://sevensons.net/farm-ambassador" 2532 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Farm Ambassadors Program</a> 2533 </li> 2534 <li> 2535 <a href="https://sevensons.net/farm-life-show" 2536 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Farm Life Show</a> 2537 </li> 2538 <li> 2539 <a href="https://sevensons.net/farm-partners" 2540 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Farm Partners</a> 2541 </li> 2542 <li> 2543 <a href="https://sevensons.net/learn" 2544 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Articles</a> 2545 </li> 2546 <li> 2547 <a href="https://sevensons.net/recipes" 2548 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Recipes</a> 2549 </li> 2550 <li> 2551 <a href="https://sevensons.net/blog" 2552 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Blog</a> 2553 </li> 2554 </ul> 2555 </div> 2556 <div x-data="{ isExpanded: false }"> 2557 <button @click="isExpanded = !isExpanded" type="button" 2558 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2559 aria-controls="sub-menu
2559-216" 2560 :aria-expanded="isExpanded"> 2561 <span class="flex-1">Visit</span> 2562 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2563 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }" 2564 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2565 <path fill-rule="evenodd" 2566 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2567 clip-rule="evenodd"></path> 2568 </svg> 2569 </button> 2570 <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4" 2571 id="sub-menu-216"> 2572 <li> 2573 <a href="https://sevensons.net/farm-store" 2574 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roanoke, IN Farm Store</a> 2575 </li> 2576 <li> 2577 <a href="https://sevensons.net/tours" 2578 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Seasonal Farm Tours</a> 2579 </li> 2580 <li> 2581 <a href="https://www.google.com/maps/dir//15718+Aboite+Rd,+Roanoke,+IN+46783/@40.9379902,-85.4019677,19928m/data=!3m1!1e3!4m8!4m7!1m0!1m5!1m1!1s0x8815c17bc5f9b4d3:0xe07579c4832d1a1f!2m2!1d-85.3195669!2d40.9380195?entry=ttu&g_ep=EgoyMDI1MDEwOC4wIKXMDSoASAFQAw%3D%3D" 2582 class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Get Directions</a> 2583 </li> 2584 </ul> 2585 </div> 2586 2587 <div x-data="{ isExpanded: false }"> 2588 <button @click="isExpanded = !isExpanded" type="button" 2589 class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm" 2590 aria-controls="sub-menu-help" 2591 :aria-expanded="isExpanded"> 2592 <span class="flex-1">Help</span> 2593 <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75" 2594 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2595 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2596 <path fill-rule="evenodd" 2597 d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" 2598 clip-rule="evenodd"></path> 2599 </svg> 2600 </button> 2601 <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4" 2602 id="sub-menu-help"> 2603 2604 <li> 2605 <a href="https://sevensons.net/customer-support" class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm"> 2606 Contact Us 2607 </a> 2608 <button type="button" id="accessibilityTriggerId" class="text-gray-700 block w-full text-left rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm"> 2609 Accessibility 2610 </button> 2611 <button type="button" x-on:click="window.openZendeskWidget(); open = false;" class="text-gray-700 block w-full text-left rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm"> 2612 Customer FAQs 2613 </button> 2614 </li> 2615 </ul> 2616 2617 </div> 2618 </div> 2619 </div> 2620 </div> 2621 </div> 2622 </div> 2623 </div> 2624</div> 2625 </div> 2626 2627 2628</div> 2629 2630 2631<div wire:key="lw-2507046029-0" wire:snapshot="{"data":{"open":false,"title":"Default Panel","component":"","params":[[],{"s":"arr"}]},"memo":{"id":"IgtedoHCdyMlHog8bNqF","name":"theme.side-panel","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"ff052663793038b3c3d862c337e6dd32eb4956f91d6b21acf115e49a385c00e4"}" wire:effects="{"listeners":["openPanel","closePanel"]}" wire:id="IgtedoHCdyMlHog8bNqF" wire:name="theme.side-panel" class=""> 2632 <div 2633 x-data="{ open: $wire.entangle('open') }" 2634 x-init="() => { 2635 $watch('open', value => $dispatch(value === true ? 'side-panel-opened' : 'side-panel-closed')); 2636 }" 2637 @keydown.window.escape="open = false" 2638 x-show="open" 2639 x-cloak 2640 aria-labelledby="slide-over-title" 2641 x-ref="dialog" 2642 aria-modal="true" 2643 class="relative z-[150]" 2644 > 2645 <div 2646 x-show="open" 2647 x-cloak 2648 x-transition:enter="transition-opacity ease-linear duration-300" 2649 x-transition:enter-start="opacity-0" 2650 x-transition:enter-end="opacity-100" 2651 x-transition:leave="transition-opacity ease-linear duration-300" 2652 x-transition:leave-start="opacity-100" 2653 x-transition:leave-end="opacity-0" 2654 class="font-body pointer-events-none fixed inset-0 bg-black/25" 2655 :class="{ 'pointer-events-none': ! open, 'pointer-events-auto': open }" 2656 2657 ></div> 2658 2659 <div class="font-body fixed inset-0 overflow-hidden"> 2660 <div class="absolute inset-0 overflow-hidden"> 2661 <div class="pointer-events-none fixed inset-y-0 right-0 flex w-full max-w-md pl-10"> 2662 <div 2663 x-show="open" 2664 x-cloak 2665 x-transition:enter="transform transition ease-in-out duration-300" 2666 x-transition:enter-start="translate-x-full" 2667 x-transition:enter-end="translate-x-0" 2668 x-transition:leave="transform transition ease-in-out duration-300" 2669 x-transition:leave-start="translate-x-0" 2670 x-transition:leave-end="translate-x-full" 2671 class="pointer-events-auto h-full w-full max-w-md" 2672 @click.away="open = false" 2673 > 2674 <div class="flex h-full min-h-0 flex-col overflow-hidden"> 2675 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 2676 </div> 2677 </div> 2678 </div> 2679 </div> 2680 </div> 2681</div> 2682
2683<div wire:key="lw-2507046029-1" wire:snapshot="{"data":{"open":false,"title":"","message":""},"memo":{"id":"01zqwcjcILSkUWY57VmM","name":"theme.modal","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"86cfa5799796b0fb09db459c3d4a6c6a3d269e5fa46ad78b185f7b65f81d7318"}" wire:effects="{"listeners":["openModal"]}" wire:id="01zqwcjcILSkUWY57VmM" wire:name="theme.modal" x-data="{ open: $wire.entangle('open') }" 2684 x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))" 2685 x-show="open" 2686 x-cloak 2687 class="" 2688 aria-labelledby="slide-over-title" 2689 x-ref="dialog" 2690 aria-modal="true" 2691 @click.stop="" 2692> 2693 <div class="relative font-body z-[1000]" aria-labelledby="modal-title" role="dialog" aria-modal="true"> 2694 <div x-show="open" 2695 x-cloak 2696 style="display: none;" 2697 x-transition:enter="ease-in-out duration-500" 2698 x-transition:enter-start="opacity-0" 2699 x-transition:enter-end="opacity-100" 2700 x-transition:leave="ease-in-out duration-500" 2701 x-transition:leave-start="opacity-100" 2702 x-transition:leave-end="opacity-0" 2703 2704 class="fixed inset-0 bg-gray-500/75 transition-opacity" 2705 ></div> 2706 2707 <div class="fixed inset-0 font-body z-10 overflow-y-auto pointer-events-none"> 2708 <div class="flex min-h-full justify-center text-center items-center p-0"> 2709 <div 2710 x-show="open" 2711 x-cloak 2712 style="display: none;" 2713 x-transition:enter="ease-out duration-300" 2714 x-transition:enter-start="opacity-0 translate-y-0 scale-95" 2715 x-transition:enter-end="opacity-100 translate-y-0 scale-100" 2716 x-transition:leave="ease-in duration-200" 2717 x-transition:leave-start="opacity-100 translate-y-0 scale-100" 2718 x-transition:leave-end="opacity-0 translate-y-0 scale-95" 2719 class="relative pointer-events-auto transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6" 2720 > 2721 <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block"> 2722 <button type="button" @click.stop="open = false" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500/50 focus:ring-offset-2"> 2723 <span class="sr-only">Close</span> 2724 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 2725 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2726 </svg> 2727 </button> 2728 </div> 2729 <div class="sm:flex sm:items-start"> 2730 <div class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10"> 2731 <svg class="h-6 w-6 text-red-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 2732 <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"/> 2733 </svg> 2734 </div> 2735 <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> 2736 <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title"></h3> 2737 <div class="mt-2"> 2738 <p class="text-sm text-gray-500"></p> 2739 </div> 2740 </div> 2741 </div> 2742 <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse"> 2743 2744 <button @click.stop="open = false" type="button" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto">Cancel</button> 2745 </div> 2746 </div> 2747 </div> 2748 </div> 2749 </div> 2750</div>
2751<div wire:key="lw-2507046029-2" wire:snapshot="{"data":{"term":"","products":[[],{"s":"arr"}]},"memo":{"id":"XG6Fjnv9Fe9ACT19zoUu","name":"theme.product-search-command-palette","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","attributes":{"has_subscription":false,"has_order":false},"children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"e380e2d01d6a4d3e88730b3fce5ed704f8cc4ced271fb6f06624681bb522aa2d"}" wire:effects="[]" wire:id="XG6Fjnv9Fe9ACT19zoUu" wire:name="theme.product-search-command-palette" class=""> 2752 <div x-data="{ 2753 open: false, 2754 resetOnOpen: true, 2755 closeOnSelection: true, 2756 2757 // Add your custom functionality or navigation when an option is selected 2758 optionSelected() { 2759 window.location.href = `/store/product/${this.highlightedOption.slug}`; 2760 }, 2761 2762 // Helper variables 2763 modifierKey: '', 2764 filterTerm: $wire.entangle('term'), 2765 filterResults: $wire.entangle('products'), 2766 highlightedOption: null, 2767 highlightedIndex: -1, 2768 enableMouseHighlighting: true, 2769 2770 // Initialization 2771 init() { 2772 if (this.open) { 2773 this.openCommandPalette(); 2774 } 2775 2776 // Initialize filter results array 2777 this.filterResults = []; 2778 2779 // Set the modifier key based on platform 2780 this.modifierKey = /mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform) ? 'â' : 'Ctrl'; 2781 }, 2782 2783 // Open Command Palette 2784 openCommandPalette() { 2785 if (this.resetOnOpen) { 2786 this.filterTerm = ''; 2787 this.highlightedOption = null; 2788 this.highlightedIndex = -1; 2789 this.filterResults = []; 2790 } 2791 2792 this.open = true; 2793 2794 $nextTick(() => { 2795 // Focus filter input 2796 setTimeout(() => { 2797 $focus.focus($refs.elFilter); 2798 }, 350); 2799 }); 2800 }, 2801 2802 // Close Command Palette 2803 closeCommandPalette() { 2804 this.open = false; 2805 2806 $nextTick(() => { 2807 // Focus toggle button 2808 $focus.focus($refs.elToggleButton); 2809 }); 2810 }, 2811 2812 // Enable mouse interaction 2813 enableMouseInteraction() { 2814 this.enableMouseHighlighting = true; 2815 }, 2816 2817 // Set an option as highlighted 2818 setHighlighted(id, mode) { 2819 if (id === null) { 2820 this.highlightedOption = null; 2821 this.highlightedIndex = -1; 2822 } else if (this.highlightedOption?.id != id && (mode === 'keyboard' || (mode === 'mouse' && this.enableMouseHighlighting))) { 2823 this.highlightedOption = this.filterResults.find(result => result.id === id) || null; 2824 2825 // Set highlighted index of filter results 2826 if (mode === 'mouse' && this.enableMouseHighlighting) { 2827 this.highlightedIndex = this.filterResults.findIndex((result) => { 2828 return result.id === id; 2829 }); 2830 } else { 2831 // We are in keyboard mode, disable mouse navigation 2832 this.enableMouseHighlighting = false; 2833 2834 // Scroll listbox to make the highlighted element visible 2835 $refs.elListbox.querySelector('li[data-id=\'' + id + '\']').scrollIntoView({ block: 'nearest' }); 2836 } 2837 } 2838 }, 2839 2840 // Check if the given id is the highlighted one 2841 isHighlighted(id) { 2842 return id === this.highlightedOption?.id || false; 2843 }, 2844 2845 // Navigate results functionality 2846 navigateResults(mode) { 2847 if (this.filterResults.length > 0) { 2848 const maxIndex = this.filterResults.length - 1; 2849 2850 if (mode === 'first') { 2851 this.highlightedIndex = 0; 2852 } else if (mode === 'last') { 2853 this.highlightedIndex = maxIndex; 2854 } else if (mode === 'previous') { 2855 if (this.highlightedIndex > 0 && this.highlightedIndex <= maxIndex) { 2856 this.highlightedIndex--; 2857 } else if (this.highlightedIndex === -1) { 2858 this.highlightedIndex = 0; 2859 } 2860 } else if (mode === 'next') { 2861 if (this.highlightedIndex >= 0 && this.highlightedIndex < maxIndex) { 2862 this.highlightedIndex++; 2863 } else if (this.highlightedIndex === -1) { 2864 this.highlightedIndex = 0; 2865 } 2866 } 2867 2868 if (!this.filterResults[this.highlightedIndex]?.id) { 2869 this.highlightedIndex = 0; 2870 } 2871 2872 this.setHighlighted(this.filterResults[this.highlightedIndex].id, 'keyboard'); 2873 } 2874 }, 2875 2876 // On option selected 2877 onOptionSelected() { 2878 if (this.highlightedOption != null) { 2879 this.optionSelected(); 2880 2881 if (this.closeOnSelection) { 2882 this.closeCommandPalette(); 2883 } 2884 } 2885 }, 2886 }" 2887 x-on:product-search-toggled.window="openCommandPalette()"
2888 x-on:keydown.ctrl.slash.prevent.document="openCommandPalette()" 2889 x-on:keydown.meta.slash.prevent.document="openCommandPalette()" 2890 x-on:keydown.esc.prevent.stop="closeCommandPalette()" 2891 x-trap.inert.noscroll="open" 2892 class="relative font-body z-30 pointer-events-none" 2893 > 2894 <!-- Background backdrop, show/hide based on modal state. --> 2895 <div x-show="open" 2896 x-cloak 2897 style="display: none;" 2898 x-transition:enter="ease-out duration-300" 2899 x-transition:enter-start="opacity-0" 2900 x-transition:enter-end="opacity-100" 2901 x-transition:leave="ease-in duration-200" 2902 x-transition:leave-start="opacity-100" 2903 x-transition:leave-end="opacity-0" 2904 class="fixed inset-0 font-body pointer-events-auto backdrop-blur-xs bg-gray-700/50 transition" 2905 tabindex="-1" 2906 aria-hidden="true" 2907 ></div> 2908 2909 <div class="fixed inset-0 z-10 w-screen overflow-y-auto p-4 sm:p-6 md:p-20"> 2910 <!-- Command palette, show/hide based on modal state. --> 2911 <div x-show="open" 2912 x-cloak 2913 style="display: none;" 2914 x-transition:enter="ease-out duration-300" 2915 x-transition:enter-start="opacity-0 scale-95" 2916 x-transition:enter-end="opacity-100 scale-100" 2917 x-transition:leave="ease-in duration-200" 2918 x-transition:leave-start="opacity-100 scale-100" 2919 x-transition:leave-end="opacity-0 scale-95" 2920 x-on:click.outside="closeCommandPalette()" 2921 class=" pointer-events-auto mx-auto max-w-xl transform divide-y divide-gray-100 overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black/5 transition-all" 2922 role="dialog" 2923 aria-modal="true" 2924 aria-labelledby="product-search-title" 2925 > 2926 <h3 id="product-search-title" class="sr-only">Product search</h3> 2927 <div class="relative pointer-events-auto"> 2928 <svg class="pointer-events-none absolute left-4 top-3.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2929 <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd"></path> 2930 </svg> 2931 <input x-ref="elFilter" 2932 wire:model.live.debounce.150ms="term" 2933 x-on:keydown.enter.prevent.stop="onOptionSelected()" 2934 x-on:keydown.up.prevent.stop="navigateResults('previous')" 2935 x-on:keydown.down.prevent.stop="navigateResults('next')" 2936 x-on:keydown.home.prevent.stop="navigateResults('first')" 2937 x-on:keydown.end.prevent.stop="navigateResults('last')" 2938 x-on:keydown.page-up.prevent.stop="navigateResults('first')" 2939 x-on:keydown.page-down.prevent.stop="navigateResults('last')" 2940 type="text" 2941 class="h-12 w-full border-0 bg-transparent pl-12 pr-12 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" 2942 placeholder="What can we help you find?" 2943 tabindex="0" 2944 role="combobox" 2945 aria-expanded="false" 2946 aria-controls="options" 2947 > 2948 <svg x-show="filterTerm !== ''" wire:loading.inline class="pointer-events-none absolute right-4 top-3.5 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 2949 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 2950 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 2951 </svg> 2952 </div> 2953 2954 <ul x-show="filterTerm !== '' && filterResults.length > 0" 2955 x-ref="elListbox" 2956 x-on:mousemove.throttle="enableMouseInteraction()" 2957 x-on:mouseleave="setHighlighted(null)" 2958 class="max-h-72 m-0 overflow-auto rounded-b-xl bg-white p-2" 2959 id="options" 2960 role="listbox"
2961 :aria-expanded="open && filterTerm !== '' && filterResults.length > 0" 2962 > 2963 <template x-for="option in filterResults" :key="option.id"> 2964 <li 2965 x-on:mouseenter="setHighlighted(option.id, 'mouse')" 2966 x-bind:class="{ 2967 'text-white bg-keppel-400': isHighlighted(option.id), 2968 'text-gray-600': ! isHighlighted(option.id), 2969 }" 2970 x-bind:data-selected="isHighlighted(option.id)" 2971 x-bind:data-id="option.id" 2972 x-bind:data-label="option.title" 2973 x-bind:aria-selected="isHighlighted(option.id)" 2974 class="group flex cursor-pointer items-center justify-between gap-3 rounded-lg px-3 text-sm" 2975 role="option" 2976 tabindex="-1" 2977 > 2978 <a :href="`/store/product/${option.slug}`" class="no-underline w-full"> 2979 <div class="flex grow justify-between items-center gap-3 py-2"> 2980 <span x-text="option.title" class="font-medium" x-bind:class="{ 2981 'text-white': isHighlighted(option.id), 2982 'text-gray-600': ! isHighlighted(option.id), 2983 }"></span> 2984 </div> 2985 </a> 2986 2987 </li> 2988 </template> 2989 </ul> 2990 2991 <!-- END Listbox --> 2992 2993 <!-- No Results Feedback --> 2994 <div x-show="filterTerm !== '' && filterResults.length === 0" 2995 x-cloak 2996 class="rounded-b-xl bg-white p-3 " 2997 > 2998 <div class="space-y-3 py-8 text-center text-sm text-gray-500"> 2999 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" data-slot="icon" class="hi-outline hi-x-circle inline-block size-8 opacity-50"> 3000 <path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-2.25-1.313M21 7.5v2.25m0-2.25-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3 2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75 2.25-1.313M12 21.75V19.5m0 2.25-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"/> 3001 </svg> 3002 3003 <p>No matching products found.</p> 3004 </div> 3005 </div> 3006 <!-- END No Results Feedback --> 3007 </div> 3008 </div> 3009 </div> 3010</div> 3011<div wire:key="lw-2507046029-3" wire:snapshot="{"data":{"open":false,"component":"","params":[[],{"s":"arr"}]},"memo":{"id":"Vg4Za1sqXvEVolXehbdo","name":"theme.modals.modal","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"e1c5b132243d958ff351c1a684acaa6a21ecc99171af39b68223101fbf5706ed"}" wire:effects="{"listeners":["openThemeModal","closeThemeModal"]}" wire:id="Vg4Za1sqXvEVolXehbdo" wire:name="theme.modals.modal" x-data="{ open: $wire.entangle('open') }" 3012 x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))" 3013 x-show="open" 3014 x-cloak 3015 @keydown.window.escape="$dispatch('closeThemeModal')" 3016 class="" 3017 aria-labelledby="slide-over-title" 3018 x-ref="dialog" 3019 aria-modal="true" 3020 @click.stop="" 3021> 3022 <div 3023 class="relative font-body z-[1000]" 3024 > 3025 <div 3026 x-show="open" 3027 x-cloak="" style="display: none;" x-transition:enter="ease-out duration-300" 3028 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" 3029 x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" 3030 x-transition:leave-end="opacity-0" 3031 class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity"></div> 3032 3033 <div x-show="open" class="pointer-events-none fixed inset-0 z-10 overflow-y-auto"> 3034 <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> 3035 <div x-show="open" x-cloak="" style="display: none;" x-transition:enter="ease-out duration-300" 3036 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3037 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 3038 x-transition:leave="ease-in duration-200" 3039 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 3040 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3041 class="pointer-events-auto relative transform transition-all"> 3042 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3043 </div> 3044 </div> 3045 </div> 3046</div> 3047 3048 3049
3050<ui-modal wire:key="lw-2507046029-4" wire:snapshot="{"data":{"cart":null,"delivery_method":null},"memo":{"id":"PuzDK1RsJJpa2nwiHwAj","name":"theme.cart-drawer","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"17003c1b6126c835875aec119e57578fe1471cae0d456ced563ec976ee001b75"}" wire:effects="{"listeners":["cartUpdated","cartDeliveryMethodUpdated","addressUpdated","auth-state-changed"]}" wire:id="PuzDK1RsJJpa2nwiHwAj" wire:name="theme.cart-drawer" data-flux-modal> 3051 3052 <dialog 3053 wire:ignore.self 3054 class="fixed m-0 p-8 max-h-dvh min-h-dvh md:[:where(&)]:min-w-[25rem] overflow-y-auto ml-auto [--flux-flyout-translate:translateX(50px)] border-s rtl:ml-0 rtl:mr-auto rtl:[--flux-flyout-translate:translateX(-50px)] bg-white dark:bg-zinc-800 border-transparent dark:border-zinc-700 h-full p-0! w-full max-w-md" 3055 data-modal="cart-drawer" data-flux-flyout x-data="fluxModal('cart-drawer', 'PuzDK1RsJJpa2nwiHwAj')" 3056 x-on:modal-show.document="handleShow($event)" 3057 x-on:modal-close.document="handleClose($event)" 3058 > 3059 <div class="relative flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl"> 3060 <div class="shrink-0 justify-end px-3 py-2 sm:px-4"> 3061 <div class="flex items-center justify-between"> 3062 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 text-xs font-semibold text-gray-900" data-flux-heading>Your Custom Box</div> 3063 <div class="ml-3 flex h-7 items-center"> 3064 <ui-close data-flux-modal-close > 3065 <button type="button" command="close" commandfor="drawer" class="relative rounded-md text-gray-400 hover:text-gray-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"> 3066 <span class="absolute -inset-2.5"></span> 3067 <span class="sr-only">Close panel</span> 3068 <svg class="shrink-0 [:where(&)]:size-6 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 3069 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/> 3070</svg> 3071 3072 </button> 3073</ui-close> 3074 </div> 3075 </div> 3076 </div> 3077 <div class="flex min-h-0 flex-1 flex-col overflow-y-auto"> 3078 <div class="flex-1"> 3079 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3080 <div class="space-y-4 bg-white pb-4 px-3 sm:px-4"> 3081 <!--[if BLOCK]><![endif]--> <div class="bg-white py-6 px-3 text-center sm:px-4"> 3082 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 text-xl font-display" data-flux-heading>Empty Box</div> 3083 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1" data-flux-text >Get started by adding a product to your custom box</p> <a href="https://sevensons.net/store" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] mt-4" data-flux-group-target="data-flux-group-target"> 3084 Build My Box 3085 </a> 3086 </div> 3087 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3088 3089 </div> 3090 </div> 3091 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3092 3093 </dialog> 3094</ui-modal> 3095
3096<ui-modal wire:key="lw-2507046029-5" wire:snapshot="{"data":{"cart":null,"selected_frequency":28,"selected_incentive_id":1893,"postal_code":"","username":"","timestamp":1790368684},"memo":{"id":"cSqG2WKCP7IO9Ie1xG7M","name":"theme.subscribe-offer-drawer","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":["667433866-0"],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"4714e32235c8ba9dff35f0a0edb15eecee6c5dd9983ba9080fc4ac6bec0e66c0"}" wire:effects="{"scripts":{"667433866-0":"<script>\n $js('handleShow', event => {\n gtag('event', 'view_promotion', {\n creative_name: 'subscribe_and_save_in_store',\n creative_slot: 'subscribe_and_save_offer_drawer',\n promotion_name: 'Subscribe & Save',\n promotion_id: 'subscribe_and_save',\n items: [] });\n });\n<\/script>\n "},"listeners":["auth-state-change","cartUpdated","open-subscribe-offer-drawer"]}" wire:id="cSqG2WKCP7IO9Ie1xG7M" wire:name="theme.subscribe-offer-drawer" x-data="{ handleShow(event) { 3097 if (event.detail.name === 'subscribe-offer-drawer' && typeof gtag !== 'undefined') { 3098 $js.handleShow(event) 3099 } 3100 }, showPostalForm: false }" x-on:modal-show.document="handleShow" data-flux-modal> 3101 3102 <dialog 3103 wire:ignore.self 3104 class="fixed m-0 p-8 max-h-dvh min-h-dvh md:[:where(&)]:min-w-[25rem] overflow-y-auto ml-auto [--flux-flyout-translate:translateX(50px)] border-s rtl:ml-0 rtl:mr-auto rtl:[--flux-flyout-translate:translateX(-50px)] bg-white dark:bg-zinc-800 border-transparent dark:border-zinc-700 h-full p-0! md:max-w-[25rem]" 3105 data-modal="subscribe-offer-drawer" data-flux-flyout x-data="fluxModal('subscribe-offer-drawer', 'cSqG2WKCP7IO9Ie1xG7M')" 3106 x-on:modal-show.document="handleShow($event)" 3107 x-on:modal-close.document="handleClose($event)" 3108 > 3109 <div class="relative flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl "> 3110 <div class="shrink-0 justify-end px-3 py-3 sm:px-4"> 3111 <div class="flex items-center justify-between"> 3112 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 font-semibold text-gray-900" data-flux-heading>Subscribe & Save</div> 3113 <div class="ml-3 flex h-7 items-center"> 3114 <ui-close data-flux-modal-close > 3115 <button type="button" command="close" commandfor="drawer" class="relative rounded-md text-gray-400 hover:text-gray-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"> 3116 <span class="absolute -inset-2.5"></span> 3117 <span class="sr-only">Close panel</span> 3118 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-5"> 3119 <path d="M6 18 18 6M6 6l12 12" stroke-linecap="round" stroke-linejoin="round"/> 3120 </svg> 3121 </button> 3122</ui-close> 3123 </div> 3124 </div> 3125 </div> 3126 <div class="flex min-h-0 flex-1 flex-col overflow-y-auto"> 3127 3128 <div class="relative flex-1"> 3129 <div class="bg-barley-corn-50 px-3 py-4 sm:px-4"> 3130 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 font-semibold text-barley-corn-900" data-flux-heading>What you get when you subscribe to your box:</div> 3131 3132 <ul role="list" class="mt-2"> 3133 <li class="relative flex items-center space-x-4 py-1"> 3134 <div class="min-w-0 flex-auto"> 3135 <div class="flex items-start gap-x-2"> 3136 <div class="flex-none"> 3137 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5"> 3138 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 3139 </svg> 3140 </div> 3141 <div class="min-w-0"> 3142 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">5% savings</span> site-wide</p> </div> 3143 </div> 3144 </div> 3145 </li> 3146 <li class="relative flex items-center space-x-4 py-2"> 3147 <div class="min-w-0 flex-auto"> 3148 <div class="flex items-start gap-x-2"> 3149 <div class="flex-none"> 3150 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5"> 3151 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 3152 </svg> 3153 </div> 3154 <div class="min-w-0"> 3155 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">Free item</span> with each delivery (choose below)</p> </div> 3156 </div> 3157 </div> 3158 </li> 3159 <li class="relative flex items-center space-x-4 py-2"> 3160 <div class="min-w-0 flex-auto"> 3161 <div class="flex items-start gap-x-2"> 3162 <div class="flex-none"> 3163 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5"> 3164 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 3165 </svg> 3166 3167 </div> 3168 <div class="min-w-0"> 3169 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">$25 store credit</span> to use on your next order - Available to first-time subscribers only</p> </div> 3170 </div> 3171 </div> 3172 </li> 3173 <li class="relative flex items-center space-x-4 py-2"> 3174 <div class="min-w-0 flex-auto"> 3175 <div class="flex items-start gap-x-2"> 3176 <div class="flex-none"> 3177 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5"> 3178 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 3179 </svg> 3180 </div> 3181 <div class="min-w-0"> 3182 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">100% Customizable</span> - Pause, skip, or cancel anytime with no penalties</p> </div> 3183 </div> 3184 </div> 3185 </li> 3186 </ul> 3187 </div> 3188 <div class="px-3 py-4 sm:px-4 space-y-4"> 3189 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 3190 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 3191 Choose Your Free Item 3192 3193 3194 3195 </ui-label> 3196 3197 3198 <ui-radio-group class="flex gap-3 flex-col" wire:model="selected_incentive_id" label="Cho
3198ose Your Free Item" data-flux-radio-group-cards> 3199 <!--[if BLOCK]><![endif]--> <ui-radio class="relative flex justify-between gap-3 flex-1 p-4 rounded-lg shadow-xs bg-white dark:bg-white/10 dark:hover:bg-white/15 dark:data-checked:bg-white/15 after:absolute after:-inset-px after:rounded-lg border border-zinc-800/15 dark:border-white/10 [--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_97.5%)] [--haze-border:color-mix(in_oklab,_var(--color-accent-content),_transparent_80%)] [--haze-light:color-mix(in_oklab,_var(--color-accent),_transparent_98%)] dark:[--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] [&:hover_[data-flux-radio-indicator]]:border-[var(--haze-border)] dark:[&:hover_[data-flux-radio-indicator]]:border-white/10 hover:border-[var(--haze-border)] dark:hover:border-white/10 data-checked:border-(--color-accent) hover:data-checked:border-(--color-accent) dark:data-checked:bg-white/15 hover:after:bg-[var(--haze-light)] dark:hover:after:bg-white/[4%] data-checked:after:bg-(--haze) hover:data-checked:after:bg-(--haze) [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[disabled]]:pointer-events-none" value="1893" data-flux-control data-flux-radio-cards tabindex="-1" data-flux-field> 3200 <div class="flex-1 flex items-center space-x-4"> 3201 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/th_1758116242_68cab9921608e.webp" alt="1 lb. Ground Beef" class="size-12 flex-none rounded-md bg-gray-50 "/> 3202 <div> 3203 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 leading-4" data-flux-heading>1 lb. Ground Beef</div> 3204 <p class="[:where(&)]:font-normal text-xs [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1.5 text-keppel-600 font-medium" data-flux-text ><span class="line-through text-gray-500 font-normal">$12.60</span> FREE</p> <p class="[:where(&)]:font-normal text-xs [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1" data-flux-text >Qty 1</p> </div> 3205 </div> 3206 <div class="shrink-0 size-[1.125rem] rounded-full text-sm text-zinc-700 dark:text-zinc-800 shadow-xs [ui-radio[disabled]_&]:opacity-75 [ui-radio[data-checked][disabled]_&]:opacity-50 [ui-radio[disabled]_&]:shadow-none [ui-radio[data-checked]_&]:shadow-none flex justify-center items-center [ui-radio[data-checked]_&>div]:block border border-zinc-300 dark:border-white/10 [ui-radio[disabled]_&]:border-zinc-200 dark:[ui-radio[disabled]_&]:border-white/5 [ui-radio[data-checked]_&]:border-transparent data-indeterminate:border-transparent [ui-radio[data-checked]_&]:[ui-radio[disabled]_&]:border-transparent data-indeterminate:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 [ui-radio[data-checked]_&]:bg-[var(--color-accent)] hover:[ui-radio[data-checked]_&]:bg-(--color-accent) focus:[ui-radio[data-checked]_&]:bg-(--color-accent)" data-flux-radio-indicator> 3207 <div class="hidden size-2 rounded-full bg-[var(--color-accent-foreground)]"></div> 3208</div> 3209 </ui-radio> 3210 <ui-radio class="relative flex justify-between gap-3 flex-1 p-4 rounded-lg shadow-xs bg-white dark:bg-white/10 dark:hover:bg-white/15 dark:data-checked:bg-white/15 after:absolute after:-inset-px after:rounded-lg border border-zinc-800/15 dark:border-white/10 [--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_97.5%)] [--haze-border:color-mix(in_oklab,_var(--color-accent-content),_transparent_80%)] [--haze-light:color-mix(in_oklab,_var(--color-accent),_transparent_98%)] dark:[--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] [&:hover_[data-flux-radio-indicator]]:border-[var(--haze-border)] dark:[&:hover_[data-flux-radio-indicator]]:border-white/10 hover:border-[var(--haze-border)] dark:hover:border-white/10 data-checked:border-(--color-accent) hover:data-checked:border-(--color-accent) dar
3210k:data-checked:bg-white/15 hover:after:bg-[var(--haze-light)] dark:hover:after:bg-white/[4%] data-checked:after:bg-(--haze) hover:data-checked:after:bg-(--haze) [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[disabled]]:pointer-events-none" value="1981" data-flux-control data-flux-radio-cards tabindex="-1" data-flux-field> 3211 <div class="flex-1 flex items-center space-x-4"> 3212 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/th_1543348091_5bfd9f7bca6a0.jpg" alt="1 pkg. Bacon-Infused Burgers" class="size-12 flex-none rounded-md bg-gray-50 "/> 3213 <div> 3214 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 leading-4" data-flux-heading>1 pkg. Bacon-Infused Burgers</div> 3215 <p class="[:where(&)]:font-normal text-xs [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1.5 text-keppel-600 font-medium" data-flux-text ><span class="line-through text-gray-500 font-normal">$10.95</span> FREE</p> <p class="[:where(&)]:font-normal text-xs [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1" data-flux-text >Qty 1</p> </div> 3216 </div> 3217 <div class="shrink-0 size-[1.125rem] rounded-full text-sm text-zinc-700 dark:text-zinc-800 shadow-xs [ui-radio[disabled]_&]:opacity-75 [ui-radio[data-checked][disabled]_&]:opacity-50 [ui-radio[disabled]_&]:shadow-none [ui-radio[data-checked]_&]:shadow-none flex justify-center items-center [ui-radio[data-checked]_&>div]:block border border-zinc-300 dark:border-white/10 [ui-radio[disabled]_&]:border-zinc-200 dark:[ui-radio[disabled]_&]:border-white/5 [ui-radio[data-checked]_&]:border-transparent data-indeterminate:border-transparent [ui-radio[data-checked]_&]:[ui-radio[disabled]_&]:border-transparent data-indeterminate:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 [ui-radio[data-checked]_&]:bg-[var(--color-accent)] hover:[ui-radio[data-checked]_&]:bg-(--color-accent) focus:[ui-radio[data-checked]_&]:bg-(--color-accent)" data-flux-radio-indicator> 3218 <div class="hidden size-2 rounded-full bg-[var(--color-accent-foreground)]"></div> 3219</div> 3220 </ui-radio> 3221 <ui-radio class="relative flex justify-between gap-3 flex-1 p-4 rounded-lg shadow-xs bg-white dark:bg-white/10 dark:hover:bg-white/15 dark:data-checked:bg-white/15 after:absolute after:-inset-px after:rounded-lg border border-zinc-800/15 dark:border-white/10 [--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_97.5%)] [--haze-border:color-mix(in_oklab,_var(--color-accent-content),_transparent_80%)] [--haze-light:color-mix(in_oklab,_var(--color-accent),_transparent_98%)] dark:[--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] [&:hover_[data-flux-radio-indicator]]:border-[var(--haze-border)] dark:[&:hover_[data-flux-radio-indicator]]:border-white/10 hover:border-[var(--haze-border)] dark:hover:border-white/10 data-checked:border-(--color-accent) hover:data-checked:border-(--color-accent) dark:data-checked:bg-white/15 hover:after:bg-[var(--haze-light)] dark:hover:after:bg-white/[4%] data-checked:after:bg-(--haze) hover:data-checked:after:bg-(--haze) [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[disabled]]:pointer-events-none" value="1630" data-flux-control data-flux-radio-cards tabindex="-1" data-flux-field> 3222 <div class="flex-1 flex items-center space-x-4"> 3223 <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/th_1750073190_684fff665fce0.webp" alt="1 lb. Breakfast Sausage" class="size-12 flex-none rounded-md bg-gray-50 "/> 3224 <div> 3225 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 leading-4" data-flux-heading>1 lb. Breakfast Sausage</div> 3226 <p class="[:where(&)]:font-normal text-xs [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1.5 text-keppel-600 font-medium" data-flux-text ><span class="line-through text-gray-500 font-normal">$12.75</span> FREE</p> <p class="[:where(&)]:font-normal text-xs [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1" data-flux-text >Qty 1</p> </div> 3227 </div> 3228 <div class="shrink-0 size-[1.125rem] rounded-full text-sm text-zinc-700 dark:text-zinc-800 shadow-xs [ui-radio[disabled]_&]:opacity-75 [ui-radio[data-checked][disabled]_&]:opacity-50 [ui-radio[disabled]_&]:shadow-none [ui-radio[data-checked]_&]:shadow-none flex justify-center items-center [ui-radio[data-checked]_&>div]:block border border-zinc-300 dark:border-white/10 [ui-radio[disabled]_&]:border-zinc-200 dark:[ui-radio[disabled]_&]:border-white/5 [ui-radio[data-checked]_&]:border-transparent data-indeterminate:border-transparent [ui-radio[data-checked]_&]:[ui-radio[disabled]_&]:border-transparent data-indeterminate:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 [ui-radio[data-checked]_&]:bg-[var(--color-accent)] hover:[ui-radio[data-checked]_&]:bg-(--color-accent) focus:[ui-radio[data-checked]_&]:bg-(--color-accent)" data-flux-radio-indicator>
3229 <div class="hidden size-2 rounded-full bg-[var(--color-accent-foreground)]"></div> 3230</div> 3231 </ui-radio> 3232 <!--[if ENDBLOCK]><![endif]--> 3233 </ui-radio-group> 3234 3235 3236 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 3237 </div> 3238</ui-field> 3239 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 3240 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 3241 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 3242 Choose Your Frequency 3243 3244 3245 3246 </ui-label> 3247 3248 3249 <select 3250 class="appearance-none [:where(&)]:w-full ps-3 pe-10 block h-10 py-2 text-base sm:text-sm leading-[1.375rem] rounded-lg shadow-xs border bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 dark:text-zinc-300 disabled:text-zinc-500 dark:disabled:text-zinc-400 has-[option.placeholder:checked]:text-zinc-400 dark:has-[option.placeholder:checked]:text-zinc-400 dark:[&>option]:bg-zinc-700 dark:[&>option]:text-white disabled:shadow-none border border-zinc-200 border-b-zinc-300/80 dark:border-white/10" wire:model="selected_frequency" label="Choose Your Frequency" 3251 name="selected_frequency" data-flux-control 3252 data-flux-select-native 3253 data-flux-group-target 3254> 3255 <option value="" disabled selected class="placeholder">Choose Your Frequency</option> 3256 3257 <option 3258 3259 value="14" wire:key="14" >Every 2 weeks</option> <option 3260 3261 value="28" wire:key="28" >Every 4 weeks</option> <option 3262 3263 value="42" wire:key="42" >Every 6 weeks</option> 3264</select> 3265 3266 3267 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 3268 </div> 3269</ui-field> 3270 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 3271 </div> 3272</ui-field> 3273 <div class="flex items-center justify-center space-x-2"> 3274 <svg class="shrink-0 [:where(&)]:size-6 text-gray-400 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 3275 <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/> 3276</svg> 3277 3278 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-sm!" data-flux-text >You can always change these choices later.</p> </div> 3279 </div> 3280 3281 <div class="shrink-0 px-4 py-3 space-y-4"> 3282 3283 <!--[if BLOCK]><![endif]--> <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white w-full cursor-pointer font-semibold bg-buttercup-300! hover:bg-buttercup-200!" data-flux-button="data-flux-button" x-on:click="showPostalForm = true"> 3284 Claim Offer 3285 </button> 3286 <!--[if ENDBLOCK]><![endif]--> <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&]:border-s-0 [:is([data-flux-button-group]>&:first-child,_[data-flux-button-group]_:first-child>&)]:border-s-[1px] *:transition-opacity [&[data-loading]>:not([data-flux-loading-indicator])]:opacity-0 [&[data-flux-loading]>:not([data-flux-loading-indicator])]:opacity-0 [&[data-loading]>[data-flux-loading-indicator]]:opacity-100 [&[data-flux-loading]>[data-flux-loading-indicator]]:opacity-100 data-loading:pointer-events-none data-flux-loading:pointer-events-none w-full cursor-pointer font-semibold" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" wire:target="saveOneTime" wire:loading.attr="data-flux-loading" wire:click="saveOneTime"> 3287 <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator> 3288 <svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon"> 3289 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 3290 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 3291</svg> 3292 </div> 3293 3294 3295 3296
3297 <span>No, Ship Once</span> 3298 </button> 3299 </div> 3300 </div> 3301 </div> 3302 3303 <!--[if BLOCK]><![endif]--> <div x-show="showPostalForm" 3304 x-cloak 3305 x-transition:enter="transition ease-out duration-150" 3306 x-transition:enter-start="opacity-0" 3307 x-transition:enter-end="opacity-100" 3308 x-transition:leave="transition ease-in duration-150" 3309 x-transition:leave-start="opacity-100" 3310 x-transition:leave-end="opacity-0" 3311 class="absolute inset-0 w-full h-full bg-gray-900/50 px-4 pt-16" 3312 > 3313 <div class="bg-white w-full rounded-md p-4"> 3314 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 text-xl text-center" data-flux-heading>Before You Get Started</div> 3315 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1 text-center" data-flux-text >ðEnter your postal code so we can confirm delivery</p> <form wire:submit.prevent="checkAvailability" method="POST"> 3316 <input type="hidden" name="_token" value="mmmkgPSBVsSIKfqdkT4RMk55R9jYTD4IPUx4dcFh" autocomplete="off"> <div class="hidden"> 3317 <input type="text" wire:model="username" autocomplete="off" tabindex="-1" class="hidden"> 3318 <input type="text" wire:model="timestamp" autocomplete="off" tabindex="-1" class="hidden"> 3319 </div> 3320 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3 mt-4" data-flux-field> 3321 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 3322 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 3323 Postal code 3324 3325 3326 3327 </ui-label> 3328 3329 3330 <div class="w-full relative block group/input" data-flux-input> 3331 3332 <input 3333 type="text" 3334 3335 class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" wire:model="postal_code" label="Postal code" 3336 name="postal_code" data-flux-control 3337 data-flux-group-target 3338 > 3339 3340 </div> 3341 3342 3343 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 3344 </div> 3345</ui-field> 3346</ui-field> 3347 <div class="mt-4 space-y-2"> 3348 <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&[disabled]>:not([data-flux-loading-indicator])]:opacity-0 [&[disabled]>[data-flux-loading-indicator]]:opacity-100 [&[disabled]]:pointer-events-none w-full cursor-pointer" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target"> 3349 <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator> 3350 <svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon"> 3351 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 3352 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 3353</svg> 3354 </div> 3355 3356 3357 3358
3359 <span>Continue</span> 3360 </button> 3361 <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white w-full cursor-pointer font-semibold" data-flux-button="data-flux-button" x-on:click="showPostalForm = false; $flux.modal('subscribe-offer-drawer').close();"> 3362 Nevermind 3363 </button> 3364 </div> 3365 </form> 3366 </div> 3367 </div> 3368 <!--[if ENDBLOCK]><![endif]--> </div> 3369 3370 </dialog> 3371</ui-modal> 3372 3373 3374 3375 3376 3377<div wire:key="lw-2507046029-6-42-0" wire:snapshot="{"data":{"street":"","street_2":"","city":"","state":"","postal_code":"","instructions":"","is_default":false,"redirect_after_submit":true,"open":false},"memo":{"id":"2qBnMma92WXoNxSl4tFe","name":"theme.modals.add-address","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"23ca4ab327b126680eb7aea8134d3b6c4cde26575c78c961f1d0433ff9d9dd1e"}" wire:effects="{"listeners":["close-modal-add-address","open-modal-add-address","modal-escaped"]}" wire:id="2qBnMma92WXoNxSl4tFe" wire:name="theme.modals.add-address" x-data="{ open: $wire.entangle('open') }" 3378 x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))" 3379 x-show="open" 3380 x-cloak 3381 @keydown.window.escape="$dispatch('modal-escaped')" 3382 @click.away="$dispatch('modal-escaped')" 3383 class="" 3384 aria-labelledby="modal-title" 3385 x-ref="dialog" 3386 aria-modal="true" 3387> 3388 <div class="font-body relative z-[1000]"> 3389 <div 3390 x-show="open" 3391 x-cloak 3392 style="display: none;" 3393 x-transition:enter="ease-out duration-300" 3394 x-transition:enter-start="opacity-0" 3395 x-transition:enter-end="opacity-100" 3396 x-transition:leave="ease-in duration-200" 3397 x-transition:leave-start="opacity-100" 3398 x-transition:leave-end="opacity-0" 3399 class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity" 3400 ></div> 3401 3402 <div x-show="open" class="font-body pointer-events-none fixed inset-0 z-10 overflow-y-auto"> 3403 <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> 3404 <div x-show="open" 3405 x-cloak 3406 style="display: none;" 3407 x-transition:enter="ease-out duration-300" 3408 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3409 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 3410 x-transition:leave="ease-in duration-200" 3411 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 3412 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3413 class="pointer-events-auto relative transform transition-all" 3414 3415 > 3416 <form 3417 x-data="googleAutocomplete( 3418 'AIzaSyDI7k-3yXiGp9i-5p02_B4-M1kgKbnvkjo', 3419 $refs.autocompleteGoogle 3420 )" 3421 x-trap="open" 3422 @google-place-changed="event => { 3423 $wire.street = event.detail.street ?? ''; 3424 $wire.city = event.detail.city ?? ''; 3425 $wire.state = event.detail.state ?? ''; 3426 $wire.postal_code = event.detail.postal_code ?? ''; 3427 }" 3428 wire:submit="submit" 3429 class="relative transform rounded-lg bg-white text-left shadow-xl sm:my-8 sm:w-full sm:max-w-2xl" 3430 > 3431 <div class="rounded-t-lg bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4"> 3432 <div class="sm:flex sm:items-start"> 3433 <div class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-keppel-400/25
3433sm:mx-0 sm:h-10 sm:w-10"> 3434 <svg class="h-6 w-6 text-keppel-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3435 <path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"></path> 3436 </svg> 3437 </div> 3438 <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left"> 3439 <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title">Add new address</h3> 3440 <div class="mt-2"> 3441 <p class="text-sm text-gray-500">Add a new shipping address to your account.</p> 3442 </div> 3443 <div class="text-left mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6"> 3444 <div class="col-span-full sm:col-span-4"> 3445 <label for="street" class="block text-sm font-medium text-gray-700">Street</label> 3446 <div class="relative mt-1 rounded-md shadow-xs"> 3447 <input type="text" x-ref="autocompleteGoogle" wire:model="street" name="street" id="street" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="street-error"> 3448 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3449 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3450 3451 <div class="col-span-full sm:col-span-2"> 3452 <label for="street_2" class="block text-sm font-medium text-gray-700">Apt, unit, etc.</label> 3453 <div class="relative mt-1 rounded-md shadow-xs"> 3454 <input type="text" wire:model="street_2" name="street_2" id="street_2" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="street_2-error"> 3455 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3456 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3457 3458 <div class="sm:col-span-2 sm:col-start-1"> 3459 <label for="city" class="block text-sm font-medium text-gray-700">City</label> 3460 <div class="relative mt-1 rounded-md shadow-xs"> 3461 <input type="text" wire:model="city" name="city" id="city" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="city-error"> 3462 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3463 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3464 3465 <div class="sm:col-span-2"> 3466 <label for="state" class="block text-sm font-medium text-gray-700">State</label> 3467 <div class="relative mt-1 rounded-md shadow-xs"> 3468 <select wire:model.lazy="state" id="state" name="state" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="state-error"> 3469 <option value="">Select state...</option> 3470 <!--[if BLOCK]><![endif]--> <option value="AL">Alabama</option> 3471 <option value="AK">Alaska</option> 3472 <option value="AZ">Arizona</option> 3473 <option value="AR">Arkansas</option> 3474 <option value="CA">California</option> 3475 <option value="CO">Colorado</option> 3476 <option value="CT">Connecticut</option> 3477 <option value="DE">Delaware</option> 3478 <option value="DC">District Of Columbia</option> 3479 <option value="FL">Florida</option> 3480 <option value="GA">Georgia</option> 3481 <option value="HI">Hawaii</option> 3482 <option value="ID">Idaho</option> 3483 <option value="IL">Illinois</option> 3484 <option value="IN">Indiana</option> 3485 <option value="IA">Iowa</option> 3486 <option value="KS">Kansas</option> 3487 <option value="KY">Kentucky</option> 3488 <option value="LA">Louisiana</option> 3489 <option value="ME">Maine</option> 3490 <option value="MD">Maryland</option> 3491 <option value="MA">Massachusetts</option> 3492 <option value="MI">Michigan</option> 3493 <option value="MN">Minnesota</option> 3494 <option value="MS">Mississippi</option> 3495 <option value="MO">Missouri</option> 3496 <option value="MT">Montana</option> 3497 <option value="NE">Nebraska</option> 3498 <option value="NV">Nevada</option> 3499 <option value="NH">New Hampshire</option> 3500 <option value="NJ">New Jersey</option> 3501 <option value="NM">New Mexico</option> 3502 <option value="NY">New York</option> 3503 <option value="NC">North Carolina</option> 3504 <option value="ND">North Dakota</option> 3505 <option value="OH">Ohio</option> 3506 <option value="OK">Oklahoma</option> 3507 <option value="OR">Oregon</option> 3508 <option value="PA">Pennsylvania</option> 3509 <option value="RI">Rhode Island</option> 3510 <option value="SC">South Carolina</option> 3511 <option value="SD">South Dakota</option> 3512 <option value="TN">Tennessee</option> 3513 <option value="TX">Texas</option> 3514 <option value="UT">Utah</option> 3515 <option value="VT">Vermont</option> 3516 <option value="VA">Virginia</option> 3517 <option value="WA">Washington</option> 3518 <option value="WV">West Virginia</option> 3519 <option value="WI">Wisconsin</option> 3520 <option value="WY">Wyoming</option> 3521 <option value="PR">Puerto Rico</option> 3522 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="NL">Newfoundland</option> 3523 <option value="PE">Prince Edward Island</option> 3524 <option value="NS">Nova Scotia</option> 3525 <option value="NB">New Brunswick</option> 3526 <option value="QB">Quebec</option> 3527 <option value="ON">Ontario</option> 3528 <option value="MB">Manitoba</option> 3529 <option value="SK">Saskatchewan</option> 3530 <option value="AB">Alberta</option> 3531 <option value="BC">British Columbia</option> 3532 <option value="YT">Yukon</option> 3533 <option value="NT">Northwest Territories</option> 3534 <option value="NU">Nunavut</option> 3535 <!--[if ENDBLOCK]><![endif]--> </select> 3536 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3537 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3538 3539 <div class="sm:col-span-2"> 3540 <label for="postal_code" class="block text-sm font-medium text-gray-700">Postal code</label> 3541 <div class="relative mt-1 rounded-md shadow-xs"> 3542 <input type="text" wire:model="postal_code" name="postal_code" id="postal_code" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focu
3542s:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="postal_code-error"> 3543 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3544 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3545 3546 <div class="col-span-full"> 3547 <div class="relative flex items-start"> 3548 <div class="flex h-6 items-center"> 3549 <input id="is_default" wire:model="is_default" aria-describedby="is_default-description" name="is_default" type="checkbox" class="h-4 w-4 rounded text-chestnut-rose-500 border-gray-300 focus:ring-2 focus:ring-chestnut-rose-500"> 3550 </div> 3551 <div class="ml-3 leading-6"> 3552 <label for="is_default" class="m-0 font-medium text-sm text-gray-900">Default</label> 3553 <p id="is_default-description" class="m-0 text-sm text-gray-500 ">Use this when starting a new order</p> 3554 </div> 3555 </div> 3556 </div> 3557 </div> 3558 </div> 3559 </div> 3560 </div> 3561 <div class="rounded-b-lg bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6"> 3562 <button type="submit" wire:loading.attr="disabled" wire:target="submit" class="inline-flex w-full justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500 sm:ml-3 sm:w-auto"> 3563 <span wire:loading.remove wire:target="submit">Add</span> 3564 <svg wire:loading.inline wire:target="submit" class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 3565 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 3566 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 3567 </svg> 3568 </button> 3569 <button type="button" wire:loading.attr="disabled" wire:target="submit" wire:click="close" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"> 3570 Cancel 3571 </button> 3572 </div> 3573 </form> 3574 </div> 3575 </div> 3576 </div> 3577 </div> 3578</div> 3579<div wire:key="lw-2507046029-7-42-2" wire:snapshot="{"data":{"product_id":null,"product_metadata":[[],{"s":"arr"}],"selected_variant_id":null,"open":false,"product":null,"has_subscription":false,"has_order":false},"memo":{"id":"Jku2Wf00LlVAlxHhvWUs","name":"theme.modals.product-quickview","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"eef3c279c8e71d9cefa8299bf813c7dc22043506aec52e0edeeb7d8397b7d74b"}" wire:effects="{"listeners":["close-modal-product-quickview","open-modal-product-quickview","modal-escaped"]}" wire:id="Jku2Wf00LlVAlxHhvWUs" wire:name="theme.modals.product-quickview" x-data="{ open: $wire.entangle('open') }" 3580 x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))" 3581 x-show="open" 3582 x-cloak 3583 @keydown.window.escape="$dispatch('modal-escaped')" 3584 @click.away="$dispatch('modal-escaped')" 3585 class="" 3586 aria-labelledby="modal-title" 3587 x-ref="dialog" 3588 aria-modal="true" 3589> 3590 <div class="font-body relative z-[1000]"> 3591 <div 3592 x-show="open" 3593 x-cloak 3594 style="display: none;" 3595 x-transition:enter="ease-out duration-300" 3596 x-transition:enter-start="opacity-0" 3597 x-transition:enter-end="opacity-100" 3598 x-transition:leave="ease-in duration-200" 3599 x-transition:leave-start="opacity-100" 3600 x-transition:leave-end="opacity-0" 3601 class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity" 3602 ></div> 3603 3604 <div x-show="open" class="font-body pointer-events-none fixed inset-0 z-10 overflow-y-auto"> 3605 <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> 3606 <div x-show="open" 3607 x-cloak 3608 style="display: none;" 3609 x-transition:enter="ease-out duration-300" 3610 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3611 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 3612 x-transition:leave="ease-in duration-200" 3613 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 3614 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3615 class="pointer-events-auto relative transform transition-all w-full" 3616 3617 > 3618 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3619 </div> 3620 </div> 3621 </div> 3622 </div> 3623</div> 3624 3625
3626<div wire:key="lw-2507046029-8-42-2" wire:snapshot="{"data":{"product_id":null,"product_metadata":[[],{"s":"arr"}],"postal_code":"","geocoded_city":null,"product":null,"has_subscription":false,"has_order":false,"open":false},"memo":{"id":"ZXhbICHlVsR67xNXRbRW","name":"theme.modals.confirm-delivery-method","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"0c4f7ae2ee8916e80f4d6eebe853879afb41f0575db06bf92b4c0822fa0390d5"}" wire:effects="{"listeners":["close-modal-confirm-delivery-method","open-modal-confirm-delivery-method","modal-escaped"]}" wire:id="ZXhbICHlVsR67xNXRbRW" wire:name="theme.modals.confirm-delivery-method" x-data="{ open: $wire.entangle('open') }" 3627 x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))" 3628 x-show="open" 3629 x-cloak 3630 @keydown.window.escape="$dispatch('modal-escaped')" 3631 @click.away="$dispatch('modal-escaped')" 3632 class="" 3633 aria-labelledby="modal-title" 3634 x-ref="dialog" 3635 aria-modal="true" 3636> 3637 <div class="font-body relative z-[1000]"> 3638 <div 3639 x-show="open" 3640 x-cloak 3641 style="display: none;" 3642 x-transition:enter="ease-out duration-300" 3643 x-transition:enter-start="opacity-0" 3644 x-transition:enter-end="opacity-100" 3645 x-transition:leave="ease-in duration-200" 3646 x-transition:leave-start="opacity-100" 3647 x-transition:leave-end="opacity-0" 3648 class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity" 3649 ></div> 3650 3651 <div x-show="open" class="font-body pointer-events-none fixed inset-0 z-10 overflow-y-auto"> 3652 <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"> 3653 <div x-show="open" 3654 x-cloak 3655 style="display: none;" 3656 x-transition:enter="ease-out duration-300" 3657 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3658 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 3659 x-transition:leave="ease-in duration-200" 3660 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 3661 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 3662 class="pointer-events-auto relative transform transition-all w-full" 3663 3664 > 3665 <form wire:submit.prevent="submit" 3666 x-trap="open" 3667 class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl sm:my-8 sm:w-full sm:max-w-md sm:mx-auto" 3668 > 3669 <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4"> 3670 <div class="sm:flex sm:items-start"> 3671 <div class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-keppel-400/10 sm:mx-0 sm:h-10 sm:w-10"> 3672 3673 <svg class="h-6 w-6 text-keppel-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3674 <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 3675 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/> 3676 </svg> 3677 3678 3679 </div> 3680 <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left"> 3681 <h3 class="m-0 text-base font-body font-semibold leading-6 text-gray-900" id="modal-title">Confirm Availability</h3> 3682 <div class="mt-1"> 3683 <p class="m-0 text-sm text-gray-500">Enter your postal code below to confirm delivery in your area.</p> 3684 </div> 3685 3686 <div class="mt-6 space-y-6"> 3687 3688 <div class="sm:col-span-2 sm:col-start-1"> 3689 <label for="postal_code" class="sr-only">Postal Code</label> 3690 <div class="relative rounded-md shadow-xs"> 3691 <input type="text" wire:model="postal_code" name="postal_code" id="postal_code" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focu
3691s:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="postal_code-error"> 3692 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3693 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3694 </div> 3695 </div> 3696 </div> 3697 </div> 3698 <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6"> 3699 <button type="submit" wire:loading.attr="disabled" wire:target="submit" class="inline-flex w-full justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500 sm:ml-3 sm:w-auto"> 3700 <span wire:loading.remove wire:target="submit">Confirm</span> 3701 <svg wire:loading.inline wire:target="submit" class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 3702 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 3703 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 3704 </svg> 3705 </button> 3706 <button type="button" wire:loading.attr="disabled" wire:target="submit" wire:click="close" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"> 3707 Cancel 3708 </button> 3709 </div> 3710 </form> 3711 </div> 3712 </div> 3713 </div> 3714 </div> 3715</div> 3716 3717<ui-modal wire:key="lw-2507046029-9-42-2" wire:snapshot="{"data":{"cart":null,"order":null,"subscription":null,"current_delivery_method":null,"selected_delivery_method_id":null,"postal_code":"","open":false,"searching":false,"delivery_method_type":"delivery","delivery_is_available":null,"geocoded_city":null,"has_addresses":false,"addresses":null,"selecting_address":false,"selected_address_id":null,"listeners":[["addressAdded"],{"s":"arr"}]},"memo":{"id":"pfdJpZhLwFlrYrE7zIK3","name":"theme.modals.change-delivery-address","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"6b3ec5294f4e69d49701a1c2bf73363f4f66ccf6fd12210aaddb0d227316100b"}" wire:effects="{"listeners":["addressAdded"]}" wire:id="pfdJpZhLwFlrYrE7zIK3" wire:name="theme.modals.change-delivery-address" data-flux-modal> 3718 3719 <dialog 3720 wire:ignore.self 3721 class="fixed m-0 p-8 max-h-dvh min-h-dvh md:[:where(&)]:min-w-[25rem] overflow-y-auto ml-auto [--flux-flyout-translate:translateX(50px)] border-s rtl:ml-0 rtl:mr-auto rtl:[--flux-flyout-translate:translateX(-50px)] bg-white dark:bg-zinc-800 border-transparent dark:border-zinc-700 w-full max-w-sm" 3722 data-modal="change-delivery-address" data-flux-flyout x-data="fluxModal('change-delivery-address', 'pfdJpZhLwFlrYrE7zIK3')" 3723 x-on:modal-show.document="handleShow($event)" 3724 x-on:modal-close.document="handleClose($event)" 3725 > 3726 <!--[if BLOCK]><![endif]--> <div 3727 x-data="{ 3728 open: $wire.entangle('open').live, 3729 searching: $wire.entangle('searching'), 3730 selected_delivery_method_id: $wire.entangle('selected_delivery_method_id'), 3731 delivery_method_type: $wire.entangle('delivery_method_type'), 3732 delivery_is_available: $wire.entangle('delivery_is_available'), 3733 selected_address_id: $wire.entangle('selected_address_id'), 3734 }" 3735 class="py-5 sm:py-6" 3736 role="none" 3737 > 3738 <div x-show="delivery_method_type === 'delivery'" class="relative w-full" x-trap="open"> 3739 3740 <!--[if BLOCK]><![endif]--> <div x-show="delivery_is_available === true" class="pt-5 relative bg-white w-full sm:pt-6"> 3741 <div> 3742 <div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-keppel-400/20"> 3743 <svg class="h-6 w-6 text-keppel-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 3744 <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path> 3745 </svg> 3746 </div> 3747 <div class="mt-3 text-center sm:mt-5"> 3748 <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title"> 3749 Delivery available</h3> 3750 <div class="mt-2"> 3751 <!--[if BLOCK]><![endif]--> <p class="m-0 text-sm text-gray-500">Great! We're going to deliver your next order to 3752 <strong></strong>!</p> 3753 <!--[if ENDBLOCK]><![endif]--> 3754 3755 </div> 3756 </div> 3757 </div> 3758 <div class="mt-5 sm:mt-6"> 3759 <button type="button" @click="delivery_is_available = null" class="mx-auto px-4 border border-gray-200 rounded-md flex items-center justify-center py-2 text-sm font-semibold leading-6 text-gray-500 hover:text-gray-600 hover:bg-gray-50"> 3760 Change postal code 3761 </button> 3762 </div> 3763 </div> 3764 3765 <div x-show="delivery_is_available === false"> 3766 <div class="pt-5 relative bg-white w-full sm:pt-6"> 3767 <div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-chestnut-rose-500/20"> 3768 <svg class="h-6 w-6 text-chestnut-rose-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3769 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18
376918 6M6 6l12 12"/> 3770 </svg> 3771 </div> 3772 <div class="mt-3 text-center sm:mt-5"> 3773 <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title"> 3774 Delivery unavailable</h3> 3775 <div class="mt-2"> 3776 <!--[if BLOCK]><![endif]--> <p class="m-0 text-sm text-gray-500">Sorry, we couldn't find that postal 3777 code!</p> 3778 <!--[if ENDBLOCK]><![endif]--> </div> 3779 </div> 3780 </div> 3781 <div class="mt-5 sm:mt-6"> 3782 <button type="button" @click="delivery_is_available = null" class="w-full flex items-center justify-center py-2 text-sm font-semibold leading-6 text-keppel-400 hover:text-keppel-400/70"> 3783 Try another postal code 3784 </button> 3785 </div> 3786 </div> 3787 3788 <div x-show="delivery_is_available === null"> 3789 <div class="flex items-center"> 3790 <div class="text-keppel-400"> 3791 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3792 <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/> 3793 </svg> 3794 3795 </div> 3796 <p class="m-0 ml-2 text-base font-semibold">Check delivery availability</p> 3797 </div> 3798 <div class="mt-4 w-full "> 3799 <div class="flex items-center gap-x-2"> 3800 <div class="flex-1"> 3801 <label for="postal_code" class="sr-only">Postal code</label> 3802 <input type="text" wire:model="postal_code" wire:keyup.prevent.enter="searchPostalCode" name="postal_code" id="postal_code" placeholder="Postal code" autocomplete="postal_code" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-chestnut-rose-500 sm:text-sm sm:leading-6"> 3803 </div> 3804 <button type="button" wire:click="searchPostalCode" class="inline-flex items-center justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500 "> 3805 <span wire:loading.remove wire:target="searchPostalCode">Check</span> 3806 <svg wire:loading.inline wire:target="searchPostalCode" class="animate-spin h-5 w-5 flex-none text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 3807 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 3808 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 3809 </svg> 3810 </button> 3811 </div> 3812 3813 <p class="m-0 mt-2 text-xs text-gray-500 text-center">Your postal code helps 3814 us 3815 to provide
3816 <span class="font-semibold">the most up-to-date</span> 3817 product and delivery information. 3818 </p> 3819 </div> 3820 </div> 3821 <!--[if ENDBLOCK]><![endif]--> <p class="m-0 mt-3 pt-3 border-t border-gray-200 text-center text-sm text-gray-500"> 3822 Nearby? 3823 <!-- space --> 3824 <button wire:click="setTypeAsPickup" class="font-semibold leading-6 text-keppel-400 hover:text-keppel-400/70"> 3825 Pickup at our Indiana farm 3826 </button> 3827 </p> 3828 </div> 3829 3830 <div> 3831 <div x-show="delivery_method_type === 'pickup'" 3832 3833 3834 3835 > 3836 <div class="flex min-w-0 gap-x-2"> 3837 <div class="min-w-0 flex-auto text-left"> 3838 <div class="flex"> 3839 <div class="text-keppel-400"> 3840 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3841 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z"/> 3842 </svg> 3843 </div> 3844 <div class="ml-3"> 3845 <p class="m-0 text-base font-semibold"></p> 3846 <p class="m-0 mt-1 flex text-sm text-gray-500 truncate"> 3847 3848 </p> 3849 <p class="m-0 flex text-sm text-gray-500 truncate"> 3850 , 3851 3852 </p> 3853 3854 </div> 3855 </div> 3856 3857 </div> 3858 </div> 3859 <p class="m-0 mt-3 pt-3 border-t border-gray-200 text-center text-sm text-gray-500"> 3860 Need it shipped? 3861 <!-- space --> 3862 <button wire:click="setTypeAsDelivery" class="font-semibold leading-6 text-keppel-400 hover:text-keppel-400/70"> 3863 Check availability 3864 </button> 3865 </p> 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 </div> 3877 </div> 3878 </div> 3879 <!--[if ENDBLOCK]><![endif]--> 3880 3881 <div class="absolute top-0 end-0 mt-4 me-4"> 3882 <ui-close data-flux-modal-close > 3883 <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal"> 3884 <svg class="shrink-0 [:where(&)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 3885 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/> 3886</svg> 3887 </button> 3888</ui-close> 3889 </div> 3890 </dialog> 3891</ui-modal> 3892 3893 3894
3895 <ui-modal wire:key="lw-2507046029-10-42-2" wire:snapshot="{"data":{"action":[[],{"s":"arr"}],"username":"","timestamp":1790368684,"postal_code":"","email":"","current_url":"https:\/\/sevensons.net\/store\/collections\/featured-items","promo_image":"https:\/\/d14fky00evb1ot.cloudfront.net\/sevensonsfarms\/images\/1789397571_6aa80a4396d3e.webp","rating":4.9,"review_count":4538,"product":null,"has_subscription":false,"has_order":false,"open":false},"memo":{"id":"DSkphg1kxaNCPqWMKE2g","name":"theme.modals.lead-capture","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"f4707b912aebe9897c388d4d9f84c71099c3d8c9b59c8d4c9b3b589c81d8f2a7"}" wire:effects="{"listeners":["close-modal-lead-capture","open-modal-lead-capture","modal-escaped"]}" wire:id="DSkphg1kxaNCPqWMKE2g" wire:name="theme.modals.lead-capture" data-flux-modal> 3896 3897 <dialog 3898 wire:ignore.self 3899 class="p-6 [:where(&)]:max-w-xl [:where(&)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl p-0! md:w-96" 3900 data-modal="lead-capture" x-data="fluxModal('lead-capture', 'DSkphg1kxaNCPqWMKE2g')" 3901 x-on:modal-show.document="handleShow($event)" 3902 x-on:modal-close.document="handleClose($event)" 3903 > 3904 <!--[if BLOCK]><![endif]--> <div class="overflow-hidden w-full rounded-t-lg"> 3905 <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--><img 3906 src="https://d3kz8fnjk70eni.cloudfront.net/fit-in/1280x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp" 3907 srcset="https://d3kz8fnjk70eni.cloudfront.net/fit-in/480x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 480w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/640x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 640w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/768x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 768w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/1024x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 1024w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/1280x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 1280w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/1536x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 1536w" 3908 sizes="(min-width: 1024px) 1024px, 100vw" 3909 alt="Subscription promo image" 3910 decoding="async" 3911 class="w-full object-cover object-center" loading="eager" fetchpriority="high" /> 3912 </div> 3913 3914 <!--[if ENDBLOCK]><![endif]--> <div class="p-4 space-y-3"> 3915 <div class="text-center"> 3916 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2 font-display" data-flux-heading>Get Started</div> 3917 <div class="px-2.5 lg:px-4"> 3918 <div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator> 3919 <div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div> 3920 3921 <span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">Let's make sure we deliver to you</span> 3922 3923 <div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div> 3924 </div> 3925 </div> 3926 </div> 3927 3928 <form wire:submit.prevent="submit" class="space-y-2"> 3929 <input type="hidden" wire:model="timestamp"/> 3930 <input type="hidden" wire:model="username"/> 3931 3932 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 3933 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex sr-only" for="postal_code" data-flux-label> 3934 Postal Code 3935 3936 3937 3938 </ui-label> 3939 <div class="w-full relative block group/input" data-flux-input> 3940 <div class="pointer-events-none absolute top-0 bottom-0 border-s border-transparent flex items-center justify-center text-xs text-zinc-400/75 dark:text-white/60 ps-3 start-0"> 3941 <svg class="shrink-0 [:where(&)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 3942 <path fill-rule="evenodd" d="m9.69 18.933.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 0 0 .281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 1 0 3 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 0 0 2.273 1.765 11.842 11.842 0 0 0 .976.544l.062.029.018.008.006.003ZM10 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z" clip-rule="evenodd"/> 3943</svg> 3944 3945 </div> 3946 3947 <input 3948 type="text" 3949 3950 class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-10 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" id="postal_code" wire:model="postal_code" placeholder="Enter postal code" 3951 name="postal_code" data-flux-control 3952 data-flux-group-target 3953 > 3954 3955 </div> 3956 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 3957 </div> 3958</ui-field> 3959 3960 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 3961 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex sr-only" for="email" data-flux-label> 3962 Email 3963 3964 3965 3966 </ui-label> 3967 <div class="w-full relative block group/input" data-flux-input> 3968 <div class="pointer-events-none absolute top-0 bottom-0 border-s border-transparent flex items-center justify-center text-xs text-zinc-400/75 dark:text-white/60 ps-3 start-0"> 3969 <svg class="shrink-0 [:where(&)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 3970 <path d="M3 4a2 2 0 0 0-2 2v1.161l8.441 4.221a1.25 1.25 0 0 0 1.118 0L19 7.
3970162V6a2 2 0 0 0-2-2H3Z"/> 3971 <path d="m19 8.839-7.77 3.885a2.75 2.75 0 0 1-2.46 0L1 8.839V14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.839Z"/> 3972</svg> 3973 3974 </div> 3975 3976 <input 3977 type="email" 3978 3979 class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-10 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" id="email" wire:model="email" placeholder="Enter email" 3980 name="email" data-flux-control 3981 data-flux-group-target 3982 > 3983 3984 </div> 3985 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 3986 </div> 3987</ui-field> 3988 3989 </form> 3990 3991 <div class="text-center"> 3992 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-xs/5" data-flux-text >By providing your email, you agree to our 3993 <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]" href="https://sevensons.net/tos" data-flux-link >Terms of Service</a> and 3994 <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]" href="https://sevensons.net/privacy" data-flux-link >Privacy Policy</a> and agree to receive marketing emails</p> </div> 3995 <div> 3996 <div class="flex items-center justify-center space-x-2 px-2.5 py-2 bg-gray-100 rounded-md"> 3997 <div class="flex items-center space-x-1"> 3998 <svg class="shrink-0 [:where(&)]:size-6 size-4 text-gray-700" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 3999 <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd"/> 4000</svg> 4001 4002 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-xs text-gray-900" data-flux-text >Already have an account?</p> </div> 4003 <div> 4004 <a href="https://sevensons.net/login" variant="ghost" inset icon:trailing="arrow-right" class="text-gray-800 flex text-xs items-center hover:underline "> 4005 Login Here 4006 <svg class="shrink-0 [:where(&)]:size-6 ml-1 size-3 text-gray-700" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 4007 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/> 4008</svg> 4009 4010 </a> 4011 </div> 4012 </div> 4013 </div> 4014 <div> 4015 <div class="flex-1" data-flux-spacer></div> 4016 <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&[disabled]>:not([data-flux-loading-indicator])]:opacity-0 [&[disabled]>[data-flux-loading-indicator]]:opacity-100 [&[disabled]]:pointer-events-none w-full cursor-pointer" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" wire:click="submit"> 4017 <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator> 4018 <svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon"> 4019 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 4020 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 4021</svg> 4022 </div> 4023 4024 4025 4026
4027 <span>Claim Your FREE Gift</span> 4028 </button> 4029 </div> 4030 <div class="flex items-center justify-center space-x-1"> 4031 <svg class="shrink-0 [:where(&)]:size-6" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 4032 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"/> 4033</svg> 4034 4035 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-sm" data-flux-text >Secure. Easy. Delicious</p> </div> 4036 </div> 4037 4038 </dialog> 4039</ui-modal> 4040 4041<div wire:key="lw-2507046029-11-42-2" wire:snapshot="{"data":[],"memo":{"id":"OjKmwXQDGkIF4zQcQJ75","name":"theme.storefront-notifications","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"3ec7bebae5dc3a0eb47d3a60c048678e2b7c2f42e596e85a0985551822c9b68e"}" wire:effects="[]" wire:id="OjKmwXQDGkIF4zQcQJ75" wire:name="theme.storefront-notifications"> 4042 4043 <div 4044 x-data="storefrontNotifications" 4045 x-on:storefront-notification-sent.window="event => add(event.detail.notification)" 4046 aria-live="assertive" 4047 class="pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 font-body sm:items-start sm:p-6" 4048 > 4049 <div class="flex w-full flex-col items-center gap-4 sm:items-end"> 4050 <template x-for="notification in notifications" :key="notification.id"> 4051 <div 4052 x-show="notification.visible" 4053 x-transition:enter="transform ease-out duration-300 transition" 4054 x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2" 4055 x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0" 4056 x-transition:leave="transition ease-in duration-100" 4057 x-transition:leave-start="opacity-100" 4058 x-transition:leave-end="opacity-0" 4059 x-bind:class="{ 4060 'border-blue-300 bg-blue-50 text-blue-950': notification.level === 'info', 4061 'border-green-300 bg-green-50 text-green-950': notification.level === 'success', 4062 'border-yellow-400 bg-yellow-50 text-yellow-950': notification.level === 'warning', 4063 'border-red-300 bg-red-50 text-red-950': notification.level === 'error', 4064 }" 4065 class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-xl border shadow-xl" 4066 > 4067 <div class="flex items-start gap-3 p-4"> 4068 <span 4069 x-bind:class="{ 4070 'bg-blue-100 text-blue-700': notification.level === 'info', 4071 'bg-green-100 text-green-700': notification.level === 'success', 4072 'bg-yellow-100 text-yellow-800': notification.level === 'warning', 4073 'bg-red-100 text-red-700': notification.level === 'error', 4074 }" 4075 class="inline-flex size-8 shrink-0 items-center justify-center rounded-full" 4076 > 4077 <svg x-show="notification.level === 'success'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 4078 <path stroke-linecap="round" stroke-linejoin="round" d="m9 12.75 2.25 2.25L15 9.75m6 2.25a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 4079 </svg>
4080 <svg x-show="notification.level === 'warning'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 4081 <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/> 4082 </svg> 4083 <svg x-show="notification.level === 'error'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 4084 <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 9.75 14.25 14.25m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 4085 </svg> 4086 <svg x-show="notification.level === 'info'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 4087 <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25 12 10.5m0 0 .75-.75M12 10.5v5.25m9-3.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/> 4088 </svg> 4089 </span> 4090 4091 <div class="min-w-0 flex-1 pt-0.5"> 4092 <p class="m-0 text-sm font-medium" x-text="notification.title"></p> 4093 4094 <p x-show="notification.message" class="m-0 mt-1 text-sm opacity-80" x-html="notification.message"></p> 4095 </div> 4096 4097 <button 4098 type="button" 4099 x-on:click="hide(notification.id)" 4100 class="inline-flex shrink-0 rounded-md p-1 opacity-70 hover:bg-black/5 hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current" 4101 > 4102 <span class="sr-only">Dismiss notification</span> 4103 <svg class="size-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 4104 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/> 4105 </svg> 4106 </button> 4107 </div> 4108 </div> 4109 </template> 4110 </div> 4111 </div> 4112</div> 4113 4114 4115 <div wire:key="lw-2507046029-12-42-2" wire:snapshot="{"data":{"event":"PageView","request":[{"ip":"181.215.65.75","user_agent":"Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36","url":"https:\/\/sevensons.net\/store\/collections\/featured-items"},{"s":"arr"}],"timestamp":1790368684,"order":null,"user":null,"params":[[],{"s":"arr"}],"event_id":"page_view_5355c3dd3a7085bd9a7c2a79e491de83c1937dd9ec05c35780f81363f368e151","pixel_payload":[[],{"s":"arr"}],"capi_payload":[{"event_name":"PageView","event_time":1790368684,"event_id":"page_view_5355c3dd3a7085bd9a7c2a79e491de83c1937dd9ec05c35780f81363f368e151","action_source":"website","event_source_url":"https:\/\/sevensons.net\/store\/collections\/featured-items","user_data":[{"em":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","ph":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","fn":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","ln":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","external_id":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","client_ip_address":"181.215.65.75","client_user_agent":"Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36","fbc":null,"fbp":"fb.1.1790368684.FZsTnYD5ZqrevG6O"},{"s":"arr"}]},{"s":"arr"}],"tracked_mount_event":false,"trackedWindowEventIds":[[],{"s":"arr"}]},"memo":{"id":"iBpgsl3HAhAlK86I3VaI","name":"theme.meta-events","path":"store\/collections\/featured-items","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"bba6f749813cb84467948241ffbebdb50f9f04992abb7fb91fdb9660b0de9b94"}" wire:effects="{"listeners":["meta-pixel-event-captured"]}" wire:id="iBpgsl3HAhAlK86I3VaI" wire:name="theme.meta-events"> 4116 <!--[if BLOCK]><![endif]--> <div x-data x-init="() => { $wire.trackCapiEvent(); }"></div> 4117 4118 <!--[if ENDBLOCK]><![endif]--></div> 4119 4120 4121
4121<script> 4122 if (typeof fbq !== 'undefined') { 4123 fbq('track', 'ViewContent', JSON.parse('{\u0022content_name\u0022:\u0022Store Collection\u0022,\u0022content_category\u0022:\u0022collections\u0022}'), { eventID: 'view_content_7a8711d8ed97ea65b9ea38c19c5739458ee63df13635caf3e42af506fe52e650' }); 4124 } 4125 </script>
4125 4126
4126<script> 4127 if (typeof fbq !== 'undefined') { 4128 fbq('track', 'PageView', [], { eventID: 'page_view_5355c3dd3a7085bd9a7c2a79e491de83c1937dd9ec05c35780f81363f368e151' }); 4129 } 4130 </script>
4130 4131 4132<!-- Scripts -->
4133<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"mmmkgPSBVsSIKfqdkT4RMk55R9jYTD4IPUx4dcFh","uri":"https:\/\/sevensons.net\/livewire\/update","moduleUrl":"https:\/\/sevensons.net\/livewire-a5a29457","progressBar":"","nonce":""};</script>
vendor: 1 bytes, line 4133
4133
4134<script src="https://sevensons.net/flux/flux.min.js?id=ac0f2f1e" data-navigate-once></script>
4134 4135 4136 4137<!-- Drip -->
4138<script type="text/javascript"> 4139var _dcq = _dcq || []; 4140var _dcs = _dcs || {}; 4141_dcs.account = '6833046'; 4142 4143(function() { 4144var dc = document.createElement('script'); 4145dc.type = 'text/javascript'; dc.async = true; 4146dc.src = '//tag.getdrip.com/6833046.js'; 4147var s = document.getElementsByTagName('script')[0]; 4148s.parentNode.insertBefore(dc, s); 4149})(); 4150</script>
4150 4151<!-- end Drip --> 4152 4153<!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 4153-4155
4153 4154 4155<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4155GTM-NHNFTK5
vendor: 86 bytes, lines 4155-4156
4155" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 4156
4157<!-- End Google Tag Manager (noscript) --> 4158 4159<!-- Start of sevensons Zendesk Widget script -->
4160<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e65dbe94-5a50-40b4-b0f0-45bb42b607d2"> </script>
4160 4161<!-- End of sevensons Zendesk Widget script --> 4162 4163 4164 4165 4166 4167
4168<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a40cd495bd35f14d',t:'MTc5MDM2ODY4NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4168</body> 4169</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.