{"id":44955,"date":"2026-07-31T19:24:33","date_gmt":"2026-07-31T23:24:33","guid":{"rendered":"https:\/\/onoolmarket.com\/ma\/?page_id=44955"},"modified":"2026-08-23T22:11:53","modified_gmt":"2026-08-24T02:11:53","slug":"delivery-zone-lobby","status":"publish","type":"page","link":"https:\/\/onoolmarket.com\/ma\/delivery-zone-lobby\/","title":{"rendered":"Delivery Zone Lobby"},"content":{"rendered":"\n<div class=\"wp-block-wd-section wd-bd9f8734\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Onool Market \u2014 Delivery Route<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&amp;family=Space+Mono:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.min.css\">\n<style>\n  :root{\n    --flamingo:#f5a2a1;\n    --orchid:#f4c8ca;\n    --oyster:#ffffff;\n    --oyster-2:#f4f4f4;\n    --dark:#2c2424;\n    --mid:#3d3232;\n    --muted:#5c4f4f;\n    --warm:#7a6e6e;\n    --line: rgba(44,36,36,.14);\n  }\n  *{box-sizing:border-box;margin:0;padding:0}\n  html{scroll-behavior:smooth}\n  body{\n    font-family:\"Pretendard\",\"Pretendard Variable\",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;\n    font-weight:300;\n    background:var(--oyster);\n    color:var(--dark);\n    min-height:100vh;\n    padding:0 clamp(18px,5vw,40px) 100px;\n    -webkit-font-smoothing:antialiased;\n  }\n  .wrap{max-width:840px;margin:0 auto}\n\n  header{\n    padding:clamp(48px,9vw,76px) 0 clamp(40px,7vw,56px);\n    border-bottom:1px solid var(--line);\n    position:relative;\n  }\n  .manifest-no{\n    font-family:\"Space Mono\",monospace;\n    font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;\n    color:var(--warm);\n    display:flex;align-items:center;justify-content:space-between;\n    margin-bottom:clamp(20px,4vw,32px);\n  }\n  .manifest-no span:last-child{color:var(--flamingo);font-weight:700}\n  h1{\n    font-size:clamp(34px,6.6vw,58px);\n    line-height:1.1;letter-spacing:-.01em;font-weight:600;\n    color:var(--dark);\n    max-width:20ch;\n  }\n  h1 em{font-style:normal;color:var(--flamingo);font-weight:600}\n  .h1-en{display:block;font-size:clamp(13px,1.8vw,15px);font-weight:300;color:var(--warm);margin-top:10px}\n  .sub{\n    margin-top:16px;font-size:clamp(14px,2vw,15.5px);font-weight:300;\n    color:var(--muted);max-width:480px;\n  }\n  .sub .kr{display:block;font-size:13px;color:var(--warm);margin-top:5px}\n\n  .route{\n    position:relative;\n    margin-top:clamp(32px,6vw,48px);\n  }\n  .route-line{\n    position:absolute;\n    left:27px;top:8px;bottom:8px;width:2px;\n    background-image:linear-gradient(var(--warm) 60%, transparent 40%);\n    background-size:2px 12px;\n    background-repeat:repeat-y;\n    opacity:.32;\n    z-index:0;\n    pointer-events:none;\n  }\n  .route-line-fill{\n    position:absolute;top:0;left:0;width:100%;height:0%;\n    background:var(--flamingo);\n    transition:height .05s linear;\n  }\n\n  .stop{\n    position:relative;z-index:1;\n    display:grid;\n    grid-template-columns:56px 1fr auto;\n    align-items:center;\n    gap:clamp(14px,3vw,26px);\n    padding:clamp(20px,3.4vw,28px) clamp(10px,2vw,18px) clamp(20px,3.4vw,28px) 0;\n    text-decoration:none;color:inherit;\n    border-radius:4px;\n    opacity:0;\n    transform:translateX(-14px);\n    animation:enter .6s cubic-bezier(.2,.7,.25,1) forwards;\n    transition:background .25s ease;\n  }\n  .stop:hover, .stop:focus-visible{background:rgba(244,200,202,.28)}\n  .stop:focus-visible{outline:2px solid var(--flamingo);outline-offset:2px}\n  @keyframes enter{to{opacity:1;transform:translateX(0)}}\n\n  .seal{\n    width:54px;height:54px;border-radius:50%;\n    display:flex;align-items:center;justify-content:center;flex-direction:column;\n    font-family:\"Space Mono\",monospace;font-weight:700;font-size:13px;letter-spacing:.02em;\n    position:relative;\n    transition:transform .35s cubic-bezier(.34,1.56,.64,1);\n    justify-self:start;\n  }\n  .seal::after{\n    content:\"\";position:absolute;inset:4px;border-radius:50%;opacity:.5;\n  }\n  .seal.ink{\n    background:var(--flamingo);\n    color:var(--oyster);\n    border:1.5px solid var(--flamingo);\n    box-shadow:0 0 0 1px rgba(44,36,36,.06);\n  }\n  .seal.ink::after{border:1px solid rgba(239,234,229,.55)}\n  .seal.outline{\n    background:var(--oyster);\n    color:var(--flamingo);\n    border:1.5px solid var(--flamingo);\n    box-shadow:0 0 0 1px rgba(44,36,36,.06);\n  }\n  .seal.outline::after{border:1px solid var(--flamingo)}\n\n  .stop:nth-of-type(1) .seal{ transform:rotate(-5deg) }\n  .stop:nth-of-type(2) .seal{ transform:rotate(4deg)  }\n  .stop:nth-of-type(3) .seal{ transform:rotate(-6deg) }\n  .stop:nth-of-type(4) .seal{ transform:rotate(5deg)  }\n  .stop:nth-of-type(5) .seal{ transform:rotate(-4deg) }\n  .stop:nth-of-type(6) .seal{ transform:rotate(6deg)  }\n  .stop:nth-of-type(7) .seal{ transform:rotate(-5deg) }\n  .stop:nth-of-type(8) .seal{ transform:rotate(5deg)  }\n  .stop:nth-of-type(9) .seal{ transform:rotate(-6deg) }\n  .stop:nth-of-type(10) .seal{ transform:rotate(4deg) }\n  .stop:nth-of-type(11) .seal{ transform:rotate(-5deg) }\n\n  .stop:hover .seal, .stop:focus-visible .seal{\n    transform:rotate(0deg) scale(1.08) !important;\n  }\n\n  .info .name{\n    font-family:\"Fraunces\",serif;font-optical-sizing:auto;\n    font-size:clamp(19px,2.6vw,25px);font-weight:500;color:var(--dark);\n    letter-spacing:-.01em;line-height:1.15;\n  }\n  .info .kr2{font-size:12.5px;color:var(--warm);margin-top:2px;letter-spacing:.01em}\n\n  .tally{\n    text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px;\n  }\n  .tally .count{\n    font-family:\"Space Mono\",monospace;font-weight:700;\n    font-size:clamp(17px,2.2vw,20px);color:var(--muted);\n    font-variant-numeric:tabular-nums;\n  }\n  .tally .unit{font-size:10px;color:var(--warm);letter-spacing:.08em;text-transform:uppercase}\n  .arrow{\n    font-family:\"Space Mono\",monospace;font-size:16px;color:var(--warm);\n    transition:transform .3s ease, color .3s ease;\n  }\n  .stop:hover .arrow, .stop:focus-visible .arrow{transform:translateX(4px);color:var(--flamingo)}\n\n  .divider{height:1px;background:var(--line);margin-left:56px}\n\n  footer{\n    text-align:center;margin-top:clamp(36px,6vw,52px);padding-top:24px;\n    border-top:1px solid var(--line);\n    font-size:11.5px;font-weight:300;color:var(--warm);letter-spacing:.02em;\n  }\n  .footer-note{margin-bottom:8px}\n  .footer-note .kr{display:block;font-size:11px;color:var(--warm);opacity:.85;margin-top:3px}\n\n  @media (max-width:560px){\n    .stop{grid-template-columns:44px 1fr auto;gap:14px}\n    .seal{width:42px;height:42px;font-size:11px}\n    .route-line{left:21px}\n    .divider{margin-left:44px}\n    .tally{gap:4px}\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .stop{opacity:1;transform:none;animation:none}\n    .route-line-fill{transition:none;height:100%}\n    .seal, .arrow{transition:none}\n  }\n<\/style>\n\n\n\n<div class=\"wrap\">\n  <header>\n    <div class=\"manifest-no\">\n      <span>ONOOL MARKET \u00b7 DELIVERY ZONES<\/span>\n      <span>11 REGIONS COVERED<\/span>\n    <\/div>\n    <h1>\ub274\uc695 &amp; \ub274\uc800\uc9c0 \ub9db\uc9d1\uc744, <em>\uc6b0\ub9ac \ub3d9\ub124\ub85c \ubc30\ub2ec\ud569\ub2c8\ub2e4<\/em>\n      <span class=\"h1-en\">NY &amp; NJ&#8217;s best, delivered to your neighborhood<\/span>\n    <\/h1>\n    <p class=\"sub\">\ub274\uc695 \ub274\uc800\uc9c0 \ub9db\uc9d1\uc774 \uc6b0\ub9ac \ub3d9\ub124\uc5d0 \uc635\ub2c8\ub2e4. \uc544\ub798\uc5d0\uc11c \uc6b0\ud3b8\ubc88\ud638\ub97c \ud655\uc778\ud558\uc138\uc694.\n      <span class=\"kr\">Order today, get it this evening. Check your ZIP against the areas below to see if Onool delivers to you.<\/span>\n    <\/p>\n  <\/header>\n\n  <div class=\"route\">\n    <div class=\"route-line\" aria-hidden=\"true\">\n      <div class=\"route-line-fill\"><\/div>\n    <\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/newyork\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.04s\">\n      <span class=\"seal ink\">NY<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ub274\uc695<\/span>\n        <span class=\"kr2\">New York<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">61<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/newjersey\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.09s\">\n      <span class=\"seal outline\">NJ<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ub274\uc800\uc9c0<\/span>\n        <span class=\"kr2\">New Jersey<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">43<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/newhampshire\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.14s\">\n      <span class=\"seal ink\">NH<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ub274\ud584\ud504\uc154<\/span>\n        <span class=\"kr2\">New Hampshire<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">20<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/massachusetts\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.19s\">\n      <span class=\"seal outline\">MA<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ub9e4\uc0ac\ucd94\uc138\uce20<\/span>\n        <span class=\"kr2\">Massachusetts<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">108<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/rhodeisland\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.24s\">\n      <span class=\"seal ink\">RI<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ub85c\ub4dc\uc544\uc77c\ub79c\ub4dc<\/span>\n        <span class=\"kr2\">Rhode Island<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">24<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/connecticut\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.29s\">\n      <span class=\"seal outline\">CT<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ucf54\ub124\ud2f0\ucef7<\/span>\n        <span class=\"kr2\">Connecticut<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">70<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/pennsylvania\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.34s\">\n      <span class=\"seal ink\">PA<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ud39c\uc2e4\ubca0\uc774\ub2c8\uc544<\/span>\n        <span class=\"kr2\">Pennsylvania<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">19<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/delaware\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.39s\">\n      <span class=\"seal outline\">DE<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ub378\ub77c\uc6e8\uc5b4<\/span>\n        <span class=\"kr2\">Delaware<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">13<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/maryland\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.44s\">\n      <span class=\"seal ink\">MD<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\uba54\ub9b4\ub79c\ub4dc<\/span>\n        <span class=\"kr2\">Maryland<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">12<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/washingtondc\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.49s\">\n      <span class=\"seal outline\">DC<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\uc6cc\uc2f1\ud134 D.C.<\/span>\n        <span class=\"kr2\">Washington D.C.<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">12<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n    <div class=\"divider\"><\/div>\n\n    <a class=\"stop\" href=\"https:\/\/onoolmarket.com\/ma\/virginia\/\" target=\"_blank\" rel=\"noopener\" style=\"animation-delay:.54s\">\n      <span class=\"seal ink\">VA<\/span>\n      <span class=\"info\">\n        <span class=\"name\">\ubc84\uc9c0\ub2c8\uc544<\/span>\n        <span class=\"kr2\">Virginia<\/span>\n      <\/span>\n      <span class=\"tally\">\n        <span class=\"count\">4<\/span>\n        <span class=\"unit\">zips<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/span>\n    <\/a>\n  <\/div>\n\n  <footer>\n    <p class=\"footer-note\">\ucd5c\uc18c \uc8fc\ubb38 \uae08\uc561\uc740 \uc6b0\ud3b8\ubc88\ud638\uc5d0 \ub530\ub77c \ub2e4\ub97c \uc218 \uc788\uc2b5\ub2c8\ub2e4\n      <span class=\"kr\">Minimum order amount may differ by ZIP code.<\/span>\n    <\/p>\n    Zones may expand as we grow. Enter your address at checkout to confirm.\n  <\/footer>\n<\/div>\n\n<script>\n  (function(){\n    var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reduceMotion) return; \/\/ CSS already sets the fill to 100% for this case\n\n    var route = document.querySelector('.route');\n    var fill = document.querySelector('.route-line-fill');\n    if (!route || !fill) return;\n\n    var ticking = false;\n\n    function update(){\n      var rect = route.getBoundingClientRect();\n      var winH = window.innerHeight;\n      var scrolled = winH - rect.top;\n      var total = winH + rect.height;\n      var progress = total > 0 ? scrolled \/ total : 0;\n      progress = Math.min(1, Math.max(0, progress));\n      fill.style.height = (progress * 100) + '%';\n      ticking = false;\n    }\n\n    function onScroll(){\n      if (!ticking) {\n        window.requestAnimationFrame(update);\n        ticking = true;\n      }\n    }\n\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', onScroll);\n    update();\n  })();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-44955","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages\/44955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/comments?post=44955"}],"version-history":[{"count":5,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages\/44955\/revisions"}],"predecessor-version":[{"id":46671,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages\/44955\/revisions\/46671"}],"wp:attachment":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/media?parent=44955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}