{"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 reads = [\n  {href:\"/blog/findable-with-no-budget\",tag:\"Getting found\",title:\"Being findable with no marketing budget\",body:\"Where to spend your time when there’s nothing to spend on ads.\"},\n  {href:\"/blog/site-vs-stall-vs-social\",tag:\"Your corner of the web\",title:\"Your own site, a marketplace stall, or a social profile?\",body:\"The costs and trade-offs of three different ways to exist online.\"},\n  {href:\"/blog/shop-with-no-website\",tag:\"For the shop around the corner\",title:\"A shop with no website: what’s the minimum?\",body:\"The basics that help a stranger find you and turn up.\"}\n];\n\n function StumbleBeesHome(){\n  return _react2.default.createElement('div', { className: \"sb-home\",}\n    , _react2.default.createElement('div', { className: \"sb-home-layout\",}\n      , _react2.default.createElement('section', { className: \"sb-wander\", 'aria-labelledby': \"sb-home-title\",}\n        , _react2.default.createElement('div', { className: \"sb-wander-top\",}\n          , _react2.default.createElement('p', { className: \"sb-small\",}, \"Shops. Software. Makers. People.\"   )\n          , _react2.default.createElement('h1', { id: \"sb-home-title\",}, \"Discover the\" , _react2.default.createElement('br', null), _react2.default.createElement('em', null, \"independent web.\" ))\n          , _react2.default.createElement('p', { className: \"sb-intro\",}, \"Small businesses and the people behind them. A place to wander beyond the usual names.\"              )\n          , _react2.default.createElement('a', { className: \"sb-stumble\", href: \"/stumble\",}, _react2.default.createElement('span', null, \"Let’s stumble\" ), _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\"))\n          , _react2.default.createElement('a', { className: \"sb-browse\", href: \"/directory\",}, \"Or browse the directory \"    , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\"))\n        )\n        , _react2.default.createElement('div', { className: \"sb-opening\",}\n          , _react2.default.createElement('span', { className: \"sb-dot\", 'aria-hidden': \"true\",})\n          , _react2.default.createElement('p', null, \"We’re collecting the first businesses.\"    , _react2.default.createElement('br', null), _react2.default.createElement('a', { href: \"/directory/submit\",}, \"Know one we should meet?\"    ))\n        )\n      )\n\n      , _react2.default.createElement('section', { className: \"sb-reading\", 'aria-labelledby': \"sb-reading-title\",}\n        , _react2.default.createElement('div', { className: \"sb-section-top\",}, _react2.default.createElement('h2', { id: \"sb-reading-title\",}, \"While you’re here\"  ), _react2.default.createElement('a', { href: \"/blog\",}, \"All articles \"  , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\")))\n        , _react2.default.createElement('p', { className: \"sb-reading-intro\",}, \"A few useful reads for people doing their own thing.\"         )\n        , _react2.default.createElement('div', { className: \"sb-reads\",}\n          , reads.map(read=>_react2.default.createElement('a', { className: \"sb-read\", key: read.href, href: read.href,}\n            , _react2.default.createElement('span', { className: \"sb-read-tag\",}, read.tag)\n            , _react2.default.createElement('div', { className: \"sb-read-line\",}, _react2.default.createElement('h3', null, read.title))\n            , _react2.default.createElement('p', null, read.body)\n          ))\n        )\n        , _react2.default.createElement('div', { className: \"sb-business\",}, _react2.default.createElement('div', null, _react2.default.createElement('h2', null, \"Your business belongs on the web.\"     ), _react2.default.createElement('p', null, \"Tell us what you make, sell, or do. Every suggestion gets reviewed before it goes into the directory.\"                 )), _react2.default.createElement('a', { href: \"/directory/submit\",}, \"Suggest a business \"   , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\")))\n      )\n    )\n    , _react2.default.createElement('style', null, css)\n  );\n} exports.default = StumbleBeesHome;\n\nconst css = `\n.sb-home{width:100%;max-width:100%;min-width:0;box-sizing:border-box;color:var(--c1biijfl-runtime-text,#28251e);background:linear-gradient(to right,#ffdf3f 41%,var(--c1biijfl-runtime-bg,#fffdf5) 41%);font-family:var(--c1biijfl-font-body,Arial,sans-serif);font-size:17px;line-height:1.6}\n.sb-home *{box-sizing:border-box;min-width:0}.sb-home a{color:inherit;text-underline-offset:4px}.sb-home a:focus-visible{outline:3px solid var(--c1biijfl-runtime-accent,#815400);outline-offset:6px}.sb-home .sb-wander a:focus-visible{outline-color:#26220f}.sb-home-layout{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(340px,0.82fr) minmax(0,1.18fr)}\n.sb-home .sb-wander{background:#ffdf3f;color:#26220f;padding:48px clamp(24px,4vw,64px) 30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #26220f;gap:40px}\n.sb-home .sb-small{font-size:13px;font-weight:700;letter-spacing:.01em;margin:0 0 28px}.sb-home h1{font-family:var(--c1biijfl-font-heading,Georgia,serif);font-weight:700;font-size:clamp(42px,4.2vw,60px);letter-spacing:-.055em;line-height:1.04;margin:0 0 26px}.sb-home h1 em{font-weight:400}.sb-home .sb-intro{max-width:340px;font-size:17px;line-height:1.65;margin:0 0 30px}\n.sb-home .sb-stumble{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:370px;background:#26220f;color:#ffed8c;text-decoration:none;padding:19px 22px;border:2px solid #26220f;border-radius:5px;font-size:22px;font-weight:700;box-shadow:5px 5px 0 #b09825;transition:transform .15s,box-shadow .15s}.sb-home .sb-stumble:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #b09825}.sb-home .sb-stumble span:last-child{font-size:30px;font-weight:400;line-height:1}.sb-home .sb-browse{display:inline-block;margin-top:22px;font-size:14px}.sb-home .sb-opening{border-top:1px solid #a38d28;padding-top:23px;display:flex;gap:12px;align-items:flex-start}.sb-home .sb-opening p{margin:0;font-size:13px;line-height:1.7}.sb-home .sb-opening a{font-weight:700}.sb-home .sb-dot{height:9px;width:9px;flex:0 0 9px;background:#26220f;border-radius:50%;margin-top:6px}\n.sb-home .sb-reading{background:var(--c1biijfl-runtime-bg,#fffdf5);padding:44px clamp(24px,4vw,64px) 34px}.sb-home .sb-section-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.sb-home .sb-section-top h2{font-size:22px;font-weight:700;letter-spacing:-.03em;margin:0;font-family:var(--c1biijfl-font-body,Arial,sans-serif)}.sb-home .sb-section-top a{font-size:13px;white-space:nowrap}.sb-home .sb-reading-intro{font-size:15px;color:var(--c1biijfl-runtime-muted,#68645b);margin:7px 0 25px}.sb-home .sb-read{display:block;padding:24px 0;border-top:1px solid var(--c1biijfl-runtime-border,#ddd9c8);text-decoration:none}.sb-home .sb-read-tag{display:block;font-size:11px;letter-spacing:.025em;font-weight:700;color:var(--c1biijfl-runtime-muted,#68645b);margin-bottom:9px}.sb-home .sb-read-line{display:flex;justify-content:space-between;gap:20px}.sb-home .sb-read h3{font-family:var(--c1biijfl-font-heading,Georgia,serif);font-size:clamp(24px,2.3vw,32px);line-height:1.18;font-weight:400;letter-spacing:-.025em;margin:0;max-width:475px;text-wrap:pretty}.sb-home .sb-read p{font-size:14px;line-height:1.6;max-width:450px;color:var(--c1biijfl-runtime-muted,#68645b);margin:11px 0 0}.sb-home .sb-read:hover h3,.sb-home .sb-read:focus-visible h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.sb-home .sb-business{margin-top:8px;border-top:2px solid var(--c1biijfl-runtime-text,#28251e);padding-top:22px}.sb-home .sb-business h2{font-family:var(--c1biijfl-font-body,Arial,sans-serif);font-size:17px;font-weight:700;margin:0}.sb-home .sb-business p{font-size:13px;line-height:1.65;max-width:470px;margin:7px 0 13px;color:var(--c1biijfl-runtime-muted,#68645b)}.sb-home .sb-business>a{font-size:13px;font-weight:700}\n@media(min-width:1480px){.sb-home{background:linear-gradient(to right,#ffdf3f calc(50% - 133.2px),var(--c1biijfl-runtime-bg,#fffdf5) calc(50% - 133.2px))}}\n@media(max-width:760px){.sb-home{background:var(--c1biijfl-runtime-bg,#fffdf5)}.sb-home-layout{grid-template-columns:1fr;border:0}.sb-home .sb-wander{padding:32px 24px 26px;border-right:0;border-bottom:1px solid #26220f;gap:32px}.sb-home h1{font-size:clamp(38px,11.5vw,50px);letter-spacing:-.055em}.sb-home .sb-small{margin-bottom:22px}.sb-home .sb-intro{max-width:360px}.sb-home .sb-stumble{max-width:none}.sb-home .sb-reading{padding:30px 24px}.sb-home .sb-read{padding:25px 0}.sb-home .sb-read h3{font-size:28px}.sb-home .sb-section-top h2{font-size:21px}}\n@media(max-width:760px){.sb-home .sb-section-top>a,.sb-home .sb-business>a,.sb-home .sb-opening a{min-height:44px;display:inline-flex;align-items:center}.sb-home .sb-browse{min-height:44px;display:inline-flex;align-items:center;margin-top:10px}}\n@media(prefers-reduced-motion:reduce){.sb-home .sb-stumble{transition:none}}\n`;"}