{"id":469,"date":"2026-08-03T09:20:34","date_gmt":"2026-08-03T09:20:34","guid":{"rendered":"https:\/\/setuphero.com\/my\/?page_id=469"},"modified":"2026-08-25T05:08:17","modified_gmt":"2026-08-25T05:08:17","slug":"become-a-partner","status":"publish","type":"page","link":"https:\/\/setuphero.com\/my\/become-a-partner\/","title":{"rendered":"Become a partner"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Become a Partner - SetupHero<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n * { font-family: 'Inter', sans-serif; }\r\n\r\n :root {\r\n --cream: #f8f6f0;\r\n --near-black: #0a0a0a;\r\n --gold: #C59D51;\r\n --bronze: #A87F3D;\r\n }\r\n\r\n .bg-cream { background-color: var(--cream); }\r\n .bg-near-black { background-color: var(--near-black); }\r\n .text-gold { color: var(--gold); }\r\n .text-bronze { color: var(--bronze); }\r\n .bg-gold { background-color: var(--gold); }\r\n .bg-bronze { background-color: var(--bronze); }\r\n .border-gold { border-color: var(--gold); }\r\n\r\n .gold-gradient { background: linear-gradient(135deg, #C59D51 0%, #A87F3D 100%); }\r\n\r\n .card-hover { transition: box-shadow 0.2s, transform 0.2s; }\r\n .card-hover:hover { box-shadow: 0 8px 32px rgba(197, 157, 81, 0.15); transform: translateY(-2px); }\r\n\r\n .faq-item { border-bottom: 1px solid #e5e7eb; }\r\n .faq-answer { display: none; }\r\n .faq-item.open .faq-answer { display: block; }\r\n .faq-item.open .faq-icon { transform: rotate(45deg); color: var(--gold); }\r\n .faq-icon { transition: transform 0.2s; }\r\n\r\n \/* Avatar stack for the referral banner (icon-based, no external photos) *\/\r\n .avatar-stack { display: flex; justify-content: center; }\r\n .avatar-stack .avatar {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 9999px;\r\n border: 2px solid #ffffff;\r\n margin-left: -12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 800;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.08);\r\n }\r\n .avatar-stack .avatar:first-child { margin-left: 0; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-cream text-gray-900\">\r\n\r\n \r\n <link rel=\"preload\" as=\"image\" href=\"\/my\/wp-content\/uploads\/2026\/08\/prtnr-2.webp\" fetchpriority=\"high\">\n\n <style>\n #ssm-hero-yOCu7t {\n --ink: #1B1B1B;\n --cream: #f5f3ee;\n --gold: #C59D51;\n --gold-dark: #a8813f;\n --muted: #6B7280;\n --border-color: #E4E0D8;\n\n font-family: 'Inter', sans-serif;\n background-color: var(--cream);\n color: var(--ink);\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n padding: 0rem 1rem 2rem;\n box-sizing: border-box;\n overflow-x: hidden;\n }\n\n @media (min-width: 640px) { #ssm-hero-yOCu7t { padding: 1rem 1.5rem 2.5rem; } }\n @media (min-width: 1024px) { #ssm-hero-yOCu7t { padding: 1.0rem 2rem 3rem; } }\n @media (min-width: 1440px) { #ssm-hero-yOCu7t { padding: 1.0rem 2.5rem 3rem; } }\n\n #ssm-hero-yOCu7t *,\n #ssm-hero-yOCu7t *::before,\n #ssm-hero-yOCu7t *::after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n }\n\n #ssm-hero-yOCu7t a { text-decoration: none; }\n #ssm-hero-yOCu7t ul { list-style: none; }\n #ssm-hero-yOCu7t img { max-width: 100%; display: block; }\n #ssm-hero-yOCu7t svg { flex-shrink: 0; display: inline-block; vertical-align: middle; }\n\n #ssm-hero-yOCu7t .ssm-hero-container {\n position: relative;\n width: 100%;\n background-color: var(--ink);\n border-radius: 24px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n @media (min-width: 1024px) {\n #ssm-hero-yOCu7t .ssm-hero-container { border-radius: 48px; }\n }\n\n #ssm-hero-yOCu7t .ssm-hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n background-color: #1a1c20;\n }\n\n #ssm-hero-yOCu7t .ssm-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(120deg, rgba(10,10,10,0.85) 0%, rgba(10,10,10,0.55) 55%, rgba(10,10,10,0.75) 100%);\n z-index: 1;\n }\n\n #ssm-hero-yOCu7t .ssm-slideshow-container {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n }\n\n #ssm-hero-yOCu7t .ssm-slide {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n opacity: 0;\n transform: scale(1);\n transition: opacity 1.5s ease-in-out;\n }\n\n #ssm-hero-yOCu7t .ssm-slide.is-active {\n opacity: 1;\n transform: scale(1.15);\n transition: opacity 1.5s ease-in-out, transform 8s linear;\n will-change: opacity, transform;\n }\n\n #ssm-hero-yOCu7t .ssm-bg-video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n filter: grayscale(15%) brightness(85%);\n display: none;\n }\n\n #ssm-hero-yOCu7t .ssm-bg-video.is-active { display: block; }\n\n #ssm-hero-yOCu7t .ssm-hero-inner {\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n width: 100%;\n flex-grow: 1;\n }\n\n #ssm-hero-yOCu7t .ssm-hero-top {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n padding: 2.25rem 1.25rem 2rem;\n flex-grow: 1;\n }\n\n @media (min-width: 480px) {\n #ssm-hero-yOCu7t .ssm-hero-top { padding: 2.75rem 1.5rem 2.25rem; gap: 2.5rem; }\n }\n\n @media (min-width: 1024px) {\n #ssm-hero-yOCu7t .ssm-hero-top {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 4.5rem 4rem 3.5rem;\n gap: 2rem;\n }\n }\n\n @media (min-width: 1440px) {\n #ssm-hero-yOCu7t .ssm-hero-top { padding: 5.5rem 5rem 4rem; }\n }\n\n #ssm-hero-yOCu7t .ssm-hero-content {\n display: flex;\n flex-direction: column;\n min-width: 0;\n width: 100%;\n }\n\n #ssm-hero-yOCu7t .ssm-hero-content-inner {\n display: flex;\n flex-direction: column;\n min-width: 0;\n width: 100%;\n container-type: inline-size;\n container-name: ssm-hero-content;\n }\n\n @media (min-width: 1024px) {\n #ssm-hero-yOCu7t .ssm-hero-content { flex: 1 1 380px; min-width: 380px; max-width: 520px; width: auto; }\n }\n\n @media (min-width: 1180px) {\n #ssm-hero-yOCu7t .ssm-hero-content { min-width: 440px; max-width: 580px; }\n }\n\n @media (min-width: 1320px) {\n #ssm-hero-yOCu7t .ssm-hero-content { min-width: 480px; max-width: 620px; }\n }\n\n @media (min-width: 1600px) {\n #ssm-hero-yOCu7t .ssm-hero-content { min-width: 760px; max-width: 860px; }\n }\n\n \/* When the video panel is hidden, let the content column take\n the full width instead of being capped to the two-column sizing\n above, so there's no empty gap on the right. *\/\n #ssm-hero-yOCu7t .ssm-hero-content.ssm-no-video {\n flex: 1 1 100%;\n min-width: 0;\n max-width: 100%;\n }\n\n #ssm-hero-yOCu7t .ssm-hero-content.ssm-no-video .ssm-subcopy {\n max-width: 700px;\n }\n\n \/* ================================================\n BADGE ROW \u2014 stays a SINGLE ROW at every hero-content\n column width: phone, the narrow small-laptop two-column\n layout, and wide desktop. Sized off the real column\n width via container queries (the same \"ssm-hero-content\"\n container the button group below already uses) instead\n of the browser viewport, because the viewport is wrong\n here \u2014 at desktop sizes the content column is narrower\n than the screen (the video panel takes the rest).\n .ssm-badge-text carries a text-overflow:ellipsis safety\n net so a badge truncates gracefully instead of ever\n overflowing its pill or the dark hero container; at the\n text lengths used by default this never actually kicks\n in, it only protects against unusually long custom text.\n ================================================ *\/\n #ssm-hero-yOCu7t .ssm-badge-row {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 1.75rem;\n max-width: 100%;\n }\n\n #ssm-hero-yOCu7t .ssm-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.55rem 1.1rem;\n background-color: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 9999px;\n color: #fff;\n font-size: 0.875rem;\n font-weight: 500;\n flex: 0 1 auto;\n min-width: 0;\n }\n\n #ssm-hero-yOCu7t .ssm-badge-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n }\n\n \/* Container-query tiers, keyed to the real hero-content column\n width. Each tier only trims font-size\/padding \u2014 the row\n never switches to nowrap-overflow or a full vertical stack,\n so the badges always read as clean pills on one line. *\/\n @container ssm-hero-content (max-width: 399px) {\n #ssm-hero-yOCu7t .ssm-badge-row { gap: 0.35rem; }\n #ssm-hero-yOCu7t .ssm-badge { font-size: 0.625rem; padding: 0.45rem 0.6rem; gap: 0.3rem; }\n #ssm-hero-yOCu7t .ssm-badge-dot { width: 5px; height: 5px; }\n }\n\n @container ssm-hero-content (min-width: 400px) and (max-width: 559px) {\n #ssm-hero-yOCu7t .ssm-badge-row { gap: 0.4rem; }\n #ssm-hero-yOCu7t .ssm-badge { font-size: 0.6875rem; padding: 0.5rem 0.75rem; }\n }\n\n @container ssm-hero-content (min-width: 560px) and (max-width: 767px) {\n #ssm-hero-yOCu7t .ssm-badge { font-size: 0.75rem; padding: 0.55rem 0.9rem; }\n }\n\n @container ssm-hero-content (min-width: 768px) {\n #ssm-hero-yOCu7t .ssm-badge { font-size: 0.875rem; padding: 0.55rem 1.1rem; }\n }\n\n \/* Fallback for the rare browser without container-query support:\n mirrors the tiers above keyed to the viewport instead, and\n only stacks the badges (one per row) on a genuinely small\n phone viewport as a last-resort safeguard against overflow. *\/\n @supports not (container-type: inline-size) {\n @media (max-width: 479px) {\n #ssm-hero-yOCu7t .ssm-badge-row {\n flex-direction: column;\n align-items: stretch;\n flex-wrap: nowrap;\n }\n #ssm-hero-yOCu7t .ssm-badge {\n width: 100%;\n max-width: 100%;\n font-size: 0.8125rem;\n padding: 0.6rem 1rem;\n }\n #ssm-hero-yOCu7t .ssm-badge-text { white-space: normal; }\n }\n @media (min-width: 480px) and (max-width: 767px) {\n #ssm-hero-yOCu7t .ssm-badge { font-size: 0.6875rem; padding: 0.5rem 0.75rem; }\n }\n }\n\n #ssm-hero-yOCu7t .ssm-badge-dot {\n width: 7px;\n height: 7px;\n background-color: var(--gold);\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n #ssm-hero-yOCu7t .ssm-badge-stars {\n color: var(--gold);\n font-size: clamp(0.625rem, 0.6rem + 0.15vw, 0.7rem);\n letter-spacing: 1px;\n flex-shrink: 0;\n }\n\n #ssm-hero-yOCu7t .ssm-eyebrow {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--gold);\n font-size: clamp(0.6875rem, 0.65rem + 0.2vw, 0.75rem);\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n margin-bottom: 1rem;\n }\n\n #ssm-hero-yOCu7t .ssm-eyebrow::before {\n content: '';\n width: 28px;\n height: 2px;\n background-color: var(--gold);\n flex-shrink: 0;\n }\n\n \/* ================================================\n HEADLINE \u2014 FONT HARDENED + AUTO-FIT TO 3 LINES\n Forced with !important so this always renders in\n Bricolage Grotesque regardless of theme CSS,\n caching, or Google Fonts load timing.\n\n font-size below is only the STARTING (max) size.\n The script at the bottom measures each line and\n shrinks this element's font-size (via an inline\n style override) until every line fits on one row,\n so the headline is guaranteed to stay at exactly\n 3 lines (one per headline_line attribute) on any\n screen size, instead of the longest line wrapping\n onto a 4th line.\n ================================================ *\/\n #ssm-hero-yOCu7t .ssm-headline {\n font-family: 'Bricolage Grotesque', sans-serif !important;\n font-weight: 700 !important;\n color: #fff;\n line-height: 1.12;\n margin-bottom: 1.5rem;\n font-size: clamp(1.85rem, 1.3rem + 4.2vw, 76px);\n max-width: 100%;\n }\n\n #ssm-hero-yOCu7t .ssm-headline-line {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n font-family: 'Bricolage Grotesque', sans-serif !important;\n }\n\n #ssm-hero-yOCu7t .ssm-text-gold { color: var(--gold); }\n\n #ssm-hero-yOCu7t .ssm-subcopy {\n color: rgba(255, 255, 255, 0.7);\n font-size: clamp(1.05rem, 1rem + 0.5vw, 1.25rem);\n line-height: 1.6;\n font-weight: 300;\n max-width: 600px;\n margin-bottom: 2.5rem;\n }\n\n \/* Buttons size themselves off the REAL available width of the\n content column (via container queries on .ssm-hero-content),\n not the viewport \u2014 the viewport is wrong here because at\n desktop sizes the content column is narrower than the screen\n (the video panel takes the rest). Below ~560px of actual\n column width three full-text buttons genuinely cannot fit on\n one line at a legible size, so on mobile they stack as clean\n full-width buttons instead of being clipped, scrolled, or\n squeezed. From ~560px of column width up, there's enough\n room and they sit in one row at their natural width. *\/\n #ssm-hero-yOCu7t .ssm-btn-group {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 0.65rem;\n width: 100%;\n }\n\n #ssm-hero-yOCu7t .ssm-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n height: 63px;\n padding: 0 1.3rem;\n border-radius: 10px;\n font-size: 0.9rem;\n font-weight: 600;\n transition: all 0.3s ease;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n width: 100%;\n border: none;\n }\n\n \/* Container-query tiers: react to the content column's own\n width, so this behaves correctly whether that column is full\n mobile width, the narrow two-column desktop layout, or the\n wide single-column (no video panel) layout. Height is fixed\n at 48px throughout \u2014 only horizontal padding\/font-size grow. *\/\n @container ssm-hero-content (min-width: 560px) {\n #ssm-hero-yOCu7t .ssm-btn-group { flex-direction: row; flex-wrap: nowrap; }\n #ssm-hero-yOCu7t .ssm-btn { font-size: 0.9rem; padding: 0 1.9rem; width: 210px; flex: 0 0 auto; }\n}\n\n@container ssm-hero-content (min-width: 768px) {\n #ssm-hero-yOCu7t .ssm-btn { font-size: 0.95rem; padding: 0 2.2rem; width: 230px; }\n}\n\n@container ssm-hero-content (min-width: 1024px) {\n #ssm-hero-yOCu7t .ssm-btn { font-size: 1rem; padding: 0 2.5rem; width: 250px; }\n}\n \/* Fallback for the rare browser without container-query support:\n behaves like a sensible, safe mobile layout \u2014 full-width\n stacked buttons instead of ever overflowing. *\/\n @supports not (container-type: inline-size) {\n @media (min-width: 560px) {\n #ssm-hero-yOCu7t .ssm-btn-group { flex-direction: row; flex-wrap: nowrap; }\n #ssm-hero-yOCu7t .ssm-btn { width: 210px; flex: 0 0 auto; }\n }\n @media (min-width: 1024px) {\n #ssm-hero-yOCu7t .ssm-btn { font-size: 1rem; padding: 0 2.5rem; width: 250px; }\n }\n}\n\n #ssm-hero-yOCu7t .ssm-btn-primary {\n background-color: var(--gold);\n color: #ffffff;\n font-weight: 700;\n box-shadow: 0 10px 20px -10px rgba(197, 157, 81, 0.5);\n}\n\n #ssm-hero-yOCu7t .ssm-btn-primary:hover {\n background-color: var(--gold-dark);\n transform: translateY(-2px);\n }\n\n #ssm-hero-yOCu7t .ssm-btn-primary svg {\n transition: transform 0.3s ease;\n }\n\n #ssm-hero-yOCu7t .ssm-btn-primary:hover svg { transform: translateX(4px); }\n\n \/* Secondary button \u2014 now filled white (was transparent\/outlined\n gold) to match the primary button's \"filled + darken on hover\"\n treatment. Hover state dulls the white slightly, mirroring how\n the primary button darkens from gold to gold-dark on hover. *\/\n #ssm-hero-yOCu7t .ssm-btn-secondary {\n background-color: #ffffff;\n border: 1.5px solid var(--gold);\n color: var(--gold);\n font-weight: 700;\n}\n\n#ssm-hero-yOCu7t .ssm-btn-secondary:hover {\n background-color: #f7f4ed;\n border-color: var(--gold-dark);\n color: var(--gold-dark);\n transform: translateY(-2px);\n}\n\n #ssm-hero-yOCu7t .ssm-btn-whatsapp {\n background-color: white;\n border: 1.5px solid var(--gold);\n color: var(--gold);\n font-weight: 700;\n}\n\n#ssm-hero-yOCu7t .ssm-btn-whatsapp:hover {\n background-color: #f7f4ed;\n border-color: var(--gold-dark);\n color: var(--gold-dark);\n transform: translateY(-2px);\n}\n\n#ssm-hero-yOCu7t .ssm-btn-whatsapp svg {\n flex-shrink: 0;\n}\n\n #ssm-hero-yOCu7t .ssm-video-panel {\n position: relative;\n flex-shrink: 0;\n width: 100%;\n aspect-ratio: 16 \/ 10;\n border-radius: 20px;\n overflow: hidden;\n background-color: #0d0d0d;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45);\n border: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n @media (min-width: 1024px) {\n #ssm-hero-yOCu7t .ssm-video-panel { width: 340px; }\n }\n\n @media (min-width: 1180px) {\n #ssm-hero-yOCu7t .ssm-video-panel { width: 400px; }\n }\n\n @media (min-width: 1320px) {\n #ssm-hero-yOCu7t .ssm-video-panel { width: 440px; }\n }\n\n @media (min-width: 1600px) {\n #ssm-hero-yOCu7t .ssm-video-panel { width: 620px; }\n }\n\n #ssm-hero-yOCu7t .ssm-video-poster {\n position: absolute;\n inset: 0;\n background-color: #23262b;\n background-image: linear-gradient(160deg, #2b2f36 0%, #1a1c20 100%);\n background-size: cover;\n background-position: center center;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* Darken a YouTube thumbnail slightly so the play button stays\n legible on bright thumbnails. *\/\n #ssm-hero-yOCu7t .ssm-video-panel--youtube .ssm-video-poster::after {\n content: '';\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.25);\n }\n\n #ssm-hero-yOCu7t .ssm-video-el {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: none;\n background: #000;\n }\n\n #ssm-hero-yOCu7t .ssm-video-el.has-source { display: block; }\n #ssm-hero-yOCu7t .ssm-video-el.has-source ~ .ssm-video-poster { display: none; }\n\n \/* Holds the injected YouTube iframe once the visitor presses\n play (kept empty\/hidden until then so nothing loads from\n YouTube's servers before the visitor actually wants the\n video). *\/\n #ssm-hero-yOCu7t .ssm-video-embed {\n position: absolute;\n inset: 0;\n display: none;\n }\n\n #ssm-hero-yOCu7t .ssm-video-embed.is-active { display: block; }\n\n #ssm-hero-yOCu7t .ssm-video-embed iframe {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n border: 0;\n display: block;\n }\n\n #ssm-hero-yOCu7t .ssm-video-embed.is-active ~ .ssm-video-poster,\n #ssm-hero-yOCu7t .ssm-video-embed.is-active ~ .ssm-video-play {\n display: none;\n }\n\n #ssm-hero-yOCu7t .ssm-video-poster-icon {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n border: 1.5px dashed rgba(255, 255, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255, 255, 255, 0.35);\n font-size: 1.2rem;\n }\n\n \/* No video attribute supplied at all \u2014 placeholder only, no\n clickable play button. *\/\n #ssm-hero-yOCu7t .ssm-video-panel--empty .ssm-video-play {\n display: none;\n }\n\n #ssm-hero-yOCu7t .ssm-video-play {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;\n z-index: 2;\n border: 2px solid rgba(255, 255, 255, 0.85);\n }\n\n #ssm-hero-yOCu7t .ssm-video-play:hover {\n transform: translate(-50%, -50%) scale(1.06);\n background-color: rgba(255, 255, 255, 0.12);\n border-color: #fff;\n }\n\n #ssm-hero-yOCu7t .ssm-video-controls {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n padding: 0 0.9rem 0.7rem;\n background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);\n }\n\n #ssm-hero-yOCu7t .ssm-video-progress {\n width: 100%;\n height: 3px;\n background-color: rgba(255, 255, 255, 0.3);\n border-radius: 2px;\n margin-bottom: 0.6rem;\n overflow: hidden;\n }\n\n #ssm-hero-yOCu7t .ssm-video-progress span {\n display: block;\n width: 0%;\n height: 100%;\n background-color: #fff;\n }\n\n #ssm-hero-yOCu7t .ssm-video-controls-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: #fff;\n }\n\n #ssm-hero-yOCu7t .ssm-video-controls-left {\n display: flex;\n align-items: center;\n gap: 0.65rem;\n }\n\n #ssm-hero-yOCu7t .ssm-video-time {\n font-size: clamp(0.6875rem, 0.65rem + 0.1vw, 0.75rem);\n font-variant-numeric: tabular-nums;\n opacity: 0.85;\n }\n\n #ssm-hero-yOCu7t .ssm-video-controls-right {\n display: flex;\n align-items: center;\n gap: 0.9rem;\n opacity: 0.9;\n }\n\n #ssm-hero-yOCu7t .ssm-stats-bar {\n position: relative;\n z-index: 10;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n }\n\n @media (min-width: 768px) {\n #ssm-hero-yOCu7t .ssm-stats-bar { grid-template-columns: repeat(4, 1fr); }\n }\n\n #ssm-hero-yOCu7t .ssm-stat {\n display: flex;\n align-items: center;\n gap: 0.85rem;\n padding: 1.5rem 1.25rem;\n border-right: 1px solid rgba(255, 255, 255, 0.12);\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n }\n\n @media (min-width: 768px) {\n #ssm-hero-yOCu7t .ssm-stat:nth-child(2n) { border-right: 1px solid rgba(255, 255, 255, 0.12); }\n #ssm-hero-yOCu7t .ssm-stat:last-child { border-right: none; }\n #ssm-hero-yOCu7t .ssm-stat { border-bottom: none; }\n }\n\n @media (max-width: 767px) {\n #ssm-hero-yOCu7t .ssm-stat:nth-child(2n) { border-right: none; }\n #ssm-hero-yOCu7t .ssm-stat:nth-last-child(-n+2) { border-bottom: none; }\n }\n\n \/* Mobile fix: on very narrow screens the icon + two-line text can be\n tighter than the padding\/gap allow, causing the label text to be\n squeezed or overflow the stat cell. Tighten padding\/gap and let the\n text column shrink properly below 400px. *\/\n @media (max-width: 399px) {\n #ssm-hero-yOCu7t .ssm-stat {\n padding: 1.1rem 0.85rem;\n gap: 0.6rem;\n }\n #ssm-hero-yOCu7t .ssm-stat-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n #ssm-hero-yOCu7t .ssm-stat-icon {\n width: 38px;\n height: 38px;\n border-radius: 10px;\n background-color: rgba(197, 157, 81, 0.15);\n color: var(--gold);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n #ssm-hero-yOCu7t .ssm-stat-value {\n color: #fff;\n font-weight: 700;\n font-size: clamp(0.875rem, 0.85rem + 0.2vw, 0.9375rem);\n line-height: 1.3;\n }\n\n #ssm-hero-yOCu7t .ssm-stat-label {\n color: rgba(255, 255, 255, 0.55);\n font-size: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);\n line-height: 1.3;\n }\n\n @keyframes ssmFadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n #ssm-hero-yOCu7t .ssm-animate-fade {\n opacity: 0;\n animation: ssmFadeInUp 0.8s cubic-bezier(0.21, 0.45, 0.32, 0.9) forwards;\n }\n <\/style>\n\n <div id=\"ssm-hero-yOCu7t\">\n <div class=\"ssm-hero-widget\">\n <div class=\"ssm-hero-container\">\n\n <div class=\"ssm-hero-bg\">\n <div class=\"ssm-slideshow-container\">\n <div class=\"ssm-slide\" style=\"background-image: url('\/my\/wp-content\/uploads\/2026\/08\/prtnr-2.webp');\"><\/div>\n <\/div>\n <video class=\"ssm-bg-video\" autoplay muted loop playsinline preload=\"none\"><\/video>\n <div class=\"ssm-hero-overlay\"><\/div>\n <\/div>\n\n <div class=\"ssm-hero-inner\">\n <div class=\"ssm-hero-top\">\n <div class=\"ssm-hero-content ssm-no-video\">\n <div class=\"ssm-hero-content-inner\">\n\n <div class=\"ssm-badge-row ssm-animate-fade\" style=\"animation-delay: 0.1s;\">\n <div class=\"ssm-badge\">\n <span class=\"ssm-badge-dot\"><\/span>\n <span class=\"ssm-badge-text\">Partnership Program<\/span>\n <\/div>\n <div class=\"ssm-badge\">\n <span class=\"ssm-badge-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"ssm-badge-text\">500+ Active Partners<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ssm-eyebrow ssm-animate-fade\" style=\"animation-delay: 0.15s;\">\n Scale With Us \u00b7 Partnership Program <\/div>\n\n <h1 class=\"ssm-headline ssm-animate-fade\" style=\"animation-delay: 0.2s;\">\n <span class=\"ssm-headline-line\">Grow your revenue<\/span>\n <span class=\"ssm-headline-line ssm-text-gold\">by partnering<\/span>\n <span class=\"ssm-headline-line\">with SetupHero<\/span>\n <\/h1>\n\n <p class=\"ssm-subcopy ssm-animate-fade\" style=\"animation-delay: 0.3s;\">\n Join SetupHero's global partner network, spanning 15+ jurisdictions across the Americas, Europe, the Middle East, Asia, and Africa. Whether you refer clients or create content, we have a tailored program for you. <\/p>\n\n <div class=\"ssm-btn-group ssm-animate-fade\" style=\"animation-delay: 0.4s;\">\n <a href=\"\" class=\"ssm-btn ssm-btn-primary sh-popup-trigger\">\n Get started \n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"><\/path><\/svg>\n<\/a>\n <a href=\"#\" class=\"ssm-btn ssm-btn-secondary sh-calendly-trigger\">\n Schedule a call <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"ssm-stats-bar ssm-animate-fade\" style=\"animation-delay: 0.6s;\">\n <div class=\"ssm-stat\">\n <div class=\"ssm-stat-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z\" \/><\/svg>\n <\/div>\n <div>\n <div class=\"ssm-stat-value\">500+<\/div>\n <div class=\"ssm-stat-label\">Paid to partners<\/div>\n <\/div>\n <\/div>\n <div class=\"ssm-stat\">\n <div class=\"ssm-stat-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z\" \/><\/svg>\n <\/div>\n <div>\n <div class=\"ssm-stat-value\">500+<\/div>\n <div class=\"ssm-stat-label\">Active partners<\/div>\n <\/div>\n <\/div>\n <div class=\"ssm-stat\">\n <div class=\"ssm-stat-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418\" \/><\/svg>\n <\/div>\n <div>\n <div class=\"ssm-stat-value\">Recurring Revenue<\/div>\n <div class=\"ssm-stat-label\">Ongoing commission structure<\/div>\n <\/div>\n <\/div>\n <div class=\"ssm-stat\">\n <div class=\"ssm-stat-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><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\" \/><\/svg>\n <\/div>\n <div>\n <div class=\"ssm-stat-value\">Dedicated Support<\/div>\n <div class=\"ssm-stat-label\">Partner success team<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const widget = document.getElementById('ssm-hero-yOCu7t');\n if (!widget) return;\n\n const config = {\n images: [\n '\/my\/wp-content\/uploads\/2026\/08\/prtnr-2.webp',\n '\/my\/wp-content\/uploads\/2026\/08\/gen_23a6fe2e63_87a94bb2d23cc9e8.webp',\n '\/my\/wp-content\/uploads\/2026\/08\/prtnr.webp'\n ],\n intervalMs: 6000\n };\n\n const slideshowContainer = widget.querySelector('.ssm-slideshow-container');\n const firstSlide = slideshowContainer.querySelector('.ssm-slide');\n\n if (firstSlide) {\n requestAnimationFrame(() => firstSlide.classList.add('is-active'));\n }\n\n setTimeout(() => {\n const remainingUrls = config.images.slice(1);\n remainingUrls.forEach((url) => {\n if(!url) return;\n const slide = document.createElement('div');\n slide.className = 'ssm-slide';\n slide.style.backgroundImage = `url('${url}')`;\n slideshowContainer.appendChild(slide);\n });\n\n const slides = slideshowContainer.querySelectorAll('.ssm-slide');\n if (slides.length > 1) {\n let current = 0;\n setInterval(() => {\n slides[current].classList.remove('is-active');\n current = (current + 1) % slides.length;\n slides[current].classList.add('is-active');\n }, config.intervalMs);\n }\n }, 2500);\n\n const VIDEO_SRC = '';\n const YOUTUBE_ID = '';\n const panel = widget.querySelector('.ssm-video-panel');\n\n if (panel) {\n const videoEl = panel.querySelector('.ssm-video-el');\n const embedHolder = panel.querySelector('.ssm-video-embed');\n const playBtn = panel.querySelector('.ssm-video-play');\n const timeLabel = panel.querySelector('.ssm-video-time');\n const progressFill = panel.querySelector('.ssm-video-progress span');\n\n function formatTime(sec) {\n if (!isFinite(sec)) return '0:00';\n const m = Math.floor(sec \/ 60);\n const s = Math.floor(sec % 60).toString().padStart(2, '0');\n return `${m}:${s}`;\n }\n\n if (YOUTUBE_ID) {\n \/\/ YouTube: nothing is loaded from YouTube's servers\n \/\/ until the visitor presses play \u2014 we then build the\n \/\/ embed iframe and swap it in for the thumbnail.\n playBtn.addEventListener('click', function () {\n const iframe = document.createElement('iframe');\n iframe.src = 'https:\/\/www.youtube-nocookie.com\/embed\/' + YOUTUBE_ID + '?autoplay=1&rel=0&modestbranding=1&playsinline=1';\n iframe.title = 'YouTube video player';\n iframe.setAttribute('frameborder', '0');\n iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\n iframe.setAttribute('allowfullscreen', '');\n embedHolder.appendChild(iframe);\n embedHolder.classList.add('is-active');\n }, { once: true });\n } else if (VIDEO_SRC) {\n \/\/ Direct video file (mp4\/webm\/etc.) \u2014 original custom player.\n videoEl.src = VIDEO_SRC;\n videoEl.classList.add('has-source');\n\n playBtn.addEventListener('click', function () {\n if (!videoEl.src) return;\n if (videoEl.paused) {\n videoEl.play();\n playBtn.style.opacity = '0';\n } else {\n videoEl.pause();\n playBtn.style.opacity = '1';\n }\n });\n\n videoEl.addEventListener('timeupdate', function () {\n if (!videoEl.duration || !progressFill || !timeLabel) return;\n const pct = (videoEl.currentTime \/ videoEl.duration) * 100;\n progressFill.style.width = pct + '%';\n timeLabel.textContent = `${formatTime(videoEl.currentTime)} \/ ${formatTime(videoEl.duration)}`;\n });\n\n videoEl.addEventListener('ended', function () {\n playBtn.style.opacity = '1';\n });\n }\n \/\/ else: no video_src at all \u2014 placeholder only, no play button (hidden via CSS).\n }\n\n \/* ============================================================\n HEADLINE AUTO-FIT \u2014 keeps the headline to exactly 3 lines\n (one line per headline_line1\/2\/3 attribute) on every screen\n size, by shrinking the font-size until each line's natural\n text width fits inside its container. This replaces relying\n purely on clamp()\/vw sizing, which can't account for a\n specific line (e.g. \"Malaysian company\") being longer than\n the others and wrapping onto a second row.\n ============================================================ *\/\n const headline = widget.querySelector('.ssm-headline');\n\n if (headline) {\n const lines = Array.from(headline.querySelectorAll('.ssm-headline-line'));\n\n if (lines.length) {\n const MIN_FONT_PX = 15; \/\/ hard floor so text never becomes unreadable\n let rafId = null;\n\n function fitHeadline() {\n \/\/ Reset any previous inline override so we measure\n \/\/ against the CSS clamp() value fresh each time.\n headline.style.fontSize = '';\n\n const container = headline.parentElement;\n if (!container) return;\n\n const containerWidth = container.clientWidth;\n if (!containerWidth) return;\n\n let fontSize = parseFloat(window.getComputedStyle(headline).fontSize);\n if (!fontSize) return;\n\n const fits = () => lines.every((line) => line.scrollWidth <= containerWidth);\n\n let guard = 0;\n while (!fits() && fontSize > MIN_FONT_PX && guard < 200) {\n fontSize -= 0.5;\n headline.style.fontSize = fontSize + 'px';\n guard++;\n }\n }\n\n function scheduleFit() {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(fitHeadline);\n }\n\n \/\/ Run immediately (synchronously, before first paint\n \/\/ settles) so there's no gap between initial layout and\n \/\/ the first fit pass \u2014 this is what previously caused a\n \/\/ brief mis-sized\/overflowed render on some browsers.\n fitHeadline();\n\n \/\/ Run once fonts are actually loaded (Bricolage Grotesque\n \/\/ is custom-loaded via Google Fonts, so widths measured\n \/\/ before it loads would be wrong), then again shortly\n \/\/ after as a safety net for slower connections.\n if (document.fonts && document.fonts.ready) {\n document.fonts.ready.then(scheduleFit).catch(scheduleFit);\n } else {\n scheduleFit();\n }\n scheduleFit();\n setTimeout(scheduleFit, 500);\n setTimeout(scheduleFit, 1500);\n\n \/\/ Re-fit on resize \/ orientation change (debounced) and\n \/\/ whenever the hero's own width changes for any other\n \/\/ reason (e.g. sidebar toggles, theme layout shifts).\n let resizeTimer = null;\n window.addEventListener('resize', function () {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(scheduleFit, 120);\n });\n window.addEventListener('orientationchange', scheduleFit);\n\n if (window.ResizeObserver) {\n const ro = new ResizeObserver(function () {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(scheduleFit, 120);\n });\n ro.observe(headline.parentElement);\n }\n }\n }\n })();\n <\/script>\n \r\n\r\n <!-- REFERRAL PROGRAM BANNER SECTION (2nd section) -->\r\n <section id=\"referral-banner\" class=\"py-20 bg-cream\">\r\n <div class=\"max-w-[1350px] mx-auto px-4 sm:px-6\">\r\n <div class=\"bg-near-black rounded-[2.5rem] px-8 py-16 sm:px-16 sm:py-20 text-center relative overflow-hidden shadow-2xl\">\r\n <div class=\"absolute top-0 right-0 p-10 opacity-10 pointer-events-none\">\r\n <i class=\"fa-solid fa-handshake text-[140px] text-gold\"><\/i>\r\n <\/div>\r\n <div class=\"relative z-10\">\r\n <p class=\"text-xl md:text-2xl font-black text-white leading-snug max-w-2xl mx-auto\">\r\n Join the SetupHero Partner Program and earn rewards every time someone you refer starts their business journey with us.\r\n <\/p>\r\n <p class=\"text-gray-400 text-base md:text-lg font-medium leading-relaxed max-w-xl mx-auto mt-6\">\r\n Plus, when they use your unique link, they also receive an exclusive discount.\r\n <\/p>\r\n <p class=\"text-xs font-black uppercase tracking-[0.3em] text-gold mt-6\">Created with our community in mind<\/p>\r\n\r\n <p class=\"text-[10px] font-black uppercase tracking-[0.3em] text-gray-500 mt-12 mb-4\">Trusted by 500+ founders worldwide<\/p>\r\n <div class=\"avatar-stack mb-10\">\r\n <div class=\"avatar gold-gradient\">JT<\/div>\r\n <div class=\"avatar bg-bronze\">MK<\/div>\r\n <div class=\"avatar gold-gradient\">AR<\/div>\r\n <div class=\"avatar bg-bronze\">SL<\/div>\r\n <div class=\"avatar gold-gradient\">+<\/div>\r\n <\/div>\r\n\r\n <a href=\"\" class=\"inline-flex items-center justify-center h-[61px] gold-gradient text-white text-sm font-black uppercase tracking-[0.25em] px-14 rounded-2xl hover:shadow-xl transition-all sh-popup-trigger\">Join Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- HOW IT WORKS - REFERRAL FLOW SECTION (3rd section) -->\r\n <section id=\"referral-how-it-works\" class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\r\n <div class=\"text-center mb-16\">\r\n <div class=\"flex items-center justify-center gap-2 mb-4\">\r\n <span class=\"w-1.5 h-1.5 bg-gold rounded-full\"><\/span>\r\n <p class=\"text-[10px] font-black uppercase tracking-[0.3em] text-bronze\">Simple Steps<\/p>\r\n <\/div>\r\n <h2 class=\"text-4xl font-black text-near-black mb-4\">How it works<\/h2>\r\n <p class=\"text-gray-500 text-lg max-w-xl mx-auto\">Earn rewards each time someone registers a company using your unique link or code.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-10\">\r\n <div class=\"bg-cream rounded-[2rem] p-10 text-center card-hover flex flex-col\">\r\n <div class=\"w-16 h-16 bg-near-black rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg\">\r\n <i class=\"fa-solid fa-users text-gold text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-black text-near-black mb-2\">Join the program<\/h3>\r\n <p class=\"text-gray-500 text-sm font-medium leading-relaxed mb-8\">A straightforward process to sign up in minutes and start working with SetupHero.<\/p>\r\n\r\n <!-- Mockup: partner portal preview -->\r\n <div class=\"mt-auto bg-white rounded-2xl p-4 shadow-md border border-gray-100 text-left\">\r\n <div class=\"flex items-center gap-1.5 mb-3\">\r\n <span class=\"w-2 h-2 rounded-full bg-gray-200\"><\/span>\r\n <span class=\"w-2 h-2 rounded-full bg-gray-200\"><\/span>\r\n <span class=\"w-2 h-2 rounded-full bg-gray-200\"><\/span>\r\n <\/div>\r\n <div class=\"rounded-lg bg-near-black p-3\">\r\n <p class=\"text-gold text-[10px] font-black uppercase tracking-widest mb-2\">Partner Portal<\/p>\r\n <div class=\"h-2 w-3\/4 bg-white\/20 rounded-full mb-1.5\"><\/div>\r\n <div class=\"h-2 w-1\/2 bg-white\/20 rounded-full mb-1.5\"><\/div>\r\n <div class=\"h-2 w-2\/3 bg-white\/10 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-cream rounded-[2rem] p-10 text-center card-hover flex flex-col\">\r\n <div class=\"w-16 h-16 gold-gradient rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg\">\r\n <i class=\"fa-solid fa-link text-white text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-black text-near-black mb-2\">Get your personal link<\/h3>\r\n <p class=\"text-gray-500 text-sm font-medium leading-relaxed mb-8\">Get your easy-to-share link and share it with your network or business community.<\/p>\r\n\r\n <!-- Mockup: referral link card -->\r\n <div class=\"mt-auto bg-white rounded-2xl p-4 shadow-md border border-gray-100 text-left\">\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"text-xs font-black text-near-black\">Referral Link<\/span>\r\n <span class=\"gold-gradient text-white text-[10px] font-black uppercase tracking-widest px-4 py-2 rounded-lg\">Share<\/span>\r\n <\/div>\r\n <div class=\"bg-cream rounded-lg px-3 py-2\">\r\n <p class=\"text-[11px] text-gray-500 font-medium truncate\">setuphero.co\/ref\/<span class=\"text-near-black font-bold\">yourname<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-cream rounded-[2rem] p-10 text-center card-hover flex flex-col\">\r\n <div class=\"w-16 h-16 bg-near-black rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg\">\r\n <i class=\"fa-solid fa-sack-dollar text-gold text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-black text-near-black mb-2\">Earn for every referral<\/h3>\r\n <p class=\"text-gray-500 text-sm font-medium leading-relaxed mb-8\">When someone registers through your link, you receive a commission, and they get a discount.<\/p>\r\n\r\n <!-- Mockup: commission received card -->\r\n <div class=\"mt-auto bg-white rounded-2xl p-4 shadow-md border border-gray-100 text-left\">\r\n <p class=\"text-xs font-black text-near-black mb-3\">Dynamics LLC<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-[10px] font-bold text-gray-400 uppercase tracking-widest\">Commission Received<\/span>\r\n <span class=\"text-gold text-sm font-black\">$250<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PARTNER TYPES SECTION -->\r\n <section id=\"partner-types\" class=\"py-24 bg-cream\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl font-black text-near-black mb-4\">Choose your partnership path<\/h2>\r\n <p class=\"text-gray-500 text-lg max-w-xl mx-auto\">Two distinct ways to collaborate and earn with SetupHero.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-12\">\r\n\r\n <!-- REFERRAL PARTNER -->\r\n <div class=\"bg-white rounded-[2.5rem] p-12 shadow-sm border border-gray-100 card-hover group relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 p-10 opacity-[0.03] pointer-events-none group-hover:scale-110 transition-transform\">\r\n <i class=\"fa-solid fa-handshake text-[120px] text-near-black\"><\/i>\r\n <\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"w-16 h-16 bg-near-black rounded-2xl flex items-center justify-center mb-8 shadow-lg group-hover:bg-gold transition-colors\">\r\n <i class=\"fa-solid fa-users text-white text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-3xl font-black text-near-black mb-4\">Referral Partner<\/h3>\r\n <p class=\"text-gray-500 font-medium leading-relaxed mb-10\">\r\n Ideal for accountants, lawyers, business consultants, and company secretaries who want to offer their clients premium incorporation services across our 15+ global markets.\r\n <\/p>\r\n <div class=\"space-y-6 mb-12\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-6 h-6 rounded-full bg-gold\/10 flex items-center justify-center mt-1\">\r\n <i class=\"fa-solid fa-check text-gold text-[10px]\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-black text-near-black uppercase tracking-widest mb-1\">High Commissions<\/h4>\r\n <p class=\"text-xs text-gray-500 leading-relaxed font-medium\">Earn up to $500 for every successful incorporation referred.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-6 h-6 rounded-full bg-gold\/10 flex items-center justify-center mt-1\">\r\n <i class=\"fa-solid fa-check text-gold text-[10px]\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-black text-near-black uppercase tracking-widest mb-1\">Dedicated Dashboard<\/h4>\r\n <p class=\"text-xs text-gray-500 leading-relaxed font-medium\">Track your referrals, applications, and payouts in real-time.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-6 h-6 rounded-full bg-gold\/10 flex items-center justify-center mt-1\">\r\n <i class=\"fa-solid fa-check text-gold text-[10px]\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-black text-near-black uppercase tracking-widest mb-1\">Client Priority<\/h4>\r\n <p class=\"text-xs text-gray-500 leading-relaxed font-medium\">Your clients get VIP support and expedited processing times.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\" class=\"flex items-center justify-center h-[61px] border-2 border-near-black bg-transparent text-near-black hover:text-black text-xs font-black uppercase tracking-[0.2em] px-10 rounded-2xl hover:bg-near-black transition-all sh-popup-trigger\">Get started<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CONTENT CREATOR PARTNER -->\r\n <div class=\"bg-near-black rounded-[2.5rem] p-12 shadow-2xl card-hover group relative overflow-hidden\">\r\n <div class=\"absolute inset-0 gold-gradient opacity-0 group-hover:opacity-5 transition-opacity\"><\/div>\r\n <div class=\"absolute top-0 right-0 p-10 opacity-10 pointer-events-none group-hover:scale-110 transition-transform\">\r\n <i class=\"fa-solid fa-clapperboard text-[120px] text-white\"><\/i>\r\n <\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"w-16 h-16 bg-white\/10 rounded-2xl flex items-center justify-center mb-8 border border-white\/10 shadow-lg group-hover:bg-gold transition-colors\">\r\n <i class=\"fa-solid fa-video text-gold text-2xl group-hover:text-white transition-colors\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-3xl font-black text-white mb-4\">Content Creator<\/h3>\r\n <p class=\"text-gray-400 font-medium leading-relaxed mb-10\">\r\n For YouTubers, bloggers, and influencers who create content for entrepreneurs, digital nomads, and global business owners.\r\n <\/p>\r\n <div class=\"space-y-6 mb-12\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-6 h-6 rounded-full bg-white\/10 flex items-center justify-center mt-1\">\r\n <i class=\"fa-solid fa-check text-gold text-[10px]\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-black text-white uppercase tracking-widest mb-1\">Revenue Share<\/h4>\r\n <p class=\"text-xs text-gray-500 leading-relaxed font-medium\">Earn ongoing commissions for every service your audience subscribes to.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-6 h-6 rounded-full bg-white\/10 flex items-center justify-center mt-1\">\r\n <i class=\"fa-solid fa-check text-gold text-[10px]\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-black text-white uppercase tracking-widest mb-1\">Exclusive Content<\/h4>\r\n <p class=\"text-xs text-gray-500 leading-relaxed font-medium\">Get early access to news, expert interviews, and video assets for your channel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-6 h-6 rounded-full bg-white\/10 flex items-center justify-center mt-1\">\r\n <i class=\"fa-solid fa-check text-gold text-[10px]\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-black text-white uppercase tracking-widest mb-1\">Event Invites<\/h4>\r\n <p class=\"text-xs text-gray-500 leading-relaxed font-medium\">Access to our network of global founders and exclusive networking events across our markets.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\" class=\"flex items-center justify-center h-[61px] gold-gradient text-near-black text-xs font-black uppercase tracking-[0.2em] px-10 rounded-2xl hover:shadow-2xl transition-all sh-popup-trigger\">Get started<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BENEFITS SECTION -->\r\n <section id=\"benefits\" class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\r\n <div class=\"grid lg:grid-cols-2 gap-20 items-center\">\r\n <div>\r\n <div class=\"flex items-center gap-2 mb-6\">\r\n <span class=\"w-1.5 h-1.5 bg-gold rounded-full\"><\/span>\r\n <p class=\"text-[10px] font-black uppercase tracking-[0.3em] text-bronze\">Why partner with SetupHero<\/p>\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-near-black mb-8 leading-tight\">We provide everything you need to succeed<\/h2>\r\n <p class=\"text-gray-500 text-lg mb-10 font-medium\">Our partnership program is designed to be as seamless as our incorporation process. We handle the hard work, you focus on your audience or clients.<\/p>\r\n\r\n <div class=\"space-y-8\">\r\n <div class=\"flex gap-6\">\r\n <div class=\"w-12 h-12 flex-shrink-0 bg-cream rounded-xl flex items-center justify-center\">\r\n <i class=\"fa-solid fa-chart-line text-gold\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-lg font-black text-near-black mb-2\">High Industry Payout<\/h4>\r\n <p class=\"text-gray-500 text-sm font-medium leading-relaxed\">Our commission structure is one of the most competitive in the industry, so your referrals earn you more.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-6\">\r\n <div class=\"w-12 h-12 flex-shrink-0 bg-cream rounded-xl flex items-center justify-center\">\r\n <i class=\"fa-solid fa-earth-americas text-gold\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-lg font-black text-near-black mb-2\">15 Jurisdictions, One Window<\/h4>\r\n <p class=\"text-gray-500 text-sm font-medium leading-relaxed\">Offer your clients incorporation across 15+ global markets through a single, unified partner experience.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative\">\r\n <div class=\"rounded-[3rem] overflow-hidden shadow-2xl\">\r\n <img decoding=\"async\" class=\"w-full h-auto object-cover\" src=\"\/my\/wp-content\/uploads\/2026\/08\/gen_572cedc01f_87179bb64eb8bf71.webp\" alt=\"business professionals shaking hands in a high-end modern office, luxury meeting room background, wa\" \/>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ SECTION -->\r\n <section class=\"py-24 bg-white\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl font-black text-near-black mb-4\">Frequently Asked Questions<\/h2>\r\n <\/div>\r\n <div class=\"space-y-2\">\r\n <div class=\"faq-item p-6 cursor-pointer\" onclick=\"toggleFaq(this)\">\r\n <div class=\"flex items-center justify-between\">\r\n <h4 class=\"text-lg font-black text-near-black\">Who can join the referral program?<\/h4>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-400\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer pt-6 text-gray-500 font-medium leading-relaxed\">\r\n Anyone who has a professional network of entrepreneurs or business owners can join. This includes accountants, lawyers, business consultants, digital agencies, and professional services providers.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item p-6 cursor-pointer\" onclick=\"toggleFaq(this)\">\r\n <div class=\"flex items-center justify-between\">\r\n <h4 class=\"text-lg font-black text-near-black\">When and how do I get paid?<\/h4>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-400\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer pt-6 text-gray-500 font-medium leading-relaxed\">\r\n Payouts are processed monthly once the referred client's incorporation is complete. We pay via direct bank transfer or PayPal.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item p-6 cursor-pointer\" onclick=\"toggleFaq(this)\">\r\n <div class=\"flex items-center justify-between\">\r\n <h4 class=\"text-lg font-black text-near-black\">Is there a minimum number of referrals?<\/h4>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-400\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer pt-6 text-gray-500 font-medium leading-relaxed\">\r\n No, there is no minimum requirement. Whether you refer one client or one hundred, you will receive your commission for every successful signup.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item p-6 cursor-pointer\" onclick=\"toggleFaq(this)\">\r\n <div class=\"flex items-center justify-between\">\r\n <h4 class=\"text-lg font-black text-near-black\">Do you provide marketing materials?<\/h4>\r\n <i class=\"fa-solid fa-plus faq-icon text-gray-400\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer pt-6 text-gray-500 font-medium leading-relaxed\">\r\n Yes, once approved, you will have access to a full suite of marketing assets, including banners, copy templates, video snippets, and educational guides.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<!-- CTA SECTION -->\r\n<div class=\"custom-cta-section\">\r\n <style>\r\n .custom-cta-section {\r\n background-color: #C59D51;\r\n padding: 96px 20px;\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n box-sizing: border-box;\r\n width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .custom-cta-section *, .custom-cta-section *::before, .custom-cta-section *::after {\r\n box-sizing: border-box;\r\n }\r\n .custom-cta-blob-1 {\r\n position: absolute;\r\n top: -80px;\r\n right: -80px;\r\n width: 288px;\r\n height: 288px;\r\n border-radius: 50%;\r\n opacity: 0.2;\r\n background: radial-gradient(circle, #fff 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .custom-cta-blob-2 {\r\n position: absolute;\r\n bottom: -80px;\r\n left: -80px;\r\n width: 288px;\r\n height: 288px;\r\n border-radius: 50%;\r\n opacity: 0.15;\r\n background: radial-gradient(circle, #1B1B1B 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .custom-cta-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n .custom-cta-icon {\r\n width: 64px;\r\n height: 64px;\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px auto;\r\n color: #ffffff;\r\n font-size: 24px;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\r\n }\r\n .custom-cta-title {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: #ffffff;\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n }\r\n .custom-cta-text {\r\n color: #ffffff;\r\n font-size: 1.125rem;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n font-weight: 500;\r\n line-height: 1.6;\r\n }\r\n .custom-cta-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n justify-content: center;\r\n }\r\n .custom-cta-btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 61px;\r\n gap: 10px;\r\n background-color: #ffffff;\r\n color: #1B1B1B;\r\n font-size: 0.875rem;\r\n font-weight: 800;\r\n padding: 0 32px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n transition: background-color 0.2s ease, transform 0.2s ease;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n }\r\n .custom-cta-btn-primary:hover {\r\n background-color: #f4f4f5;\r\n }\r\n .custom-cta-btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 61px;\r\n gap: 10px;\r\n background-color: transparent;\r\n border: 2px solid #ffffff;\r\n color: #ffffff;\r\n font-size: 0.875rem;\r\n font-weight: 700;\r\n padding: 0 32px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n transition: background-color 0.2s ease;\r\n }\r\n .custom-cta-btn-secondary:hover {\r\n background-color: rgba(255, 255, 255, 0.1);\r\n }\r\n .custom-cta-footer {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 0.75rem;\r\n margin-top: 32px;\r\n font-weight: 500;\r\n margin-bottom: 0;\r\n }\r\n \r\n \/* --- Mobile Responsive Updates --- *\/\r\n @media (max-width: 768px) {\r\n .custom-cta-title {\r\n font-size: 2.25rem;\r\n }\r\n .custom-cta-buttons {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .custom-cta-btn-primary,\r\n .custom-cta-btn-secondary {\r\n width: 100%;\r\n \/* justify-content: center; is now handled globally in the base class *\/\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"custom-cta-blob-1\"><\/div>\r\n <div class=\"custom-cta-blob-2\"><\/div>\r\n \r\n <div class=\"custom-cta-container\">\r\n <div class=\"custom-cta-icon\">\r\n <i class=\"fa-solid fa-rocket\"><\/i>\r\n <\/div>\r\n <h2 class=\"custom-cta-title\">\r\n Ready to become a SetupHero Partner?\r\n <\/h2>\r\n <p class=\"custom-cta-text\">\r\n Start earning revenue by referring your network to our premier global incorporation platform.\r\n <\/p>\r\n <div class=\"custom-cta-buttons\">\r\n <a href=\"\" class=\"custom-cta-btn-primary sh-popup-trigger\">\r\n Get started\r\n <\/a>\r\n <a href=\"\" class=\"custom-cta-btn-secondary sh-calendly-trigger\">\r\n <i class=\"fa-solid fa-envelope\"><\/i> Schedule a call\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n \r\n\r\n <script>\r\n function toggleFaq(el) {\r\n const isOpen = el.classList.contains('open');\r\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) el.classList.add('open');\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Become a Partner – SetupHero Join the SetupHero Partner Program and earn rewards every time someone you refer starts their business journey with us. Plus, when they use your unique link, they also receive an exclusive discount. Created with our community in mind Trusted by 500+ founders worldwide JT MK AR SL + Join Now […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-469","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Become a partner - SetupHero<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Become a partner - SetupHero\" \/>\n<meta property=\"og:description\" content=\"Become a Partner – SetupHero Join the SetupHero Partner Program and earn rewards every time someone you refer starts their business journey with us. Plus, when they use your unique link, they also receive an exclusive discount. Created with our community in mind Trusted by 500+ founders worldwide JT MK AR SL + Join Now […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/setuphero.com\/my\/become-a-partner\/\" \/>\n<meta property=\"og:site_name\" content=\"SetupHero\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-25T05:08:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/become-a-partner\\\/\",\"url\":\"https:\\\/\\\/setuphero.com\\\/my\\\/become-a-partner\\\/\",\"name\":\"Become a partner - SetupHero\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/#website\"},\"datePublished\":\"2026-08-03T09:20:34+00:00\",\"dateModified\":\"2026-08-25T05:08:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/become-a-partner\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/setuphero.com\\\/my\\\/become-a-partner\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/become-a-partner\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/setuphero.com\\\/my\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Become a partner\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/#website\",\"url\":\"https:\\\/\\\/setuphero.com\\\/my\\\/\",\"name\":\"SetupHero\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/setuphero.com\\\/my\\\/?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":"Become a partner - SetupHero","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Become a partner - SetupHero","og_description":"Become a Partner – SetupHero Join the SetupHero Partner Program and earn rewards every time someone you refer starts their business journey with us. Plus, when they use your unique link, they also receive an exclusive discount. Created with our community in mind Trusted by 500+ founders worldwide JT MK AR SL + Join Now […]","og_url":"https:\/\/setuphero.com\/my\/become-a-partner\/","og_site_name":"SetupHero","article_modified_time":"2026-08-25T05:08:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/setuphero.com\/my\/become-a-partner\/","url":"https:\/\/setuphero.com\/my\/become-a-partner\/","name":"Become a partner - SetupHero","isPartOf":{"@id":"https:\/\/setuphero.com\/my\/#website"},"datePublished":"2026-08-03T09:20:34+00:00","dateModified":"2026-08-25T05:08:17+00:00","breadcrumb":{"@id":"https:\/\/setuphero.com\/my\/become-a-partner\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/setuphero.com\/my\/become-a-partner\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/setuphero.com\/my\/become-a-partner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/setuphero.com\/my\/"},{"@type":"ListItem","position":2,"name":"Become a partner"}]},{"@type":"WebSite","@id":"https:\/\/setuphero.com\/my\/#website","url":"https:\/\/setuphero.com\/my\/","name":"SetupHero","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/setuphero.com\/my\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages\/469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/comments?post=469"}],"version-history":[{"count":88,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages\/469\/revisions"}],"predecessor-version":[{"id":1408,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages\/469\/revisions\/1408"}],"wp:attachment":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/media?parent=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}