https://helper.okiave.com/HomeHugoBlox Kit (https://hugoblox.com)en-usSun, 07 Jun 2026 00:00:00 +0000https://helper.okiave.com/media/icon_hu_1c0e9cb08cfb822a.pnghttps://helper.okiave.com/https://helper.okiave.com/privacy/Sun, 07 Jun 2026 00:00:00 +0000https://helper.okiave.com/privacy/<p>Add your privacy policy here&hellip;</p>https://helper.okiave.com/terms/Sun, 07 Jun 2026 00:00:00 +0000https://helper.okiave.com/terms/<p>Add your terms of service here&hellip;</p>https://helper.okiave.com/services/Mon, 01 Jan 0001 00:00:00 +0000https://helper.okiave.com/services/<div class="booking-widget" data-preselect=""> <h3>Choose a Service</h3> <div class="service-cards"> <div class="service-card" data-service="costco-run" data-price="55" data-label="Costco Errand Run"> <h4>Costco Errand Run</h4> <p>Text me your list (photos fine) — I shop, pack, and drop off. Cost of goods settled via Venmo/Cash App before checkout. Returns handled for a fee.</p> <span class="price">$55</span> </div> <div class="service-card" data-service="lawn-garden" data-price="75" data-label="Lawn &amp; Plant Care"> <h4>Lawn &amp; Plant Care</h4> <p>Mowing, edging &amp; weeding outdoors plus indoor plant watering and repotting. I bring hand tools — you supply the mower.</p> <span class="price">$75</span> </div> <div class="service-card" data-service="remote-it" data-price="45" data-label="Remote IT Help"> <h4>Remote IT Help</h4> <p>Passkeys, printers, device migrations, software setup — everyday tech problems solved live. <a href="https://hello.okiave.com/resume.html" target="_blank" rel="noopener noreferrer" style="text-decoration:underline;">See my resume.</a></p> <span class="price">$45</span> </div> </div> <div id="payment-section" style="display:none;"> <div class="payment-box"> <p class="payment-instruction"> Send <strong id="payment-amount"></strong> to <strong>@okiave</strong> before your appointment. </p> <div class="payment-buttons"> <a id="venmo-link" href="#" class="pay-btn venmo-btn" target="_blank" rel="noopener noreferrer"> Pay with Venmo </a> <a id="cashapp-link" href="#" class="pay-btn cashapp-btn" target="_blank" rel="noopener noreferrer"> Pay with Cash App </a> </div> <p class="payment-note">Then pick your time slot below — I'll confirm once payment comes through.</p> </div> <div id="cal-embed-container" style="min-height:600px; margin-top:2rem;"></div> </div> </div> <style> .booking-widget { max-width: 760px; margin: 2rem auto; } .service-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; } .service-card { border: 2px solid #e2e8f0; border-radius: 8px; padding: 1.25rem; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; } .service-card:hover { border-color: #2d6a4f; } .service-card.selected { border-color: #2d6a4f; box-shadow: 0 0 0 3px rgba(45,106,79,0.2); } .service-card h4 { margin: 0 0 0.4rem; } .service-card p { margin: 0 0 0.75rem; font-size: 0.875rem; color: #4a5568; } .service-card .price { font-size: 1.25rem; font-weight: bold; color: #2d6a4f; } .payment-box { background: rgba(45, 106, 79, 0.12); border: 1px solid rgba(45, 106, 79, 0.4); border-radius: 10px; padding: 1.5rem 1.75rem; margin-top: 1.5rem; } .payment-instruction { font-size: 1.1rem; margin: 0 0 1rem; color: inherit; } .payment-buttons { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; } .pay-btn { display: inline-block; padding: 0.65rem 1.4rem; border-radius: 6px; font-size: 0.95rem; font-weight: 600; text-decoration: none; transition: opacity 0.15s; } .pay-btn:hover { opacity: 0.85; } .venmo-btn { background: #3d95ce; color: #fff; } .cashapp-btn { background: #00d64f; color: #000; } .payment-note { font-size: 0.875rem; color: inherit; opacity: 0.65; margin: 0; } </style> <script> (function () { var calLoaded = false; function loadCal() { if (calLoaded) return; calLoaded = true; (function (C, A, L) { var p = function (a, ar) { a.q.push(ar); }; var d = C.document; C.Cal = C.Cal || function () { var cal = C.Cal; var ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement("script")).src = A; cal.loaded = true; } if (ar[0] === L) { var api = function () { p(api, arguments); }; var namespace = ar[1]; api.q = api.q || []; if (typeof namespace === "string") { cal.ns[namespace] = cal.ns[namespace] || api; p(cal.ns[namespace], ar); p(cal, ["initNamespace", namespace]); } else p(cal, ar); return; } p(cal, ar); }; })(window, "https://app.cal.com/embed/embed.js", "init"); Cal("init", { origin: "https://cal.com" }); Cal("inline", { elementOrSelector: "#cal-embed-container", calLink: "okiave/errands", layout: "month_view", }); Cal("ui", { styles: { branding: { brandColor: "#2d6a4f" } }, hideEventTypeDetails: false, }); } var preselect = document.querySelector(".booking-widget").dataset.preselect; if (preselect) { var target = document.querySelector('[data-service="' + preselect + '"]'); if (target) setTimeout(function () { target.click(); }, 150); } document.querySelectorAll(".service-card").forEach(function (card) { card.addEventListener("click", function () { document.querySelectorAll(".service-card").forEach(function (c) { c.classList.remove("selected"); }); card.classList.add("selected"); var price = card.dataset.price; var label = card.dataset.label; document.getElementById("payment-amount").textContent = "$" + price; document.getElementById("venmo-link").href = "https://venmo.com/u/okiave?txn=pay&amount=" + price + "&note=" + encodeURIComponent(label); document.getElementById("cashapp-link").href = "https://cash.app/$okiave/" + price; var section = document.getElementById("payment-section"); section.style.display = "block"; loadCal(); }); }); })(); </script>