{"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\n function HomePage() {\n  const ink = \"var(--c13eu7bh-runtime-text, #182230)\",\n    body = \"var(--c13eu7bh-runtime-muted, #44515f)\",\n    accent = \"var(--c13eu7bh-runtime-accent, #1f6f6b)\",\n    accentDark = \"var(--c13eu7bh-runtime-accent, #123f3b)\",\n    tint = \"var(--c13eu7bh-runtime-bg, #eef4f2)\",\n    border = \"var(--c13eu7bh-runtime-border, #dfe7e4)\",\n    chip = \"var(--c13eu7bh-runtime-bg, #eaf1ef)\";\n\n  const page = {\n    maxWidth: 1040,\n    margin: \"0 auto\",\n    padding: \"40px 20px 72px\",\n    color: body,\n    fontFamily: \"var(--c13eu7bh-font-body, inherit)\",\n    lineHeight: 1.65,\n  };\n  const h1 = { color: ink, fontSize: \"clamp(28px,5vw,40px)\", lineHeight: 1.15, margin: \"0 0 14px\" };\n  const h2 = { color: ink, fontSize: \"clamp(20px,3vw,26px)\", margin: \"44px 0 12px\" };\n  const h3 = { color: ink, fontSize: 18, margin: \"0 0 6px\" };\n  const lead = { fontSize: \"clamp(17px,2.2vw,19px)\", color: ink, maxWidth: 760 };\n  const p = { margin: \"0 0 14px\" };\n  const summary = {\n    background: tint,\n    border: `1px solid ${border}`,\n    borderRadius: 12,\n    padding: \"16px 20px\",\n    margin: \"22px 0\",\n  };\n  const grid = {\n    display: \"grid\",\n    gridTemplateColumns: \"repeat(auto-fit, minmax(260px, 1fr))\",\n    gap: 16,\n    margin: \"18px 0 8px\",\n  };\n  const card = {\n    background: \"var(--c13eu7bh-runtime-panel, #fff)\",\n    border: `1px solid ${border}`,\n    borderRadius: 12,\n    padding: \"18px 20px\",\n  };\n  const cardLink = { color: accentDark, textDecoration: \"none\", fontWeight: 600 };\n  const link = { color: accentDark, textDecoration: \"underline\" };\n  const cta = {\n    display: \"inline-block\",\n    background: \"var(--c13eu7bh-runtime-action-bg, #1f6f6b)\",\n    color: \"var(--c13eu7bh-runtime-action-fg, #fff)\",\n    textDecoration: \"none\",\n    fontWeight: 600,\n    padding: \"12px 20px\",\n    borderRadius: 10,\n  };\n  const ctaGhost = {\n    display: \"inline-block\",\n    background: \"var(--c13eu7bh-runtime-panel, #fff)\",\n    color: accentDark,\n    textDecoration: \"none\",\n    fontWeight: 600,\n    padding: \"11px 19px\",\n    borderRadius: 10,\n    border: `1px solid ${border}`,\n  };\n  const ctaRow = { display: \"flex\", flexWrap: \"wrap\", gap: 12, margin: \"8px 0 0\" };\n  const chipBox = {\n    background: chip,\n    borderRadius: 999,\n    padding: \"6px 12px\",\n    fontSize: 14,\n    color: accentDark,\n    display: \"inline-block\",\n    margin: \"0 8px 8px 0\",\n  };\n  const note = {\n    background: \"var(--c13eu7bh-runtime-panel, #fff)\",\n    border: `1px solid ${border}`,\n    borderRadius: 12,\n    padding: \"18px 20px\",\n    margin: \"18px 0\",\n  };\n\n  const pillars = [\n    { route: \"/customer-experience\", name: \"Customer Experience Foundations\", value: \"What CX really is, how to map the journey, and where the friction hides.\" },\n    { route: \"/competitive-strategy\", name: \"Competitive Positioning\", value: \"Win without cutting your price by being easier to choose and trust.\" },\n    { route: \"/offers\", name: \"Offer Design & Packaging\", value: \"Turn a messy “it depends” service into a clear, buyable offer.\" },\n    { route: \"/website-experience\", name: \"Website Experience\", value: \"Treat your website as customer experience, not a brochure.\" },\n    { route: \"/onboarding\", name: \"Onboarding & Recovery\", value: \"Make the “after they say yes” feel calm and certain.\" },\n    { route: \"/retention\", name: \"Retention, Referrals & Reviews\", value: \"Bring customers back and ask for reviews the ethical way.\" },\n    { route: \"/operations\", name: \"Operations & Measurement\", value: \"Fewer bottlenecks, simple SOPs, and the few numbers that matter.\" },\n    { route: \"/playbooks\", name: \"Industry Playbooks & Templates\", value: \"Step-by-step playbooks for your trade, plus the template library.\" },\n  ];\n\n  const faqs = [\n    {\n      q: \"What is Outclimber?\",\n      a: \"Outclimber is a practical field guide for small-business owners on customer experience and competitive strategy. It explains how to make your business easier to choose, easier to trust, and easier to buy from — with guides, templates, and step-by-step playbooks you can apply this week.\",\n    },\n    {\n      q: \"Who is it for?\",\n      a: \"Owners and operators of small and local businesses: service businesses, founders, consultants and coaches, agencies, e-commerce and SaaS operators, and practice owners. If customers interact with you and you want more of them to choose and stay, you are in the right place.\",\n    },\n    {\n      q: \"Is it free?\",\n      a: \"Yes. The guides, playbooks, and templates are free to read and use. Outclimber is a knowledge resource, not a course you have to buy to get value from.\",\n    },\n    {\n      q: \"Do I need to be technical?\",\n      a: \"No. Everything is written in plain English with concrete examples. You do not need to code, run ads, or hire an agency to use the methods here. When a step does involve a tool or a web page, we say so plainly.\",\n    },\n    {\n      q: \"How is this different from a generic business blog?\",\n      a: \"Most business advice is either vague motivation or one-off tactics. Outclimber is organized around how a real customer moves through your business — from first impression to repeat purchase — so each guide connects to a clear next step instead of leaving you with a slogan.\",\n    },\n    {\n      q: \"What’s the climbing thing about?\",\n      a: \"“Outclimb” is a simple metaphor: competing is less about racing faster and more about choosing a better route. We use it lightly. The work is choosing where you compete, removing friction from the path your customers take, and building a stronger base to grow from.\",\n    },\n    {\n      q: \"Where should I start?\",\n      a: \"Start Here maps common problems to the right guide, so you do not have to read everything. If you would rather act than read, take the CX Friction Audit in the template library and fix the biggest gap first.\",\n    },\n  ];\n\n  return (\n    _react2.default.createElement('main', { style: page,}\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h1', { style: h1,}, \"Customer experience and competitive strategy playbooks to help you outclimb the competition\"\n\n        )\n        , _react2.default.createElement('p', { style: lead,}, \"Win more customers without cutting your prices — by being easier to choose, easier to trust, and easier to buy from. Outclimber turns customer experience and competitive strategy into plain steps you can use this week.\"\n\n\n\n        )\n        , _react2.default.createElement('div', { style: ctaRow,}\n          , _react2.default.createElement('a', { style: cta, href: \"/start-here\",}, \"Find your starting point\"   )\n          , _react2.default.createElement('a', { style: ctaGhost, href: \"/templates\",}, \"Browse the free templates\"   )\n        )\n      )\n\n      , _react2.default.createElement('div', { style: summary,}\n        , _react2.default.createElement('strong', null, \"In short:\" ), \" Outclimber is a free field guide for small-business owners. It shows you how to map your customer journey, fix the friction that loses sales, sharpen how you compete, and keep customers coming back — organized so every guide points to a clear next step.\"\n\n\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"Who this is for\"   )\n        , _react2.default.createElement('p', { style: p,}, \"This site is built for the people who run the business day to day:\"             )\n        , _react2.default.createElement('div', null\n          , _react2.default.createElement('span', { style: chipBox,}, \"Small-business owners\" )\n          , _react2.default.createElement('span', { style: chipBox,}, \"Founders\")\n          , _react2.default.createElement('span', { style: chipBox,}, \"Local service businesses\"  )\n          , _react2.default.createElement('span', { style: chipBox,}, \"Consultants & coaches\"  )\n          , _react2.default.createElement('span', { style: chipBox,}, \"Agencies\")\n          , _react2.default.createElement('span', { style: chipBox,}, \"E-commerce & SaaS operators\"   )\n          , _react2.default.createElement('span', { style: chipBox,}, \"Practice owners\" )\n        )\n        , _react2.default.createElement('p', { style: { ...p, marginTop: 8 },}, \"If customers choose you, buy from you, and (you hope) come back, the methods here apply — whether you sell a service, a product, or your time.\"\n\n\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"What you’ll find here\"   )\n        , _react2.default.createElement('ul', null\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Field guides\" ), \" that explain a concept and then tell you what to do with it.\"             )\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Templates and audits\"  ), \" you can fill in to find and fix your biggest gaps.\"           )\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Industry playbooks\" ), \" that put the steps in order for a specific kind of business.\"            )\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"A clear path\"  ), \": each guide connects to the next, so you are never left with just a slogan.\"               )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"The eight pillars\"  )\n        , _react2.default.createElement('p', { style: p,}, \"Outclimber is organized into eight areas — roughly the order a customer moves through your business. Start anywhere; each one stands on its own.\"\n\n\n        )\n        , _react2.default.createElement('div', { style: grid,}\n          , pillars.map((pl) => (\n            _react2.default.createElement('div', { key: pl.route, style: card,}\n              , _react2.default.createElement('h3', { style: h3,}\n                , _react2.default.createElement('a', { style: cardLink, href: pl.route,}, pl.name)\n              )\n              , _react2.default.createElement('p', { style: { margin: 0 },}, pl.value)\n            )\n          ))\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"Start where it hurts\"   )\n        , _react2.default.createElement('p', { style: p,}, \"You do not need to read the whole site. Begin with the problem that is costing you customers right now. If you are not sure which that is, \"\n\n                , _react2.default.createElement('a', { style: link, href: \"/start-here\",}, \"Start Here\" ), \" matches common problems to the right guide in a couple of minutes.\"\n\n        )\n        , _react2.default.createElement('p', { style: p,}, \"Three guides are a strong first read for almost everyone:\"         )\n        , _react2.default.createElement('ul', null\n          , _react2.default.createElement('li', null\n            , _react2.default.createElement('a', { style: link, href: \"/blog/what-is-customer-experience-small-business\",}, \"What customer experience actually means for a small business\"\n\n            ), \" \", \"— the plain-English version, minus the corporate jargon.\"\n\n          )\n          , _react2.default.createElement('li', null\n            , _react2.default.createElement('a', { style: link, href: \"/blog/map-customer-journey-service-business\",}, \"How to map the customer journey for a service business\"\n\n            ), \" \", \"— see your business the way your customer does.\"\n\n          )\n          , _react2.default.createElement('li', null\n            , _react2.default.createElement('a', { style: link, href: \"/blog/where-to-start-improving-cx\",}, \"Where to start improving customer experience\"\n\n            ), \" \", \"— how to pick the one change that pays off first.\"\n\n          )\n        )\n        , _react2.default.createElement('div', { style: ctaRow,}\n          , _react2.default.createElement('a', { style: cta, href: \"/start-here\",}, \"Find your starting point\"   )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"Free templates & tools\"   )\n        , _react2.default.createElement('p', { style: p,}, \"Reading is good; doing is better. The \"\n                 , _react2.default.createElement('a', { style: link, href: \"/templates\",}, \"template library\" ), \" turns the methods on this site into worksheets you can complete in one sitting. A few owners reach for first:\"\n\n        )\n        , _react2.default.createElement('ul', null\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Customer Journey Map\"  ), \" — lay out every step from first contact to repeat purchase.\"           )\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"CX Friction Audit\"  ), \" — find the moments that quietly lose you customers.\"         )\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Service Page Template\"  ), \" — a structure that turns a visitor into a lead.\"          )\n          , _react2.default.createElement('li', null, _react2.default.createElement('strong', null, \"Review Request Script\"  ), \" — ask for reviews in an ethical, non-pushy way.\"         )\n        )\n        , _react2.default.createElement('div', { style: ctaRow,}\n          , _react2.default.createElement('a', { style: ctaGhost, href: \"/templates\",}, \"Browse the free templates\"   )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"Field Notes\" )\n        , _react2.default.createElement('div', { style: note,}\n          , _react2.default.createElement('p', { style: { ...p, marginBottom: 8 },}\n            , _react2.default.createElement('strong', null, \"Join Field Notes.\"  ), \" Field Notes is the Outclimber email list: short, practical notes on making your business easier to choose, trust, and buy from — one idea at a time, no spam, unsubscribe whenever you like.\"\n\n\n          )\n          , _react2.default.createElement('p', { style: { margin: 0 },}\n            , _react2.default.createElement('a', { style: link, href: \"/newsletter\",}, \"Join Field Notes\"  ), \" for occasional practical ideas. Confirm your email to subscribe, and unsubscribe whenever you like. The \"\n\n             , _react2.default.createElement('a', { style: link, href: \"/templates/workbook\",}, \"free workbook\" ), \" is available without signing up.\"\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"Build the page when you are ready\"      )\n        , _react2.default.createElement('p', { style: p,}, \"Some of these fixes end with a real web page — a clearer service page, a homepage that earns trust. When that is the next step, \"\n\n               , _react2.default.createElement('a', { style: link, href: \"/website-experience\",}, \"Cedros is one way to build it\"      ), \". It is optional; the strategy here works regardless of how you publish.\"\n\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"Frequently asked questions\"  )\n        , faqs.map((f) => (\n          _react2.default.createElement('details', { key: f.q, style: { borderBottom: `1px solid ${border}`, padding: \"12px 0\" },}\n            , _react2.default.createElement('summary', { style: { color: ink, fontWeight: 600, cursor: \"pointer\" },}, f.q)\n            , _react2.default.createElement('p', { style: { margin: \"10px 0 0\" },}, f.a)\n          )\n        ))\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', { style: h2,}, \"Where to go next\"   )\n        , _react2.default.createElement('ul', null\n          , _react2.default.createElement('li', null, _react2.default.createElement('a', { style: link, href: \"/start-here\",}, \"Start Here\" ), \" — find the right guide for your specific problem.\"         )\n          , _react2.default.createElement('li', null, _react2.default.createElement('a', { style: link, href: \"/templates\",}, \"Templates\"), \" — free worksheets and audits you can use today.\"         )\n          , _react2.default.createElement('li', null, _react2.default.createElement('a', { style: link, href: \"/about\",}, \"About Outclimber\" ), \" — who is behind this and why it exists.\"         )\n          , _react2.default.createElement('li', null, _react2.default.createElement('a', { style: link, href: \"/editorial-policy\",}, \"Editorial policy\" ), \" — how we research and what we will not do.\"          )\n        )\n        , _react2.default.createElement('p', { style: { marginTop: 18, fontSize: 15 },}, \"Outclimber publishes method-first guidance and explains how we work in our\"\n                    , \" \"\n          , _react2.default.createElement('a', { style: link, href: \"/editorial-policy\",}, \"editorial policy\" ), \". Learn more \"   , _react2.default.createElement('a', { style: link, href: \"/about\",}, \"about us\" ), \".\"\n        )\n      )\n    )\n  );\n} exports.default = HomePage;"}