{"id":118,"date":"2026-08-10T12:00:58","date_gmt":"2026-08-10T12:00:58","guid":{"rendered":"https:\/\/kindredmarket.online\/?page_id=118"},"modified":"2026-08-10T12:09:05","modified_gmt":"2026-08-10T12:09:05","slug":"newsletter-1","status":"publish","type":"page","link":"https:\/\/kindredmarket.online\/?page_id=118","title":{"rendered":"Newsletter 1"},"content":{"rendered":"\n
<\/div>
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nKindred Market Newsletter | Stay in the Loop\r\n<\/title>\r\n\r\n<meta\r\n name=\"description\"\r\n content=\"Join the Kindred Market newsletter for market dates, announcements, vendor news, special events and everything happening at Kindred.\"\r\n>\r\n\r\n<meta\r\n name=\"robots\"\r\n content=\"index, follow\"\r\n>\r\n\r\n<link\r\n rel=\"canonical\"\r\n href=\"https:\/\/kindredmarket.online\/newsletter\/\"\r\n>\r\n\r\n\r\n<!-- ======================================================\r\n OPEN GRAPH\r\n====================================================== -->\r\n\r\n<meta\r\n property=\"og:type\"\r\n content=\"website\"\r\n>\r\n\r\n<meta\r\n property=\"og:title\"\r\n content=\"Kindred Market Newsletter\"\r\n>\r\n\r\n<meta\r\n property=\"og:description\"\r\n content=\"Get Kindred Market news, dates and announcements delivered to your inbox once or twice a month.\"\r\n>\r\n\r\n<meta\r\n property=\"og:url\"\r\n content=\"https:\/\/kindredmarket.online\/newsletter\/\"\r\n>\r\n\r\n\r\n<!-- ======================================================\r\n STRUCTURED DATA\r\n====================================================== -->\r\n\r\n<script type=\"application\/ld+json\">\r\n\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n\r\n \"@type\": \"WebPage\",\r\n\r\n \"name\": \"Kindred Market Newsletter\",\r\n\r\n \"description\":\r\n \"Subscribe to the Kindred Market newsletter for market dates, announcements, events and community news.\",\r\n\r\n \"url\":\r\n \"https:\/\/kindredmarket.online\/newsletter\/\"\r\n}\r\n\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n KINDRED MARKET \u2014 NEWSLETTER\r\n ========================================================= *\/\r\n\r\n:root {\r\n\r\n --blue: #B1C6FF;\r\n --stone: #E9E4E2;\r\n\r\n --ink: #161616;\r\n --soft-ink: #414141;\r\n --muted: #747474;\r\n\r\n --white: #ffffff;\r\n --cream: #faf9f7;\r\n\r\n --line: rgba(22,22,22,.11);\r\n\r\n --green: #e1f1e6;\r\n --green-text: #23623a;\r\n\r\n --red: #f7dfdf;\r\n --red-text: #8a2727;\r\n\r\n --radius: 26px;\r\n\r\n --shadow:\r\n 0 25px 70px rgba(0,0,0,.08);\r\n\r\n --max: 1180px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n\r\n margin: 0;\r\n\r\n background:\r\n var(--cream);\r\n\r\n color:\r\n var(--ink);\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n line-height: 1.55;\r\n}\r\n\r\nbutton,\r\ninput {\r\n font: inherit;\r\n}\r\n\r\na {\r\n color: inherit;\r\n}\r\n\r\nbutton,\r\na {\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTAINER\r\n========================================================= *\/\r\n\r\n.container {\r\n\r\n width:\r\n min(\r\n calc(100% - 40px),\r\n var(--max)\r\n );\r\n\r\n margin:\r\n 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n.skip-link {\r\n\r\n position:\r\n fixed;\r\n\r\n top:\r\n -100px;\r\n\r\n left:\r\n 15px;\r\n\r\n z-index:\r\n 99999;\r\n\r\n padding:\r\n 12px 18px;\r\n\r\n border-radius:\r\n 10px;\r\n\r\n background:\r\n var(--ink);\r\n\r\n color:\r\n white;\r\n\r\n text-decoration:\r\n none;\r\n}\r\n\r\n.skip-link:focus {\r\n top:\r\n 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NAVIGATION\r\n========================================================= *\/\r\n\r\n.site-nav {\r\n\r\n position:\r\n sticky;\r\n\r\n top:\r\n 0;\r\n\r\n z-index:\r\n 1000;\r\n\r\n background:\r\n rgba(250,249,247,.94);\r\n\r\n backdrop-filter:\r\n blur(15px);\r\n\r\n border-bottom:\r\n 1px solid var(--line);\r\n}\r\n\r\n.nav-inner {\r\n\r\n min-height:\r\n 70px;\r\n\r\n display:\r\n flex;\r\n\r\n align-items:\r\n center;\r\n\r\n justify-content:\r\n space-between;\r\n}\r\n\r\n.logo {\r\n\r\n font-size:\r\n 21px;\r\n\r\n font-weight:\r\n 950;\r\n\r\n letter-spacing:\r\n -.055em;\r\n\r\n text-decoration:\r\n none;\r\n}\r\n\r\n.nav-links {\r\n\r\n display:\r\n flex;\r\n\r\n gap:\r\n 25px;\r\n}\r\n\r\n.nav-links a {\r\n\r\n font-size:\r\n 14px;\r\n\r\n font-weight:\r\n 750;\r\n\r\n text-decoration:\r\n none;\r\n}\r\n\r\n.nav-links a:hover {\r\n text-decoration:\r\n underline;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO\r\n========================================================= *\/\r\n\r\n.hero {\r\n\r\n position:\r\n relative;\r\n\r\n overflow:\r\n hidden;\r\n\r\n padding:\r\n 105px 0 115px;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 88% 8%,\r\n rgba(177,198,255,.95),\r\n transparent 32%\r\n ),\r\n\r\n radial-gradient(\r\n circle at 5% 100%,\r\n rgba(233,228,226,.95),\r\n transparent 35%\r\n ),\r\n\r\n var(--stone);\r\n}\r\n\r\n.hero-inner {\r\n\r\n max-width:\r\n 900px;\r\n\r\n position:\r\n relative;\r\n\r\n z-index:\r\n 2;\r\n}\r\n\r\n.eyebrow {\r\n\r\n display:\r\n inline-flex;\r\n\r\n padding:\r\n 8px 14px;\r\n\r\n border-radius:\r\n 999px;\r\n\r\n background:\r\n var(--blue);\r\n\r\n font-size:\r\n 10px;\r\n\r\n font-weight:\r\n 950;\r\n\r\n letter-spacing:\r\n .11em;\r\n\r\n text-transform:\r\n uppercase;\r\n}\r\n\r\n.hero h1 {\r\n\r\n margin:\r\n 25px 0 20px;\r\n\r\n font-size:\r\n clamp(\r\n 58px,\r\n 10vw,\r\n 112px\r\n );\r\n\r\n line-height:\r\n .83;\r\n\r\n letter-spacing:\r\n -.08em;\r\n}\r\n\r\n.hero-copy {\r\n\r\n max-width:\r\n 700px;\r\n\r\n margin:\r\n 0;\r\n\r\n color:\r\n var(--soft-ink);\r\n\r\n font-size:\r\n clamp(\r\n 18px,\r\n 2vw,\r\n 22px\r\n );\r\n}\r\n\r\n.frequency {\r\n\r\n display:\r\n inline-flex;\r\n\r\n align-items:\r\n center;\r\n\r\n gap:\r\n 9px;\r\n\r\n margin-top:\r\n 28px;\r\n\r\n padding:\r\n 11px 16px;\r\n\r\n border-radius:\r\n 999px;\r\n\r\n background:\r\n rgba(255,255,255,.72);\r\n\r\n border:\r\n 1px solid rgba(22,22,22,.08);\r\n\r\n font-size:\r\n 13px;\r\n\r\n font-weight:\r\n 800;\r\n}\r\n\r\n.frequency-dot {\r\n\r\n width:\r\n 8px;\r\n\r\n height:\r\n 8px;\r\n\r\n border-radius:\r\n 50%;\r\n\r\n background:\r\n var(--ink);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN SIGNUP SECTION\r\n========================================================= *\/\r\n\r\n.signup-section {\r\n\r\n position:\r\n relative;\r\n\r\n margin-top:\r\n -45px;\r\n\r\n z-index:\r\n 5;\r\n\r\n padding-bottom:\r\n 90px;\r\n}\r\n\r\n.signup-grid {\r\n\r\n display:\r\n grid;\r\n\r\n grid-template-columns:\r\n .8fr 1.2fr;\r\n\r\n gap:\r\n 24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS CARD\r\n========================================================= *\/\r\n\r\n.benefits {\r\n\r\n padding:\r\n 38px;\r\n\r\n border-radius:\r\n var(--radius);\r\n\r\n background:\r\n var(--ink);\r\n\r\n color:\r\n white;\r\n\r\n box-shadow:\r\n var(--shadow);\r\n}\r\n\r\n.benefits h2 {\r\n\r\n margin:\r\n 0 0 12px;\r\n\r\n font-size:\r\n 36px;\r\n\r\n line-height:\r\n .95;\r\n\r\n letter-spacing:\r\n -.055em;\r\n}\r\n\r\n.benefits-intro {\r\n\r\n margin:\r\n 0 0 28px;\r\n\r\n color:\r\n #bdbdbd;\r\n}\r\n\r\n.benefit {\r\n\r\n display:\r\n grid;\r\n\r\n grid-template-columns:\r\n 38px 1fr;\r\n\r\n gap:\r\n 13px;\r\n\r\n padding:\r\n 17px 0;\r\n\r\n border-top:\r\n 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.benefit:first-of-type {\r\n border-top:\r\n 0;\r\n}\r\n\r\n.benefit-icon {\r\n\r\n width:\r\n 35px;\r\n\r\n height:\r\n 35px;\r\n\r\n display:\r\n flex;\r\n\r\n align-items:\r\n center;\r\n\r\n justify-content:\r\n center;\r\n\r\n border-radius:\r\n 11px;\r\n\r\n background:\r\n var(--blue);\r\n\r\n color:\r\n var(--ink);\r\n\r\n font-weight:\r\n 950;\r\n}\r\n\r\n.benefit strong {\r\n\r\n display:\r\n block;\r\n\r\n margin-bottom:\r\n 2px;\r\n\r\n font-size:\r\n 15px;\r\n}\r\n\r\n.benefit span {\r\n\r\n color:\r\n #aaa;\r\n\r\n font-size:\r\n 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FORM CARD\r\n========================================================= *\/\r\n\r\n.form-card {\r\n\r\n padding:\r\n 42px;\r\n\r\n border-radius:\r\n var(--radius);\r\n\r\n background:\r\n white;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n box-shadow:\r\n var(--shadow);\r\n}\r\n\r\n.form-card h2 {\r\n\r\n margin:\r\n 0 0 7px;\r\n\r\n font-size:\r\n 36px;\r\n\r\n line-height:\r\n .95;\r\n\r\n letter-spacing:\r\n -.05em;\r\n}\r\n\r\n.form-intro {\r\n\r\n margin:\r\n 0 0 30px;\r\n\r\n color:\r\n var(--muted);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FORM\r\n========================================================= *\/\r\n\r\n.form-group {\r\n\r\n margin-bottom:\r\n 17px;\r\n}\r\n\r\n.form-group label {\r\n\r\n display:\r\n block;\r\n\r\n margin-bottom:\r\n 7px;\r\n\r\n font-size:\r\n 10px;\r\n\r\n font-weight:\r\n 950;\r\n\r\n letter-spacing:\r\n .1em;\r\n\r\n text-transform:\r\n uppercase;\r\n}\r\n\r\n.form-group input {\r\n\r\n width:\r\n 100%;\r\n\r\n padding:\r\n 15px 16px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:\r\n 13px;\r\n\r\n outline:\r\n none;\r\n\r\n background:\r\n var(--cream);\r\n\r\n transition:\r\n .2s ease;\r\n}\r\n\r\n.form-group input:focus {\r\n\r\n border-color:\r\n var(--ink);\r\n\r\n background:\r\n white;\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(177,198,255,.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTERESTS\r\n========================================================= *\/\r\n\r\n.interests-heading {\r\n\r\n margin:\r\n 28px 0 11px;\r\n\r\n font-size:\r\n 13px;\r\n\r\n font-weight:\r\n 850;\r\n}\r\n\r\n.interests-sub {\r\n\r\n margin:\r\n 0 0 14px;\r\n\r\n color:\r\n var(--muted);\r\n\r\n font-size:\r\n 12px;\r\n}\r\n\r\n.interest-grid {\r\n\r\n display:\r\n grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:\r\n 9px;\r\n}\r\n\r\n.interest {\r\n\r\n position:\r\n relative;\r\n}\r\n\r\n.interest input {\r\n\r\n position:\r\n absolute;\r\n\r\n opacity:\r\n 0;\r\n\r\n pointer-events:\r\n none;\r\n}\r\n\r\n.interest label {\r\n\r\n display:\r\n flex;\r\n\r\n align-items:\r\n center;\r\n\r\n min-height:\r\n 48px;\r\n\r\n padding:\r\n 11px 13px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:\r\n 12px;\r\n\r\n background:\r\n var(--cream);\r\n\r\n cursor:\r\n pointer;\r\n\r\n font-size:\r\n 12px;\r\n\r\n font-weight:\r\n 750;\r\n\r\n transition:\r\n .2s ease;\r\n}\r\n\r\n.interest label:hover {\r\n\r\n border-color:\r\n var(--ink);\r\n}\r\n\r\n.interest input:checked + label {\r\n\r\n background:\r\n var(--blue);\r\n\r\n border-color:\r\n var(--blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SELECT ALL\r\n========================================================= *\/\r\n\r\n.select-all {\r\n\r\n display:\r\n flex;\r\n\r\n align-items:\r\n center;\r\n\r\n justify-content:\r\n space-between;\r\n\r\n gap:\r\n 15px;\r\n\r\n margin:\r\n 15px 0 9px;\r\n\r\n padding:\r\n 12px 14px;\r\n\r\n border-radius:\r\n 12px;\r\n\r\n background:\r\n var(--stone);\r\n\r\n cursor:\r\n pointer;\r\n}\r\n\r\n.select-all-text {\r\n\r\n font-size:\r\n 12px;\r\n\r\n font-weight:\r\n 850;\r\n}\r\n\r\n.select-all-text span {\r\n\r\n display:\r\n block;\r\n\r\n margin-top:\r\n 2px;\r\n\r\n color:\r\n var(--muted);\r\n\r\n font-size:\r\n 10px;\r\n\r\n font-weight:\r\n 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOGGLE\r\n========================================================= *\/\r\n\r\n.toggle {\r\n\r\n position:\r\n relative;\r\n\r\n width:\r\n 46px;\r\n\r\n height:\r\n 26px;\r\n\r\n flex:\r\n 0 0 auto;\r\n}\r\n\r\n.toggle input {\r\n\r\n opacity:\r\n 0;\r\n\r\n width:\r\n 0;\r\n\r\n height:\r\n 0;\r\n}\r\n\r\n.slider {\r\n\r\n position:\r\n absolute;\r\n\r\n inset:\r\n 0;\r\n\r\n border-radius:\r\n 99px;\r\n\r\n background:\r\n #c8c8c8;\r\n\r\n transition:\r\n .2s ease;\r\n}\r\n\r\n.slider:before {\r\n\r\n content:\r\n \"\";\r\n\r\n position:\r\n absolute;\r\n\r\n width:\r\n 20px;\r\n\r\n height:\r\n 20px;\r\n\r\n left:\r\n 3px;\r\n\r\n top:\r\n 3px;\r\n\r\n border-radius:\r\n 50%;\r\n\r\n background:\r\n white;\r\n\r\n transition:\r\n .2s ease;\r\n\r\n box-shadow:\r\n 0 1px 4px rgba(0,0,0,.2);\r\n}\r\n\r\n.toggle input:checked + .slider {\r\n\r\n background:\r\n var(--ink);\r\n}\r\n\r\n.toggle input:checked + .slider:before {\r\n\r\n transform:\r\n translateX(20px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n POPIA\r\n========================================================= *\/\r\n\r\n.popia {\r\n\r\n margin:\r\n 22px 0;\r\n\r\n padding:\r\n 16px 17px;\r\n\r\n border-radius:\r\n 13px;\r\n\r\n background:\r\n #f5f5f3;\r\n\r\n color:\r\n var(--muted);\r\n\r\n font-size:\r\n 11px;\r\n\r\n line-height:\r\n 1.55;\r\n}\r\n\r\n.popia strong {\r\n\r\n color:\r\n var(--ink);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUBMIT BUTTON\r\n========================================================= *\/\r\n\r\n.submit-button {\r\n\r\n width:\r\n 100%;\r\n\r\n min-height:\r\n 53px;\r\n\r\n border:\r\n 0;\r\n\r\n border-radius:\r\n 999px;\r\n\r\n background:\r\n var(--ink);\r\n\r\n color:\r\n white;\r\n\r\n font-size:\r\n 14px;\r\n\r\n font-weight:\r\n 900;\r\n\r\n cursor:\r\n pointer;\r\n\r\n transition:\r\n .2s ease;\r\n}\r\n\r\n.submit-button:hover {\r\n\r\n transform:\r\n translateY(-2px);\r\n}\r\n\r\n.submit-button:disabled {\r\n\r\n opacity:\r\n .6;\r\n\r\n cursor:\r\n wait;\r\n\r\n transform:\r\n none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONFIRMATION\r\n========================================================= *\/\r\n\r\n.confirmation {\r\n\r\n display:\r\n none;\r\n\r\n margin-top:\r\n 18px;\r\n\r\n padding:\r\n 18px 20px;\r\n\r\n border-radius:\r\n 14px;\r\n\r\n background:\r\n var(--green);\r\n\r\n color:\r\n var(--green-text);\r\n\r\n font-size:\r\n 13px;\r\n}\r\n\r\n.confirmation.show {\r\n display:\r\n block;\r\n}\r\n\r\n.confirmation strong {\r\n\r\n display:\r\n block;\r\n\r\n margin-bottom:\r\n 3px;\r\n\r\n font-size:\r\n 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ERROR\r\n========================================================= *\/\r\n\r\n.form-error {\r\n\r\n display:\r\n none;\r\n\r\n margin-top:\r\n 18px;\r\n\r\n padding:\r\n 15px 17px;\r\n\r\n border-radius:\r\n 13px;\r\n\r\n background:\r\n var(--red);\r\n\r\n color:\r\n var(--red-text);\r\n\r\n font-size:\r\n 12px;\r\n}\r\n\r\n.form-error.show {\r\n display:\r\n block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HOW IT WORKS\r\n========================================================= *\/\r\n\r\n.how {\r\n\r\n padding:\r\n 90px 0;\r\n\r\n background:\r\n var(--blue);\r\n}\r\n\r\n.section-heading {\r\n\r\n max-width:\r\n 760px;\r\n\r\n margin-bottom:\r\n 40px;\r\n}\r\n\r\n.section-heading h2 {\r\n\r\n margin:\r\n 16px 0;\r\n\r\n font-size:\r\n clamp(\r\n 42px,\r\n 6vw,\r\n 70px\r\n );\r\n\r\n line-height:\r\n .9;\r\n\r\n letter-spacing:\r\n -.065em;\r\n}\r\n\r\n.section-heading p {\r\n\r\n color:\r\n var(--soft-ink);\r\n\r\n font-size:\r\n 17px;\r\n}\r\n\r\n.steps {\r\n\r\n display:\r\n grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:\r\n 15px;\r\n}\r\n\r\n.step {\r\n\r\n padding:\r\n 30px;\r\n\r\n background:\r\n white;\r\n\r\n border-radius:\r\n 20px;\r\n}\r\n\r\n.step-number {\r\n\r\n display:\r\n inline-flex;\r\n\r\n width:\r\n 38px;\r\n\r\n height:\r\n 38px;\r\n\r\n align-items:\r\n center;\r\n\r\n justify-content:\r\n center;\r\n\r\n border-radius:\r\n 50%;\r\n\r\n background:\r\n var(--stone);\r\n\r\n font-size:\r\n 12px;\r\n\r\n font-weight:\r\n 950;\r\n}\r\n\r\n.step h3 {\r\n\r\n margin:\r\n 22px 0 7px;\r\n\r\n font-size:\r\n 21px;\r\n}\r\n\r\n.step p {\r\n\r\n margin:\r\n 0;\r\n\r\n color:\r\n var(--muted);\r\n\r\n font-size:\r\n 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REASSURANCE\r\n========================================================= *\/\r\n\r\n.reassurance {\r\n\r\n padding:\r\n 90px 0;\r\n}\r\n\r\n.reassurance-box {\r\n\r\n display:\r\n grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:\r\n 20px;\r\n\r\n align-items:\r\n stretch;\r\n}\r\n\r\n.reassurance-main {\r\n\r\n padding:\r\n 45px;\r\n\r\n border-radius:\r\n var(--radius);\r\n\r\n background:\r\n var(--stone);\r\n}\r\n\r\n.reassurance-main h2 {\r\n\r\n margin:\r\n 0 0 15px;\r\n\r\n font-size:\r\n clamp(\r\n 38px,\r\n 5vw,\r\n 58px\r\n );\r\n\r\n line-height:\r\n .9;\r\n\r\n letter-spacing:\r\n -.06em;\r\n}\r\n\r\n.reassurance-main p {\r\n\r\n max-width:\r\n 560px;\r\n\r\n color:\r\n var(--soft-ink);\r\n}\r\n\r\n.reassurance-side {\r\n\r\n padding:\r\n 35px;\r\n\r\n border-radius:\r\n var(--radius);\r\n\r\n background:\r\n var(--ink);\r\n\r\n color:\r\n white;\r\n}\r\n\r\n.reassurance-side h3 {\r\n\r\n margin:\r\n 0 0 14px;\r\n\r\n font-size:\r\n 25px;\r\n}\r\n\r\n.reassurance-side p {\r\n\r\n color:\r\n #aaa;\r\n\r\n font-size:\r\n 14px;\r\n}\r\n\r\n.frequency-large {\r\n\r\n margin-top:\r\n 25px;\r\n\r\n padding:\r\n 15px 17px;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.15);\r\n\r\n border-radius:\r\n 14px;\r\n\r\n color:\r\n white;\r\n\r\n font-weight:\r\n 800;\r\n\r\n font-size:\r\n 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REUSABLE FOOTER SIGNUP\r\n========================================================= *\/\r\n\r\n.mini-signup {\r\n\r\n padding:\r\n 70px 0;\r\n\r\n background:\r\n var(--stone);\r\n}\r\n\r\n.mini-signup-inner {\r\n\r\n display:\r\n flex;\r\n\r\n align-items:\r\n center;\r\n\r\n justify-content:\r\n space-between;\r\n\r\n gap:\r\n 30px;\r\n\r\n padding:\r\n 40px;\r\n\r\n border-radius:\r\n var(--radius);\r\n\r\n background:\r\n var(--ink);\r\n\r\n color:\r\n white;\r\n}\r\n\r\n.mini-signup h2 {\r\n\r\n margin:\r\n 0 0 7px;\r\n\r\n font-size:\r\n clamp(\r\n 30px,\r\n 4vw,\r\n 48px\r\n );\r\n\r\n line-height:\r\n .9;\r\n\r\n letter-spacing:\r\n -.055em;\r\n}\r\n\r\n.mini-signup p {\r\n\r\n margin:\r\n 0;\r\n\r\n color:\r\n #aaa;\r\n}\r\n\r\n.mini-button {\r\n\r\n display:\r\n inline-flex;\r\n\r\n align-items:\r\n center;\r\n\r\n justify-content:\r\n center;\r\n\r\n min-height:\r\n 48px;\r\n\r\n padding:\r\n 11px 20px;\r\n\r\n border-radius:\r\n 999px;\r\n\r\n background:\r\n var(--blue);\r\n\r\n color:\r\n var(--ink);\r\n\r\n text-decoration:\r\n none;\r\n\r\n font-size:\r\n 13px;\r\n\r\n font-weight:\r\n 900;\r\n\r\n white-space:\r\n nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FOOTER\r\n========================================================= *\/\r\n\r\nfooter {\r\n\r\n padding:\r\n 45px 20px;\r\n\r\n background:\r\n #111;\r\n\r\n color:\r\n white;\r\n\r\n text-align:\r\n center;\r\n}\r\n\r\nfooter p {\r\n\r\n margin:\r\n 5px 0;\r\n\r\n color:\r\n #999;\r\n}\r\n\r\nfooter a {\r\n\r\n color:\r\n white;\r\n\r\n font-weight:\r\n 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:850px) {\r\n\r\n .container {\r\n\r\n width:\r\n min(\r\n calc(100% - 26px),\r\n var(--max)\r\n );\r\n }\r\n\r\n .nav-links {\r\n display:\r\n none;\r\n }\r\n\r\n .hero {\r\n\r\n padding:\r\n 75px 0 90px;\r\n }\r\n\r\n .signup-grid,\r\n .reassurance-box {\r\n\r\n grid-template-columns:\r\n 1fr;\r\n }\r\n\r\n .steps {\r\n\r\n grid-template-columns:\r\n 1fr;\r\n }\r\n\r\n .mini-signup-inner {\r\n\r\n flex-direction:\r\n column;\r\n\r\n align-items:\r\n flex-start;\r\n }\r\n}\r\n\r\n\r\n@media(max-width:560px) {\r\n\r\n .hero h1 {\r\n font-size:\r\n 60px;\r\n }\r\n\r\n .form-card,\r\n .benefits {\r\n\r\n padding:\r\n 27px;\r\n }\r\n\r\n .interest-grid {\r\n\r\n grid-template-columns:\r\n 1fr;\r\n }\r\n\r\n .reassurance-main,\r\n .reassurance-side {\r\n\r\n padding:\r\n 28px;\r\n }\r\n\r\n .mini-signup-inner {\r\n\r\n padding:\r\n 30px;\r\n }\r\n\r\n .mini-button {\r\n\r\n width:\r\n 100%;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<a\r\n href=\"#main\"\r\n class=\"skip-link\">\r\n\r\n Skip to content\r\n\r\n<\/a>\r\n\r\n\r\n<!-- ======================================================\r\n NAV\r\n====================================================== -->\r\n\r\n<nav class=\"site-nav\">\r\n\r\n <div class=\"container nav-inner\">\r\n\r\n <a\r\n href=\"https:\/\/kindredmarket.online\/\"\r\n class=\"logo\">\r\n\r\n KINDRED MARKET\r\n\r\n <\/a>\r\n\r\n\r\n <div class=\"nav-links\">\r\n\r\n <a href=\"\/\">\r\n\r\n Home\r\n\r\n <\/a>\r\n\r\n <a href=\"\/market-calendar\/\">\r\n\r\n Market Calendar\r\n\r\n <\/a>\r\n\r\n <a href=\"\/apply-to-trade\/\">\r\n\r\n Apply to trade\r\n\r\n <\/a>\r\n\r\n <a href=\"\/visit\/\">\r\n\r\n Visit\r\n\r\n <\/a>\r\n\r\n <a href=\"\/contact\/\">\r\n\r\n Contact\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/nav>\r\n\r\n\r\n<main id=\"main\">\r\n\r\n\r\n<!-- ======================================================\r\n HERO\r\n====================================================== -->\r\n\r\n<header class=\"hero\">\r\n\r\n <div class=\"container hero-inner\">\r\n\r\n <span class=\"eyebrow\">\r\n\r\n Kindred Newsletter\r\n\r\n <\/span>\r\n\r\n\r\n <h1>\r\n\r\n Stay in the loop.\r\n\r\n <\/h1>\r\n\r\n\r\n <p class=\"hero-copy\">\r\n\r\n Market dates, announcements, new traders,\r\n special events and the little things that make\r\n Kindred worth knowing about \u2014 delivered straight\r\n to your inbox.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"frequency\">\r\n\r\n <span class=\"frequency-dot\"><\/span>\r\n\r\n Once or twice a month, around market dates.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<!-- ======================================================\r\n SIGNUP\r\n====================================================== -->\r\n\r\n<section class=\"signup-section\">\r\n\r\n <div class=\"container signup-grid\">\r\n\r\n\r\n <!-- BENEFITS -->\r\n\r\n <div class=\"benefits\">\r\n\r\n <h2>\r\n\r\n What's coming up?\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"benefits-intro\">\r\n\r\n Subscribe and we'll keep you informed\r\n without filling your inbox every week.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"benefit\">\r\n\r\n <div class=\"benefit-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Market dates\r\n <\/strong>\r\n\r\n <span>\r\n Know when the next Kindred is happening.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"benefit\">\r\n\r\n <div class=\"benefit-icon\">\r\n \u2605\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n What's new\r\n <\/strong>\r\n\r\n <span>\r\n New traders, brands and things to discover.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"benefit\">\r\n\r\n <div class=\"benefit-icon\">\r\n +\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Special events\r\n <\/strong>\r\n\r\n <span>\r\n Hear about special activations and\r\n community moments.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"benefit\">\r\n\r\n <div class=\"benefit-icon\">\r\n \u2192\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Useful updates\r\n <\/strong>\r\n\r\n <span>\r\n Important information without the noise.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- FORM -->\r\n\r\n <div class=\"form-card\">\r\n\r\n <h2>\r\n\r\n Join the Kindred list.\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"form-intro\">\r\n\r\n Tell us where to send the updates and\r\n what you're interested in.\r\n\r\n <\/p>\r\n\r\n\r\n <!--\r\n\r\n =================================================\r\n NEWSLETTER ENDPOINT\r\n =================================================\r\n\r\n Replace NEWSLETTER_ENDPOINT below with the\r\n URL supplied by your newsletter platform.\r\n\r\n Example:\r\n\r\n https:\/\/your-newsletter-service.com\/subscribe\r\n\r\n The HTML UI does NOT require an embedded\r\n JavaScript form, which prevents the live-page\r\n \"Please enable JavaScript...\" problem.\r\n\r\n =================================================\r\n\r\n -->\r\n\r\n\r\n \r\n\r\n\r\n <div class=\"form-group\">\r\n\r\n <label for=\"subscriberName\">\r\n\r\n First name\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"subscriberName\"\r\n name=\"first_name\"\r\n type=\"text\"\r\n autocomplete=\"given-name\"\r\n placeholder=\"Your first name\">\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"form-group\">\r\n\r\n <label for=\"subscriberEmail\">\r\n\r\n Email address\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"subscriberEmail\"\r\n name=\"email\"\r\n type=\"email\"\r\n autocomplete=\"email\"\r\n placeholder=\"you@example.com\"\r\n required>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- INTERESTS -->\r\n\r\n <div class=\"interests-heading\">\r\n\r\n What would you like to hear about?\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"interests-sub\">\r\n\r\n Choose as many as you'd like.\r\n\r\n <\/p>\r\n\r\n\r\n <!-- SELECT ALL -->\r\n\r\n <label\r\n class=\"select-all\"\r\n for=\"selectEverything\">\r\n\r\n <span class=\"select-all-text\">\r\n\r\n Everything Kindred\r\n\r\n <span>\r\n\r\n Select all newsletter topics\r\n\r\n <\/span>\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"toggle\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"selectEverything\">\r\n\r\n <span class=\"slider\"><\/span>\r\n\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n\r\n <!-- OPTIONS -->\r\n\r\n <div class=\"interest-grid\">\r\n\r\n\r\n <div class=\"interest\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"interestMarkets\"\r\n name=\"interests[]\"\r\n value=\"markets\">\r\n\r\n <label for=\"interestMarkets\">\r\n\r\n Market dates\r\n\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"interest\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"interestTraders\"\r\n name=\"interests[]\"\r\n value=\"traders\">\r\n\r\n <label for=\"interestTraders\">\r\n\r\n New traders\r\n\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"interest\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"interestEvents\"\r\n name=\"interests[]\"\r\n value=\"events\">\r\n\r\n <label for=\"interestEvents\">\r\n\r\n Special events\r\n\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"interest\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"interestCommunity\"\r\n name=\"interests[]\"\r\n value=\"community\">\r\n\r\n <label for=\"interestCommunity\">\r\n\r\n Community news\r\n\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"interest\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"interestFood\"\r\n name=\"interests[]\"\r\n value=\"food\">\r\n\r\n <label for=\"interestFood\">\r\n\r\n Food & drink\r\n\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"interest\">\r\n\r\n <input\r\n type=\"checkbox\"\r\n id=\"interestAnnouncements\"\r\n name=\"interests[]\"\r\n value=\"announcements\">\r\n\r\n <label for=\"interestAnnouncements\">\r\n\r\n Important updates\r\n\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <!-- POPIA -->\r\n\r\n <div class=\"popia\">\r\n\r\n <strong>\r\n Your privacy matters.\r\n <\/strong>\r\n\r\n By subscribing, you agree that Kindred\r\n Market may use the information you provide\r\n to send you newsletter communications and\r\n updates you have requested.\r\n\r\n We will not sell your personal information\r\n to third parties.\r\n\r\n You can unsubscribe at any time using the\r\n unsubscribe link in our emails.\r\n\r\n Your information will be handled in\r\n accordance with applicable South African\r\n privacy and data-protection requirements,\r\n including POPIA.\r\n\r\n <\/div>\r\n\r\n\r\n <!-- SUBMIT -->\r\n\r\n <button\r\n type=\"submit\"\r\n class=\"submit-button\"\r\n id=\"submitButton\">\r\n\r\n Subscribe to Kindred \u2192\r\n\r\n <\/button>\r\n\r\n\r\n <!-- CONFIRMATION -->\r\n\r\n <div\r\n id=\"confirmation\"\r\n class=\"confirmation\">\r\n\r\n <strong>\r\n You're on the list.\r\n <\/strong>\r\n\r\n Thanks for subscribing.\r\n\r\n You'll receive a confirmation email\r\n shortly if your newsletter system uses\r\n double opt-in.\r\n\r\n After that, expect Kindred updates\r\n around once or twice a month, generally\r\n around market dates.\r\n\r\n <\/div>\r\n\r\n\r\n <!-- ERROR -->\r\n\r\n <div\r\n id=\"formError\"\r\n class=\"form-error\">\r\n\r\n Something went wrong while submitting\r\n your subscription.\r\n\r\n Please try again or email\r\n hello@kindredevents.com.\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n HOW IT WORKS\r\n====================================================== -->\r\n\r\n<section class=\"how\">\r\n\r\n <div class=\"container\">\r\n\r\n\r\n <div class=\"section-heading\">\r\n\r\n <span class=\"eyebrow\">\r\n\r\n What happens next?\r\n\r\n <\/span>\r\n\r\n\r\n <h2>\r\n\r\n Simple. No inbox overload.\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n We know nobody needs another newsletter\r\n arriving every Tuesday morning.\r\n\r\n Kindred's newsletter is deliberately\r\n occasional and useful.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"steps\">\r\n\r\n\r\n <article class=\"step\">\r\n\r\n <span class=\"step-number\">\r\n\r\n 01\r\n\r\n <\/span>\r\n\r\n\r\n <h3>\r\n\r\n You subscribe.\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n Enter your email, choose what you're\r\n interested in and submit the form.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"step\">\r\n\r\n <span class=\"step-number\">\r\n\r\n 02\r\n\r\n <\/span>\r\n\r\n\r\n <h3>\r\n\r\n Confirm your email.\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n If double opt-in is enabled, you'll\r\n receive a confirmation email.\r\n\r\n Click the link and you're in.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"step\">\r\n\r\n <span class=\"step-number\">\r\n\r\n 03\r\n\r\n <\/span>\r\n\r\n\r\n <h3>\r\n\r\n Hear from Kindred.\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n Expect roughly one or two emails a month,\r\n usually around upcoming market dates and\r\n important Kindred updates.\r\n\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n TRUST\r\n====================================================== -->\r\n\r\n<section class=\"reassurance\">\r\n\r\n <div class=\"container reassurance-box\">\r\n\r\n\r\n <div class=\"reassurance-main\">\r\n\r\n <span class=\"eyebrow\">\r\n\r\n No Inbox Noise\r\n\r\n <\/span>\r\n\r\n\r\n <h2>\r\n\r\n Useful beats frequent.\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n The Kindred newsletter exists to make it\r\n easier to know what's happening without\r\n having to constantly check social media.\r\n\r\n We'll share the things we think are actually\r\n worth knowing.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"reassurance-side\">\r\n\r\n <h3>\r\n\r\n How often?\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n We aim for once or twice a month,\r\n generally around market dates.\r\n\r\n There may occasionally be an additional\r\n email when something genuinely useful or\r\n exciting needs to be shared.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"frequency-large\">\r\n\r\n \u2709 Once or twice a month\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n REUSABLE SIGNUP CTA\r\n====================================================== -->\r\n\r\n<section class=\"mini-signup\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"mini-signup-inner\">\r\n\r\n\r\n <div>\r\n\r\n <h2>\r\n\r\n Don't miss the next one.\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Join the Kindred list for market dates\r\n and updates.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#main\"\r\n class=\"mini-button\">\r\n\r\n Join The Newsletter \u2192\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n<!-- ======================================================\r\n FOOTER\r\n====================================================== -->\r\n\r\n<footer>\r\n\r\n <p>\r\n \u00a9 2026 Kindred Market\r\n <\/p>\r\n\r\n\r\n <p>\r\n\r\n <a\r\n href=\"mailto:hello@kindredevents.com\">\r\n\r\n hello@kindredevents.com\r\n\r\n <\/a>\r\n\r\n   \u00b7  \r\n\r\n <a\r\n href=\"https:\/\/www.instagram.com\/the.kindredmarket\/?hl=en\"\r\n target=\"_blank\"\r\n rel=\"noopener\">\r\n\r\n Instagram\r\n\r\n <\/a>\r\n\r\n <\/p>\r\n\r\n\r\n <p>\r\n\r\n Timour Hall Villa \u00b7 Plumstead \u00b7 Cape Town\r\n\r\n <\/p>\r\n\r\n<\/footer>\r\n\r\n\r\n<!-- ======================================================\r\n JAVASCRIPT\r\n====================================================== -->\r\n\r\n<script>\r\n\r\n\r\n\/* ========================================================\r\n NEWSLETTER CONFIGURATION\r\n\r\n IMPORTANT:\r\n\r\n Replace this with the actual endpoint supplied by\r\n your newsletter\/email marketing system.\r\n\r\n Do NOT put an API secret\/key in this HTML.\r\n\r\n======================================================== *\/\r\n\r\nconst NEWSLETTER_ENDPOINT =\r\n \"REPLACE-WITH-YOUR-NEWSLETTER-ENDPOINT\";\r\n\r\n\r\n\/* ========================================================\r\n SELECT ALL INTERESTS\r\n======================================================== *\/\r\n\r\nconst selectEverything =\r\n document.getElementById(\r\n \"selectEverything\"\r\n );\r\n\r\n\r\nconst interestInputs =\r\n document.querySelectorAll(\r\n '.interest input[type=\"checkbox\"]'\r\n );\r\n\r\n\r\nselectEverything.addEventListener(\r\n \"change\",\r\n function() {\r\n\r\n interestInputs.forEach(\r\n function(input) {\r\n\r\n input.checked =\r\n selectEverything.checked;\r\n\r\n }\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* ========================================================\r\n KEEP SELECT-ALL STATE IN SYNC\r\n======================================================== *\/\r\n\r\ninterestInputs.forEach(\r\n function(input) {\r\n\r\n input.addEventListener(\r\n \"change\",\r\n function() {\r\n\r\n const allSelected =\r\n Array.from(\r\n interestInputs\r\n ).every(\r\n item =>\r\n item.checked\r\n );\r\n\r\n\r\n const noneSelected =\r\n Array.from(\r\n interestInputs\r\n ).every(\r\n item =>\r\n !item.checked\r\n );\r\n\r\n\r\n selectEverything.checked =\r\n allSelected;\r\n\r\n\r\n \/*\r\n The native checkbox can be visually\r\n indeterminate when only some topics\r\n are selected.\r\n *\/\r\n\r\n selectEverything.indeterminate =\r\n !allSelected &&\r\n !noneSelected;\r\n\r\n }\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* ========================================================\r\n FORM SUBMISSION\r\n======================================================== *\/\r\n\r\nconst newsletterForm =\r\n document.getElementById(\r\n \"newsletterForm\"\r\n );\r\n\r\n\r\nnewsletterForm.addEventListener(\r\n \"submit\",\r\n async function(event) {\r\n\r\n event.preventDefault();\r\n\r\n\r\n const email =\r\n document.getElementById(\r\n \"subscriberEmail\"\r\n ).value.trim();\r\n\r\n\r\n const name =\r\n document.getElementById(\r\n \"subscriberName\"\r\n ).value.trim();\r\n\r\n\r\n const submitButton =\r\n document.getElementById(\r\n \"submitButton\"\r\n );\r\n\r\n\r\n const confirmation =\r\n document.getElementById(\r\n \"confirmation\"\r\n );\r\n\r\n\r\n const formError =\r\n document.getElementById(\r\n \"formError\"\r\n );\r\n\r\n\r\n \/*\r\n BASIC EMAIL VALIDATION\r\n *\/\r\n\r\n if (\r\n !email ||\r\n !email.includes(\"@\") ||\r\n !email.includes(\".\")\r\n ) {\r\n\r\n formError.textContent =\r\n \"Please enter a valid email address.\";\r\n\r\n formError.classList.add(\r\n \"show\"\r\n );\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n \/*\r\n RESET MESSAGES\r\n *\/\r\n\r\n formError.classList.remove(\r\n \"show\"\r\n );\r\n\r\n confirmation.classList.remove(\r\n \"show\"\r\n );\r\n\r\n\r\n \/*\r\n DISABLE BUTTON\r\n *\/\r\n\r\n submitButton.disabled =\r\n true;\r\n\r\n submitButton.textContent =\r\n \"Joining the list\u2026\";\r\n\r\n\r\n \/*\r\n COLLECT INTERESTS\r\n *\/\r\n\r\n const interests =\r\n Array.from(\r\n interestInputs\r\n )\r\n .filter(\r\n input =>\r\n input.checked\r\n )\r\n .map(\r\n input =>\r\n input.value\r\n );\r\n\r\n\r\n \/*\r\n BUILD PAYLOAD\r\n *\/\r\n\r\n const payload = {\r\n\r\n first_name:\r\n name,\r\n\r\n email:\r\n email,\r\n\r\n interests:\r\n interests,\r\n\r\n source:\r\n \"kindred-website-newsletter\",\r\n\r\n consent:\r\n true\r\n\r\n };\r\n\r\n\r\n \/*\r\n ====================================================\r\n DEMO \/ NOT YET CONNECTED\r\n ====================================================\r\n\r\n Until a real newsletter endpoint is supplied,\r\n the page gives a clear configuration error\r\n rather than pretending that a subscriber has\r\n actually been saved.\r\n\r\n This prevents the dangerous situation where\r\n someone sees \"You're subscribed\" while no\r\n subscriber has actually entered the mailing list.\r\n ====================================================\r\n *\/\r\n\r\n\r\n if (\r\n !NEWSLETTER_ENDPOINT ||\r\n NEWSLETTER_ENDPOINT.includes(\r\n \"REPLACE-WITH\"\r\n )\r\n ) {\r\n\r\n submitButton.disabled =\r\n false;\r\n\r\n submitButton.textContent =\r\n \"Subscribe to Kindred \u2192\";\r\n\r\n\r\n formError.textContent =\r\n \"The newsletter signup is not connected yet. Please connect the newsletter service endpoint before going live.\";\r\n\r\n\r\n formError.classList.add(\r\n \"show\"\r\n );\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n \/*\r\n ====================================================\r\n SEND SUBSCRIPTION\r\n ====================================================\r\n *\/\r\n\r\n try {\r\n\r\n const response =\r\n await fetch(\r\n NEWSLETTER_ENDPOINT,\r\n {\r\n\r\n method:\r\n \"POST\",\r\n\r\n headers: {\r\n\r\n \"Content-Type\":\r\n \"application\/json\"\r\n\r\n },\r\n\r\n body:\r\n JSON.stringify(\r\n payload\r\n )\r\n\r\n }\r\n );\r\n\r\n\r\n if (\r\n !response.ok\r\n ) {\r\n\r\n throw new Error(\r\n \"Subscription failed\"\r\n );\r\n\r\n }\r\n\r\n\r\n \/*\r\n SUCCESS\r\n *\/\r\n\r\n newsletterForm.reset();\r\n\r\n selectEverything.checked =\r\n false;\r\n\r\n selectEverything.indeterminate =\r\n false;\r\n\r\n\r\n confirmation.classList.add(\r\n \"show\"\r\n );\r\n\r\n\r\n submitButton.disabled =\r\n false;\r\n\r\n submitButton.textContent =\r\n \"You're subscribed \u2713\";\r\n\r\n\r\n confirmation.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"nearest\"\r\n });\r\n\r\n\r\n } catch(error) {\r\n\r\n\r\n \/*\r\n ERROR\r\n *\/\r\n\r\n submitButton.disabled =\r\n false;\r\n\r\n submitButton.textContent =\r\n \"Subscribe to Kindred \u2192\";\r\n\r\n\r\n formError.textContent =\r\n \"We couldn't complete your subscription right now. Please try again or email hello@kindredevents.com.\";\r\n\r\n\r\n formError.classList.add(\r\n \"show\"\r\n );\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html><noscript>Please enable JavaScript for this form to work.<\/noscript><\/div><\/form><!-- \/ HTML Forms -->\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":{"footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Newsletter 1 - KINDRED MARKET<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Newsletter 1 - KINDRED MARKET\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118\" \/>\n<meta property=\"og:site_name\" content=\"KINDRED MARKET\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-10T12:09:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/?page_id=118\",\"url\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/?page_id=118\",\"name\":\"Newsletter 1 - KINDRED MARKET\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/#website\"},\"datePublished\":\"2026-08-10T12:00:58+00:00\",\"dateModified\":\"2026-08-10T12:09:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/?page_id=118#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/?page_id=118\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/?page_id=118#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Newsletter 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/#website\",\"url\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/\",\"name\":\"KINDRED MARKET\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kindred-market-107d61a.ingress-erytho.ewp.live\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Newsletter 1 - KINDRED MARKET","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118","og_locale":"en_US","og_type":"article","og_title":"Newsletter 1 - KINDRED MARKET","og_url":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118","og_site_name":"KINDRED MARKET","article_modified_time":"2026-08-10T12:09:05+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118","url":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118","name":"Newsletter 1 - KINDRED MARKET","isPartOf":{"@id":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/#website"},"datePublished":"2026-08-10T12:00:58+00:00","dateModified":"2026-08-10T12:09:05+00:00","breadcrumb":{"@id":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?page_id=118#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/"},{"@type":"ListItem","position":2,"name":"Newsletter 1"}]},{"@type":"WebSite","@id":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/#website","url":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/","name":"KINDRED MARKET","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kindred-market-107d61a.ingress-erytho.ewp.live\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/kindredmarket.online\/index.php?rest_route=\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kindredmarket.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kindredmarket.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kindredmarket.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kindredmarket.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=118"}],"version-history":[{"count":1,"href":"https:\/\/kindredmarket.online\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/kindredmarket.online\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/kindredmarket.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}