{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\nconst routes = [\n  {\n    href: \"/customer-experience\",\n    title: \"Customer experience\",\n    body: \"Find the friction. Make every step feel easier.\",\n    icon: \"journey\",\n  },\n  {\n    href: \"/competitive-strategy\",\n    title: \"Competitive positioning\",\n    body: \"Give customers a reason to choose you beyond price.\",\n    icon: \"compass\",\n  },\n  {\n    href: \"/offers\",\n    title: \"Offers & packaging\",\n    body: \"Turn a complicated service into a clear, buyable offer.\",\n    icon: \"box\",\n  },\n  {\n    href: \"/website-experience\",\n    title: \"Website experience\",\n    body: \"Answer the questions standing between a visit and a sale.\",\n    icon: \"window\",\n  },\n  {\n    href: \"/onboarding\",\n    title: \"Onboarding & recovery\",\n    body: \"Start well. Keep your promises. Put problems right.\",\n    icon: \"flag\",\n  },\n  {\n    href: \"/retention\",\n    title: \"Retention & referrals\",\n    body: \"Give good customers a reason to return and recommend.\",\n    icon: \"loop\",\n  },\n  {\n    href: \"/operations\",\n    title: \"Operations & measurement\",\n    body: \"Make a great experience repeatable for your team.\",\n    icon: \"layers\",\n  },\n  {\n    href: \"/playbooks\",\n    title: \"Industry playbooks\",\n    body: \"Put the right steps in order for your kind of business.\",\n    icon: \"book\",\n  },\n];\nconst guides = [\n  {\n    href: \"/blog/what-is-customer-experience-small-business\",\n    category: \"THE FOUNDATIONS\",\n    title: \"What customer experience actually means\",\n    body: \"Look beyond the support inbox. See the whole journey.\",\n  },\n  {\n    href: \"/blog/map-customer-journey-service-business\",\n    category: \"A PRACTICAL EXERCISE\",\n    title: \"Map your customer’s journey\",\n    body: \"See your business through the eyes of someone buying from you.\",\n  },\n  {\n    href: \"/blog/where-to-start-improving-cx\",\n    category: \"YOUR NEXT MOVE\",\n    title: \"Choose the first thing to improve\",\n    body: \"Pick one useful change. Give it an owner. See what happens.\",\n  },\n];\nconst css = `\n.oc-home { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; color: var(--c13eu7bh-runtime-text, #183731); font-family: var(--c13eu7bh-font-body, system-ui, sans-serif); line-height: 1.6; }\n.oc-home *, .oc-home *::before, .oc-home *::after { box-sizing: border-box; }\n.oc-home a { color: inherit; text-decoration: none; }\n.oc-home a:focus-visible { outline: 3px solid var(--c13eu7bh-runtime-accent, #1f6f6b); outline-offset: 6px; }\n.oc-home .oc-wrap { max-width: 1180px; margin-inline: auto; padding-inline: clamp(20px, 4vw, 48px); }\n.oc-home .oc-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: var(--c13eu7bh-runtime-accent, #1f6f6b); font-size: 11px; font-weight: 700; letter-spacing: .15em; line-height: 1.5; text-transform: uppercase; }\n.oc-home .oc-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }\n.oc-home .oc-hero { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 56px; padding-block: 70px 58px; }\n.oc-home h1 { margin: 0; font-family: var(--c13eu7bh-font-heading, Georgia, serif); font-size: clamp(48px, 5.7vw, 78px); font-weight: 500; line-height: 1.04; letter-spacing: -.055em; }\n.oc-home h1 em { color: var(--c13eu7bh-runtime-accent, #1f6f6b); font-weight: 500; }\n.oc-home .oc-lead { max-width: 420px; margin: 26px 0 28px; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 17px; line-height: 1.75; }\n.oc-home .oc-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }\n.oc-home .oc-button { display: inline-flex; justify-content: center; align-items: center; gap: 20px; padding: 15px 20px; border: 1px solid transparent; border-radius: 6px; color: var(--c13eu7bh-runtime-action-fg, #fff); background: var(--c13eu7bh-runtime-action-bg, #1f6f6b); font-size: 14px; font-weight: 600; transition: transform .18s ease; }\n.oc-home .oc-button:hover { transform: translateY(-2px); }\n.oc-home .oc-text-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 14px; font-weight: 600; }\n.oc-home .oc-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }\n.oc-home .oc-small-note { margin: 19px 0 0; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 12px; }\n.oc-home .oc-map { position: relative; min-width: 0; overflow: hidden; border-radius: 14px; background: #143e33; color: #f2f5e8; box-shadow: 0 16px 44px rgb(0 0 0 / .08); }\n.oc-home .oc-map-head { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 26px 28px 0; font-size: 10px; letter-spacing: .14em; }\n.oc-home .oc-map-head span:last-child { opacity: .65; }\n.oc-home .oc-map svg { display: block; width: 100%; height: auto; }\n.oc-home .oc-map-foot { display: flex; justify-content: space-between; gap: 12px; padding: 0 28px 24px; font-size: 11px; color: #c7d9ce; }\n.oc-home .oc-map-foot strong { color: #d4ef9a; font-weight: 500; }\n.oc-home .oc-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; border-block: 1px solid var(--c13eu7bh-runtime-border, #d9dfd6); padding-block: 26px; }\n.oc-home .oc-principle { display: flex; align-items: flex-start; gap: 15px; }\n.oc-home .oc-index { color: var(--c13eu7bh-runtime-accent, #1f6f6b); font-family: var(--c13eu7bh-font-mono, monospace); font-size: 11px; padding-top: 5px; }\n.oc-home .oc-principle h2 { margin: 0 0 4px; font-size: 14px; font-weight: 600; }\n.oc-home .oc-principle p { margin: 0; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 12px; }\n.oc-home .oc-section { padding-block: 64px; }\n.oc-home .oc-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }\n.oc-home .oc-section-head .oc-eyebrow { margin-bottom: 12px; }\n.oc-home .oc-section h2, .oc-home .oc-workbook h2, .oc-home .oc-finish h2 { margin: 0; font-family: var(--c13eu7bh-font-heading, Georgia, serif); font-size: clamp(30px, 3.3vw, 42px); font-weight: 500; line-height: 1.2; letter-spacing: -.035em; }\n.oc-home .oc-section-description { max-width: 360px; margin: 0; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 14px; }\n.oc-home .oc-route-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--c13eu7bh-runtime-border, #d9dfd6); border-left: 1px solid var(--c13eu7bh-runtime-border, #d9dfd6); }\n.oc-home .oc-route { min-width: 0; padding: 24px 20px 26px; border-right: 1px solid var(--c13eu7bh-runtime-border, #d9dfd6); border-bottom: 1px solid var(--c13eu7bh-runtime-border, #d9dfd6); transition: background .18s ease; }\n.oc-home .oc-route:hover { background: var(--c13eu7bh-runtime-accent-soft, #e2ebe3); }\n.oc-home .oc-route-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; color: var(--c13eu7bh-runtime-accent, #1f6f6b); }\n.oc-home .oc-route-top span { opacity: .7; font-size: 17px; }\n.oc-home .oc-icon { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }\n.oc-home .oc-route h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 1.4; }\n.oc-home .oc-route p { margin: 0; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 12px; line-height: 1.7; }\n.oc-home .oc-workbook { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; padding: 44px; border-radius: 12px; background: var(--c13eu7bh-runtime-accent-soft, #e2ebe3); }\n.oc-home .oc-workbook .oc-eyebrow { margin-bottom: 16px; }\n.oc-home .oc-workbook-copy > p:not(.oc-eyebrow) { max-width: 440px; margin: 18px 0 24px; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 14px; }\n.oc-home .oc-sheet { width: 100%; max-width: 310px; margin: 0 auto; padding: 25px 28px; transform: rotate(-4deg); background: #fbfaf5; color: #183731; border: 1px solid #dedfd4; border-radius: 3px; box-shadow: 9px 9px 0 #d2ddca, 0 12px 28px rgb(0 0 0 / .08); }\n.oc-home .oc-sheet small { font-size: 8px; letter-spacing: .15em; color: #53615c; }\n.oc-home .oc-sheet h3 { margin: 18px 0 5px; font-family: Georgia, serif; font-size: 25px; font-weight: 400; line-height: 1.2; }\n.oc-home .oc-sheet > p { margin: 0 0 24px; font-size: 10px; color: #53615c; }\n.oc-home .oc-sheet-row { display: flex; gap: 12px; align-items: center; border-top: 1px solid #d9dfd6; padding: 12px 0; font-size: 10px; }\n.oc-home .oc-sheet-row span { display: block; width: 11px; height: 11px; border: 1px solid #91a89c; }\n.oc-home .oc-sheet-footer { padding-top: 14px; font-size: 8px; letter-spacing: .09em; color: #53615c; }\n.oc-home .oc-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }\n.oc-home .oc-guide { display: flex; flex-direction: column; align-items: flex-start; border-top: 2px solid var(--c13eu7bh-runtime-accent, #1f6f6b); padding-top: 21px; }\n.oc-home .oc-guide small { margin-bottom: 16px; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 9px; font-weight: 600; letter-spacing: .12em; }\n.oc-home .oc-guide h3 { margin: 0; font-family: var(--c13eu7bh-font-heading, Georgia, serif); font-size: 25px; line-height: 1.25; font-weight: 500; letter-spacing: -.02em; }\n.oc-home .oc-guide p { margin: 14px 0 20px; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 13px; }\n.oc-home .oc-guide .oc-text-link { margin-top: auto; font-size: 12px; }\n.oc-home .oc-finish { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 34px 0 64px; border-top: 1px solid var(--c13eu7bh-runtime-border, #d9dfd6); }\n.oc-home .oc-finish p { margin: 10px 0 0; color: var(--c13eu7bh-runtime-muted, #53615c); font-size: 14px; }\n@media (max-width: 900px) { .oc-home .oc-hero { gap: 32px; padding-top: 48px; } .oc-home .oc-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .oc-home .oc-workbook { gap: 36px; padding: 32px; } }\n@media (max-width: 650px) { .oc-home .oc-hero { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-block: 38px 36px; } .oc-home h1 { font-size: clamp(48px, 12vw, 66px); } .oc-home .oc-lead { margin-block: 20px 24px; font-size: 16px; } .oc-home .oc-eyebrow { margin-bottom: 20px; font-size: 10px; } .oc-home .oc-actions { gap: 20px; } .oc-home .oc-map { max-width: 450px; width: 100%; margin-inline: auto; } .oc-home .oc-map-head { padding: 23px 22px 0; } .oc-home .oc-map-foot { padding-inline: 22px; font-size: 10px; } .oc-home .oc-principles { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-block: 23px; } .oc-home .oc-principle h2 { font-size: 15px; } .oc-home .oc-section { padding-block: 42px; } .oc-home .oc-section-head { flex-direction: column; align-items: flex-start; gap: 15px; } .oc-home .oc-route { padding: 20px 16px; } .oc-home .oc-route h3 { font-size: 14px; } .oc-home .oc-workbook { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 32px 24px; } .oc-home .oc-sheet { max-width: 260px; padding: 22px; } .oc-home .oc-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } .oc-home .oc-guide h3 { font-size: 26px; } .oc-home .oc-guide p { margin-block: 10px 14px; } .oc-home .oc-finish { flex-direction: column; align-items: flex-start; padding-block: 28px 44px; } }\n@media (prefers-reduced-motion: reduce) { .oc-home .oc-button, .oc-home .oc-route { transition: none; } .oc-home .oc-button:hover { transform: none; } }\n`;\n\nfunction Icon({ name }) {\n  const paths = {\n    journey: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('circle', { cx: \"5\", cy: \"18\", r: \"2\",} )\n        , _react2.default.createElement('circle', { cx: \"19\", cy: \"6\", r: \"2\",} )\n        , _react2.default.createElement('path', { d: \"M7 18h4a4 4 0 0 0 0-8H8a4 4 0 0 1 0-8h8M19 8v8\"            ,} )\n      )\n    ),\n    compass: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('circle', { cx: \"12\", cy: \"12\", r: \"9\",} )\n        , _react2.default.createElement('path', { d: \"m16 8-3 5-5 3 3-5z\"    ,} )\n      )\n    ),\n    box: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('path', { d: \"m3 7 9-4 9 4-9 4zM3 7v10l9 4 9-4V7M12 11v10M7 5l9 4\"           ,} )\n      )\n    ),\n    window: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('rect', { x: \"3\", y: \"4\", width: \"18\", height: \"16\", rx: \"2\",} )\n        , _react2.default.createElement('path', { d: \"M3 9h18M7 6.5h.1M10 6.5h.1M7 13h5M7 16h9\"     ,} )\n      )\n    ),\n    flag: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('path', { d: \"M5 21V3M5 4c5-4 9 4 15 0v10c-6 4-10-4-15 0\"        ,} )\n      )\n    ),\n    loop: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('path', { d: \"M19 8A8 8 0 0 0 5 6M5 16a8 8 0 0 0 14 2M19 3v5h-5M5 21v-5h5\"                ,} )\n      )\n    ),\n    layers: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('path', { d: \"m3 7 9-4 9 4-9 4zM3 12l9 4 9-4M3 17l9 4 9-4\"           ,} )\n      )\n    ),\n    book: (\n      _react2.default.createElement(_react2.default.Fragment, null\n        , _react2.default.createElement('path', { d: \"M12 5c-4-3-8-2-10-1v16c3-1 6-2 10 1 4-3 7-2 10-1V4c-2-1-6-2-10 1v16M6 8h2M16 8h2M6 12h2M16 12h2\"            ,} )\n      )\n    ),\n  };\n  return (\n    _react2.default.createElement('svg', { className: \"oc-icon\", viewBox: \"0 0 24 24\"   , 'aria-hidden': \"true\",}\n      , paths[name]\n    )\n  );\n}\nfunction JourneyMap() {\n  return (\n    _react2.default.createElement('div', { className: \"oc-map\",}\n      , _react2.default.createElement('div', { className: \"oc-map-head\",}\n        , _react2.default.createElement('span', null, \"THE CUSTOMER ROUTE\"  )\n        , _react2.default.createElement('span', null, \"OUTCLIMBER / FIELD GUIDE\"   )\n      )\n      , _react2.default.createElement('svg', {\n        viewBox: \"0 0 500 430\"   ,\n        role: \"img\",\n        'aria-labelledby': \"oc-route-title oc-route-description\" ,}\n\n        , _react2.default.createElement('title', { id: \"oc-route-title\",}, \"A clearer route from first impression to repeat business\"\n\n        )\n        , _react2.default.createElement('desc', { id: \"oc-route-description\",}, \"Three steps in a customer journey: be easier to choose, earn their trust, and make buying simple.\"\n\n\n        )\n        , _react2.default.createElement('g', { fill: \"none\", stroke: \"#467465\", strokeWidth: \"1\", opacity: \".4\",}\n          , [0, 1, 2, 3, 4, 5].map((i) => (\n            _react2.default.createElement('ellipse', {\n              key: i,\n              cx: \"260\",\n              cy: \"230\",\n              rx: 100 + i * 39,\n              ry: 55 + i * 32,\n              transform: \"rotate(-32 260 230)\"  ,}\n            )\n          ))\n          , _react2.default.createElement('path', { d: \"M-20 280C60 190 170 280 230 170S420 50 510 95M-20 320C65 220 195 330 260 205S450 85 530 125\"                  ,} )\n        )\n        , _react2.default.createElement('path', {\n          d: \"M80 365C65 285 260 335 255 230S405 210 396 95\"         ,\n          fill: \"none\",\n          stroke: \"#d4ef9a\",\n          strokeWidth: \"2.5\",\n          strokeDasharray: \"5 7\" ,}\n        )\n        , _react2.default.createElement('g', { transform: \"translate(64 347)\" ,}\n          , _react2.default.createElement('circle', { cx: \"16\", cy: \"16\", r: \"16\", fill: \"#d4ef9a\",} )\n          , _react2.default.createElement('circle', { cx: \"16\", cy: \"16\", r: \"5\", fill: \"#143e33\",} )\n        )\n        , _react2.default.createElement('g', { transform: \"translate(239 213)\" ,}\n          , _react2.default.createElement('circle', { cx: \"16\", cy: \"16\", r: \"16\", fill: \"#d4ef9a\",} )\n          , _react2.default.createElement('circle', { cx: \"16\", cy: \"16\", r: \"5\", fill: \"#143e33\",} )\n        )\n        , _react2.default.createElement('g', { transform: \"translate(380 76)\" ,}\n          , _react2.default.createElement('circle', { cx: \"16\", cy: \"16\", r: \"16\", fill: \"#d4ef9a\",} )\n          , _react2.default.createElement('path', {\n            d: \"m10 16 4 4 8-8\"    ,\n            stroke: \"#143e33\",\n            strokeWidth: \"2\",\n            fill: \"none\",}\n          )\n        )\n        , _react2.default.createElement('g', { fill: \"#f2f5e8\", fontFamily: \"system-ui, sans-serif\" ,}\n          , _react2.default.createElement('text', {\n            x: \"112\",\n            y: \"352\",\n            fontSize: \"10\",\n            letterSpacing: \"1.5\",\n            fill: \"#b6cbbf\",}\n, \"01 / FIRST IMPRESSION\"\n\n          )\n          , _react2.default.createElement('text', { x: \"112\", y: \"376\", fontSize: \"19\",}, \"Be easier to choose.\"\n\n          )\n          , _react2.default.createElement('text', { x: \"58\", y: \"210\", fontSize: \"10\", letterSpacing: \"1.5\", fill: \"#b6cbbf\",}, \"02 / CONFIDENCE\"\n\n          )\n          , _react2.default.createElement('text', { x: \"58\", y: \"234\", fontSize: \"19\",}, \"Earn their trust.\"\n\n          )\n          , _react2.default.createElement('text', { x: \"158\", y: \"76\", fontSize: \"10\", letterSpacing: \"1.5\", fill: \"#b6cbbf\",}, \"03 / THE NEXT STEP\"\n\n          )\n          , _react2.default.createElement('text', { x: \"158\", y: \"100\", fontSize: \"19\",}, \"Make buying simple.\"\n\n          )\n        )\n      )\n      , _react2.default.createElement('div', { className: \"oc-map-foot\",}\n        , _react2.default.createElement('span', null, \"Fewer obstacles. Better experiences.\"   )\n        , _react2.default.createElement('strong', null, \"One useful change at a time.\"     )\n      )\n    )\n  );\n}\n function HomePage() {\n  return (\n    _react2.default.createElement('div', { className: \"oc-home\",}\n      , _react2.default.createElement('style', null, css)\n      , _react2.default.createElement('div', { className: \"oc-wrap\",}\n        , _react2.default.createElement('section', { className: \"oc-hero\", 'aria-labelledby': \"oc-home-title\",}\n          , _react2.default.createElement('div', null\n            , _react2.default.createElement('p', { className: \"oc-eyebrow\",}\n              , _react2.default.createElement('span', { className: \"oc-dot\",} ), \"THE SMALL-BUSINESS FIELD GUIDE\"\n\n            )\n            , _react2.default.createElement('h1', { id: \"oc-home-title\",}, \"Better routes.\"\n\n              , _react2.default.createElement('br', null )\n              , _react2.default.createElement('em', null, \"Better business.\" )\n            )\n            , _react2.default.createElement('p', { className: \"oc-lead\",}, \"Win customers by being easier to choose, trust, and buy from. Practical guides and tools for the people who run the business.\"\n\n\n            )\n            , _react2.default.createElement('div', { className: \"oc-actions\",}\n              , _react2.default.createElement('a', { className: \"oc-button\", href: \"/start-here\",}, \"Find your starting point \"\n                    , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\")\n              )\n              , _react2.default.createElement('a', { className: \"oc-text-link\", href: \"/blog\",}, \"Explore the guides \"\n                   , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\")\n              )\n            )\n            , _react2.default.createElement('p', { className: \"oc-small-note\",}, \"Free to read. Built to put to work.\"       )\n          )\n          , _react2.default.createElement(JourneyMap, null )\n        )\n        , _react2.default.createElement('div', { className: \"oc-principles\",}\n          , [\n            {\n              title: \"Find the real problem\",\n              body: \"See where customers get stuck.\",\n            },\n            {\n              title: \"Make one useful change\",\n              body: \"Use a worksheet, checklist, or playbook.\",\n            },\n            {\n              title: \"Build on what works\",\n              body: \"Turn a better experience into a habit.\",\n            },\n          ].map((item, i) => (\n            _react2.default.createElement('div', { className: \"oc-principle\", key: item.title,}\n              , _react2.default.createElement('span', { className: \"oc-index\",}, \"0\", i + 1)\n              , _react2.default.createElement('div', null\n                , _react2.default.createElement('h2', null, item.title)\n                , _react2.default.createElement('p', null, item.body)\n              )\n            )\n          ))\n        )\n        , _react2.default.createElement('section', { className: \"oc-section\", 'aria-labelledby': \"oc-routes-title\",}\n          , _react2.default.createElement('div', { className: \"oc-section-head\",}\n            , _react2.default.createElement('div', null\n              , _react2.default.createElement('p', { className: \"oc-eyebrow\",}, \"CHOOSE YOUR ROUTE\"  )\n              , _react2.default.createElement('h2', { id: \"oc-routes-title\",}, \"What are you working on?\"    )\n            )\n            , _react2.default.createElement('p', { className: \"oc-section-description\",}, \"Start with the problem in front of you.\"\n\n              , _react2.default.createElement('br', null ), \"Each route connects a guide to a practical next step.\"\n\n            )\n          )\n          , _react2.default.createElement('div', { className: \"oc-route-grid\",}\n            , routes.map((item) => (\n              _react2.default.createElement('a', { href: item.href, className: \"oc-route\", key: item.href,}\n                , _react2.default.createElement('div', { className: \"oc-route-top\",}\n                  , _react2.default.createElement(Icon, { name: item.icon,} )\n                  , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\")\n                )\n                , _react2.default.createElement('h3', null, item.title)\n                , _react2.default.createElement('p', null, item.body)\n              )\n            ))\n          )\n        )\n        , _react2.default.createElement('section', { className: \"oc-workbook\", 'aria-labelledby': \"oc-workbook-title\",}\n          , _react2.default.createElement('div', { 'aria-hidden': \"true\", className: \"oc-sheet\",}\n            , _react2.default.createElement('small', null, \"OUTCLIMBER / WORKING NOTES\"   )\n            , _react2.default.createElement('h3', null, \"The friction audit.\"  )\n            , _react2.default.createElement('p', null, \"A quick look at the path your customers take.\"        )\n            , [\n              \"Can they tell what you do?\",\n              \"Do they know why to trust you?\",\n              \"Is the next step obvious?\",\n              \"What will you improve first?\",\n            ].map((label) => (\n              _react2.default.createElement('div', { className: \"oc-sheet-row\", key: label,}\n                , _react2.default.createElement('span', null )\n                , label\n              )\n            ))\n            , _react2.default.createElement('div', { className: \"oc-sheet-footer\",}, \"PICK ONE CHANGE. GIVE IT AN OWNER.\"\n\n            )\n          )\n          , _react2.default.createElement('div', { className: \"oc-workbook-copy\",}\n            , _react2.default.createElement('p', { className: \"oc-eyebrow\",}, \"LESS READING. MORE DOING.\"   )\n            , _react2.default.createElement('h2', { id: \"oc-workbook-title\",}, \"Put a good idea\"\n\n              , _react2.default.createElement('br', null ), \"to work today.\"\n\n            )\n            , _react2.default.createElement('p', null, \"Journey maps, friction audits, service-page checklists, and review scripts. Open the free workbook and use the tool you need.\"\n\n\n            )\n            , _react2.default.createElement('div', { className: \"oc-actions\",}\n              , _react2.default.createElement('a', { className: \"oc-button\", href: \"/templates/workbook\",}, \"Open the free workbook \"\n                    , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\")\n              )\n              , _react2.default.createElement('a', { className: \"oc-text-link\", href: \"/templates\",}, \"All templates \"\n                  , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\")\n              )\n            )\n            , _react2.default.createElement('p', { className: \"oc-small-note\",}, \"No account. No email signup. Just useful tools.\"\n\n            )\n          )\n        )\n        , _react2.default.createElement('section', { className: \"oc-section\", 'aria-labelledby': \"oc-guides-title\",}\n          , _react2.default.createElement('div', { className: \"oc-section-head\",}\n            , _react2.default.createElement('div', null\n              , _react2.default.createElement('p', { className: \"oc-eyebrow\",}, \"FROM THE FIELD GUIDE\"   )\n              , _react2.default.createElement('h2', { id: \"oc-guides-title\",}, \"Three good places to begin.\"    )\n            )\n            , _react2.default.createElement('a', { className: \"oc-text-link\", href: \"/blog\",}, \"View all guides \"\n                 , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\")\n            )\n          )\n          , _react2.default.createElement('div', { className: \"oc-guide-grid\",}\n            , guides.map((item) => (\n              _react2.default.createElement('a', { className: \"oc-guide\", href: item.href, key: item.href,}\n                , _react2.default.createElement('small', null, item.category)\n                , _react2.default.createElement('h3', null, item.title)\n                , _react2.default.createElement('p', null, item.body)\n                , _react2.default.createElement('span', { className: \"oc-text-link\",}, \"Read the guide \"\n                     , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\")\n                )\n              )\n            ))\n          )\n        )\n        , _react2.default.createElement('section', { className: \"oc-finish\", 'aria-labelledby': \"oc-finish-title\",}\n          , _react2.default.createElement('div', null\n            , _react2.default.createElement('h2', { id: \"oc-finish-title\",}, \"Not sure where to start?\"    )\n            , _react2.default.createElement('p', null, \"Find the problem that sounds like your business, then follow the matching guide.\"\n\n\n            )\n          )\n          , _react2.default.createElement('a', { className: \"oc-button\", href: \"/start-here\",}, \"Find your route \"\n               , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\")\n          )\n        )\n      )\n    )\n  );\n} exports.default = HomePage;"}