{"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 ShopfrontPage() {\n  const css = `.sb-page{max-width:900px;margin:0 auto;padding:32px 20px 72px;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;color:#141a1f;line-height:1.65;font-size:17px}\n.sb-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:700;color:#8a5a00;margin:0 0 10px}\n.sb-page h1{font-size:clamp(27px,5vw,38px);line-height:1.2;margin:0 0 14px;letter-spacing:-.02em}\n.sb-lede{font-size:19px;color:#3d4753;margin:0 0 12px}\n.sb-page h2{font-size:clamp(20px,3.4vw,25px);margin:42px 0 12px;letter-spacing:-.01em}\n.sb-page h3{font-size:17px;margin:22px 0 8px}\n.sb-page p{margin:0 0 14px}\n.sb-page ul,.sb-page ol{margin:0 0 16px;padding-left:22px}\n.sb-page li{margin:0 0 8px}\n.sb-panel{background:#f7f7f4;border:1px solid #e5e4de;border-radius:12px;padding:18px 20px;margin:20px 0}\n.sb-panel h3{margin:0 0 8px}\n.sb-panel p:last-child,.sb-panel ul:last-child{margin-bottom:0}\n.sb-note{border-left:4px solid #8a5a00;background:#fbf7ef;padding:14px 18px;border-radius:0 10px 10px 0;margin:20px 0}\n.sb-note p:last-child{margin-bottom:0}\n.sb-warn{border-left:4px solid #9c3b1b;background:#fdf4f0;padding:14px 18px;border-radius:0 10px 10px 0;margin:20px 0}\n.sb-warn p:last-child{margin-bottom:0}\n.sb-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));margin:18px 0}\n.sb-card{border:1px solid #e5e4de;border-radius:12px;padding:16px 18px;background:#fff}\n.sb-card h3{margin:0 0 6px;font-size:16px}\n.sb-card p{margin:0;font-size:15px;color:#4a5560}\n.sb-a{color:#8a5a00;font-weight:600}\n.sb-cta{display:inline-block;background:#1d2b2a;color:#fff;padding:11px 18px;border-radius:9px;font-weight:600;text-decoration:none;margin:4px 8px 4px 0}\n.sb-cta.sec{background:#fff;color:#1d2b2a;border:1px solid #1d2b2a}\n.sb-wrap{overflow-x:auto;margin:16px 0}\n.sb-table{width:100%;border-collapse:collapse;font-size:15px}\n.sb-table th,.sb-table td{border:1px solid #e5e4de;padding:9px 11px;text-align:left;vertical-align:top}\n.sb-table th{background:#f7f7f4;font-weight:700}\n.sb-faq details{border-bottom:1px solid #e5e4de;padding:12px 0}\n.sb-faq summary{cursor:pointer;font-weight:600}\n.sb-faq p{margin:10px 0 0;color:#414b56}\n.sb-meta{font-size:14px;color:#58626c;border-top:1px solid #e5e4de;padding-top:14px;margin-top:40px}`;\n  return (\n    _react2.default.createElement('div', { className: [\"np-stumblebees\",\"sb-page\"].join(\" \"),}\n\n\n      , _react2.default.createElement('style', null, \".np-stumblebees.sb-page{max-width:900px;margin:0 auto;padding:32px 20px 72px;font-family:-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif;color:var(--c1biijfl-runtime-text,#141a1f);line-height:1.65;font-size:17px}\\n.np-stumblebees .sb-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:700;color:var(--c1biijfl-runtime-accent,#8a5a00);margin:0 0 10px}\\n.np-stumblebees.sb-page h1{font-size:clamp(27px,5vw,38px);line-height:1.2;margin:0 0 14px;letter-spacing:-.02em}\\n.np-stumblebees .sb-lede{font-size:19px;color:var(--c1biijfl-runtime-muted,#3d4753);margin:0 0 12px}\\n.np-stumblebees.sb-page h2{font-size:clamp(20px,3.4vw,25px);margin:42px 0 12px;letter-spacing:-.01em}\\n.np-stumblebees.sb-page h3{font-size:17px;margin:22px 0 8px}\\n.np-stumblebees.sb-page p{margin:0 0 14px}\\n.np-stumblebees.sb-page ul,.np-stumblebees.sb-page ol{margin:0 0 16px;padding-left:22px}\\n.np-stumblebees.sb-page li{margin:0 0 8px}\\n.np-stumblebees .sb-panel{background:var(--c1biijfl-runtime-bg,#f7f7f4);border:1px solid var(--c1biijfl-runtime-border,#e5e4de);border-radius:12px;padding:18px 20px;margin:20px 0}\\n.np-stumblebees .sb-panel h3{margin:0 0 8px}\\n.np-stumblebees .sb-panel p:last-child,.np-stumblebees .sb-panel ul:last-child{margin-bottom:0}\\n.np-stumblebees .sb-note{border-left:4px solid var(--c1biijfl-runtime-accent,#8a5a00);background:var(--c1biijfl-runtime-bg,#fbf7ef);padding:14px 18px;border-radius:0 10px 10px 0;margin:20px 0}\\n.np-stumblebees .sb-note p:last-child{margin-bottom:0}\\n.np-stumblebees .sb-warn{border-left:4px solid #9c3b1b;background:#fdf4f0;padding:14px 18px;border-radius:0 10px 10px 0;margin:20px 0}\\n.np-stumblebees .sb-warn p:last-child{margin-bottom:0}\\n.np-stumblebees .sb-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));margin:18px 0}\\n.np-stumblebees .sb-card{border:1px solid var(--c1biijfl-runtime-border,#e5e4de);border-radius:12px;padding:16px 18px;background:#fff}\\n.np-stumblebees .sb-card h3{margin:0 0 6px;font-size:16px}\\n.np-stumblebees .sb-card p{margin:0;font-size:15px;color:var(--c1biijfl-runtime-muted,#4a5560)}\\n.np-stumblebees .sb-a{color:var(--c1biijfl-runtime-accent,#8a5a00);font-weight:600}\\n.np-stumblebees .sb-cta{display:inline-block;background:var(--c1biijfl-runtime-text,#1d2b2a);color:#fff;padding:11px 18px;border-radius:9px;font-weight:600;text-decoration:none;margin:4px 8px 4px 0}\\n.np-stumblebees .sb-cta.sec{background:#fff;color:var(--c1biijfl-runtime-text,#1d2b2a);border:1px solid var(--c1biijfl-runtime-text,#1d2b2a)}\\n.np-stumblebees .sb-wrap{overflow-x:auto;margin:16px 0}\\n.np-stumblebees .sb-table{width:100%;border-collapse:collapse;font-size:15px}\\n.np-stumblebees .sb-table th,.np-stumblebees .sb-table td{border:1px solid var(--c1biijfl-runtime-border,#e5e4de);padding:9px 11px;text-align:left;vertical-align:top}\\n.np-stumblebees .sb-table th{background:var(--c1biijfl-runtime-bg,#f7f7f4);font-weight:700}\\n.np-stumblebees .sb-faq details{border-bottom:1px solid var(--c1biijfl-runtime-border,#e5e4de);padding:12px 0}\\n.np-stumblebees .sb-faq summary{cursor:pointer;font-weight:600}\\n.np-stumblebees .sb-faq p{margin:10px 0 0;color:var(--c1biijfl-runtime-muted,#414b56)}\\n.np-stumblebees .sb-meta{font-size:14px;color:var(--c1biijfl-runtime-muted,#58626c);border-top:1px solid var(--c1biijfl-runtime-border,#e5e4de);padding-top:14px;margin-top:40px}\")\n      , _react2.default.createElement('header', null\n        , _react2.default.createElement('p', { className: \"sb-eyebrow\",}, \"Shopfront basics\")\n        , _react2.default.createElement('h1', null, \"Shopfront basics\")\n        , _react2.default.createElement('p', { className: \"sb-lede\",}, \"The floor, not the ceiling. Seven things a stranger cannot proceed without, why each one is there, and what to publish when your work genuinely varies or your business runs from your home.\")\n      )\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', null, \"The seven-item floor\")\n        , _react2.default.createElement('p', null, \"Each of these is justified by what a visitor cannot do without it, drawn from the patterns that fail \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/entry-bar\",}, \"our entry bar\"), \" rather than from convention.\")\n        , _react2.default.createElement('ol', null\n          , _react2.default.createElement('li', null, \"A sentence saying what you sell.\")\n          , _react2.default.createElement('li', null, \"A way to reach a human.\")\n          , _react2.default.createElement('li', null, \"Some indication of price.\")\n          , _react2.default.createElement('li', null, \"Whether you are open, or taking work.\")\n          , _react2.default.createElement('li', null, \"Where you are, or a clear signal that location does not matter.\")\n          , _react2.default.createElement('li', null, \"Who you are, in whatever detail applies to your situation.\")\n          , _react2.default.createElement('li', null, \"A date somewhere that shows the site is tended.\")\n        )\n        , _react2.default.createElement('p', null, \"The full reasoning, including the three-item version for people who cannot do all seven, is at \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/minimum-viable-shopfront\",}, \"the minimum viable shopfront\"), \".\")\n        , _react2.default.createElement('div', { className: \"sb-note\",}\n          , _react2.default.createElement('p', null, \"Deliberately not on the list: a logo, a blog, a social feed, testimonials, a photograph of a team, or a redesign. None of them is what stops a stranger proceeding.\")\n        )\n      )\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', null, \"The hard ones\")\n        , _react2.default.createElement('div', { className: \"sb-grid\",}\n          , _react2.default.createElement('div', { className: \"sb-card\",}\n            , _react2.default.createElement('h3', null, \"Pricing pages for the terrified\")\n            , _react2.default.createElement('p', null, \"Five options between a full price list and total silence, for work that genuinely varies. \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/pricing-pages-for-the-terrified\",}, \"Read it\"), \".\")\n          )\n          , _react2.default.createElement('div', { className: \"sb-card\",}\n            , _react2.default.createElement('h3', null, \"Contact pages that work\")\n            , _react2.default.createElement('p', null, \"What to include, and the hard rule about home addresses that applies even when your home is the registered address. \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/contact-pages-that-work\",}, \"Read it\"), \".\")\n          )\n          , _react2.default.createElement('div', { className: \"sb-card\",}\n            , _react2.default.createElement('h3', null, \"Opening hours are a promise\")\n            , _react2.default.createElement('p', null, \"Wrong hours cost more trust than no hours. How to make a smaller promise you can keep. \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/opening-hours-are-a-promise\",}, \"Read it\"), \".\")\n          )\n          , _react2.default.createElement('div', { className: \"sb-card\",}\n            , _react2.default.createElement('h3', null, \"What your site has to say about who you are\")\n            , _react2.default.createElement('p', null, \"Business identity details, why the answer depends on where you are, and where to check. \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/trading-details-on-your-site\",}, \"Read it\"), \".\")\n          )\n        )\n      )\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', null, \"What bad actually looks like\")\n        , _react2.default.createElement('p', null, _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/shopfront-teardown-pattern\",}, \"Nine shopfront failures worth checking for\"), \" describes nine illustrative patterns with what each costs and the smallest possible fix — under an hour, no budget, no redesign.\")\n        , _react2.default.createElement('p', null, \"Every pattern is assembled from more than one case and stripped of identifying detail. We do not publish teardowns of named businesses, and we never will.\")\n      )\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', null, \"Choosing where your shopfront lives\")\n        , _react2.default.createElement('p', null, \"Your own site, a stall on a marketplace, or a social profile only. \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/site-vs-stall-vs-social\",}, \"Your own site vs a marketplace stall vs a social profile only\"), \" compares them across control, discoverability, cost and exit risk — with a table and no winner.\")\n        , _react2.default.createElement('p', null, \"Exit risk is the axis most comparisons skip: what happens to your customers if the platform changes its rules or closes. If you are running two or three in parallel, the maintenance tax is real and worth counting.\")\n      )\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', null, \"On legal requirements\")\n        , _react2.default.createElement('div', { className: \"sb-warn\",}\n          , _react2.default.createElement('p', null, \"What a business must display on its website varies by legal form, sector and jurisdiction, and is routinely repeated online as though one country's rules applied everywhere. We do not assert what applies to you.\")\n          , _react2.default.createElement('p', null, _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/trading-details-on-your-site\",}, \"What your site has to say about who you are\"), \" names primary sources per jurisdiction, states which one each claim comes from, and says plainly where our research stopped. Nothing on this site is legal advice and none of it can be.\")\n        )\n      )\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('h2', null, \"The vocabulary\")\n        , _react2.default.createElement('p', null, \"Shopfront, landing page, storefront and listing get used interchangeably and mean four different things to the person trying to buy from you. The difference that matters is control and exit risk — see \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/glossary\",}, \"the glossary\"), \" and \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/shopfront-terms-explained\",}, \"shopfront, landing page, storefront, listing\"), \".\")\n        , _react2.default.createElement('p', null\n          , _react2.default.createElement('a', { className: \"sb-cta\", href: \"/blog/minimum-viable-shopfront\",}, \"Read the seven-item floor\")\n          , _react2.default.createElement('a', { className: \"sb-cta sec\" , href: \"/templates\",}, \"Get the shopfront checklist\")\n        )\n      )\n      , _react2.default.createElement('section', { className: \"sb-faq\",}\n        , _react2.default.createElement('h2', null, \"Questions about shopfronts\")\n        , _react2.default.createElement('details', null\n          , _react2.default.createElement('summary', null, \"Does meeting the seven-item floor mean you would list me?\")\n          , _react2.default.createElement('p', null, \"No. The floor is about being legible to a stranger; \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/entry-bar\",}, \"the entry bar\"), \" is a separate and stricter document. Plenty of sites clear the floor and are still refused, mostly for the categorical exclusions.\")\n        )\n        , _react2.default.createElement('details', null\n          , _react2.default.createElement('summary', null, \"Do I have to publish prices?\")\n          , _react2.default.createElement('p', null, \"No, but publishing nothing about price is itself a signal, usually read as 'expensive' or 'they will quote based on me'. The five graded alternatives are in \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/pricing-pages-for-the-terrified\",}, \"pricing pages for the terrified\"), \".\")\n        )\n        , _react2.default.createElement('details', null\n          , _react2.default.createElement('summary', null, \"My business runs from my house. What do I put as an address?\")\n          , _react2.default.createElement('p', null, \"Not your home address, and we would not publish it either. \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/blog/contact-pages-that-work\",}, \"Contact pages that work\"), \" covers the options, and the legal side is deferred to named primary sources rather than guessed at.\")\n        )\n        , _react2.default.createElement('details', null\n          , _react2.default.createElement('summary', null, \"Do you recommend a website builder?\")\n          , _react2.default.createElement('p', null, \"No. Every recommendation of that kind dates quickly and would put us in a position where a platform could reasonably offer us money. The floor is deliberately written to be platform-agnostic.\")\n        )\n        , _react2.default.createElement('details', null\n          , _react2.default.createElement('summary', null, \"Will you review my site?\")\n          , _react2.default.createElement('p', null, \"No. We publish no assessment of any business, which includes yours. The checklists are written so you can do the diagnosis yourself, which is more useful anyway.\")\n        )\n        , _react2.default.createElement('details', null\n          , _react2.default.createElement('summary', null, \"Is a beautiful site enough?\")\n          , _react2.default.createElement('p', null, \"No, and one of the nine failure patterns exists specifically to break that assumption. A site can be well-designed and still fail to say what it sells.\")\n        )\n      )\n      , _react2.default.createElement('p', { className: \"sb-meta\",}, \"Legal statements in this section are attributed to named primary sources in \", _react2.default.createElement('a', { className: \"sb-a\", href: \"/sources\",}, \"the ledger\"), \" with the jurisdiction stated. Nothing here is legal advice.\")\n\n, _react2.default.createElement('style', null, \"\\n.np-stumblebees{--np-paper:var(--c1biijfl-runtime-bg,#f0eedf);--np-ink:var(--c1biijfl-runtime-text,#313c2e);--np-accent:var(--c1biijfl-runtime-accent-soft,#d8cf86);box-sizing:border-box;max-width:none!important;width:100%;min-height:100vh;background:var(--np-paper)!important;color:var(--np-ink)!important;margin:0!important;padding:clamp(28px,4vw,48px) clamp(20px,5vw,72px) 72px!important;font-family:var(--c1biijfl-font-body,Arial,sans-serif)!important;font-size:17px!important;line-height:1.75!important;overflow-wrap:anywhere}\\n.np-stumblebees *{box-sizing:border-box;min-width:0}.np-stumblebees>*{max-width:1080px;margin-left:auto;margin-right:auto}.np-stumblebees .np-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;margin-bottom:52px;border-bottom:1px solid var(--np-ink)}.np-stumblebees .np-brand{font-family:var(--c1biijfl-font-heading,Georgia,serif);font-size:22px;letter-spacing:-.5px;text-decoration:none}.np-stumblebees .np-topbar nav{display:flex;flex-wrap:wrap;gap:10px 22px}.np-stumblebees .np-topbar nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;border-bottom:1px solid transparent}.np-stumblebees .np-topbar nav a:hover{border-bottom-color:currentColor}\\n.np-stumblebees h1{font-family:var(--c1biijfl-font-heading,Georgia,serif)!important;font-weight:400!important;font-size:clamp(36px,5.2vw,66px)!important;line-height:1.08!important;letter-spacing:-1.8px!important;max-width:960px;margin-top:0!important;margin-bottom:28px!important;text-wrap:balance;color:var(--np-ink)!important}.np-stumblebees h2{font-family:var(--c1biijfl-font-heading,Georgia,serif)!important;font-weight:400!important;font-size:clamp(25px,3vw,35px)!important;line-height:1.25!important;letter-spacing:-.5px!important;color:var(--np-ink)!important;margin-top:38px!important;margin-bottom:18px!important;text-wrap:balance}.np-stumblebees h3{font-size:19px!important;line-height:1.4!important;color:var(--np-ink)!important;margin-top:24px!important;margin-bottom:10px!important}.np-stumblebees p,.np-stumblebees li{line-height:1.8!important;max-width:78ch}.np-stumblebees p{margin-bottom:18px!important}.np-stumblebees p,.np-stumblebees li,.np-stumblebees label{color:var(--np-ink)!important}.np-stumblebees main,.np-stumblebees article,.np-stumblebees section{max-width:100%}.np-stumblebees section{padding-top:8px!important;padding-bottom:24px!important;background:transparent!important}.np-stumblebees section+section{border-top:1px solid color-mix(in srgb,var(--np-ink) 22%,transparent);margin-top:32px!important}.np-stumblebees ul,.np-stumblebees ol{padding-left:24px;max-width:78ch}.np-stumblebees li{margin-bottom:10px!important}\\n.np-stumblebees a{color:var(--np-ink);text-underline-offset:4px;text-decoration-thickness:1px}.np-stumblebees a:hover{text-decoration:underline}.np-stumblebees a:focus-visible,.np-stumblebees button:focus-visible,.np-stumblebees input:focus-visible,.np-stumblebees select:focus-visible,.np-stumblebees textarea:focus-visible,.np-stumblebees summary:focus-visible{outline:3px solid var(--np-ink);outline-offset:5px}.np-stumblebees button,.np-stumblebees input,.np-stumblebees select,.np-stumblebees textarea{font:inherit;max-width:100%;min-height:44px;border-radius:3px!important}.np-stumblebees button{cursor:pointer}.np-stumblebees [class*=\\\"cta\\\"] a,.np-stumblebees [class*=\\\"button\\\"]{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px!important;background:var(--np-ink)!important;color:var(--np-paper)!important;border:1px solid var(--np-ink)!important;border-radius:3px!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important;white-space:normal;line-height:1.45!important}.np-stumblebees details{border:1px solid color-mix(in srgb,var(--np-ink) 28%,transparent)!important;border-radius:3px!important;padding:0 18px!important;background:transparent!important;margin-bottom:12px!important}.np-stumblebees summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:600;line-height:1.5}.np-stumblebees details>p{padding-bottom:12px}.np-stumblebees blockquote{border-left:3px solid var(--np-ink)!important;background:var(--np-accent)!important;color:var(--np-ink)!important;padding:18px 22px!important;margin:24px 0!important;max-width:78ch}.np-stumblebees .np-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:24px 0;outline-offset:4px}.np-stumblebees table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65;display:table!important;overflow:visible!important}.np-stumblebees th{background:var(--np-accent)!important;color:var(--np-ink)!important;text-align:left;padding:15px!important;font-weight:600}.np-stumblebees td{color:var(--np-ink)!important;background:transparent!important;padding:15px!important;border-bottom:1px solid color-mix(in srgb,var(--np-ink) 22%,transparent)!important;vertical-align:top}.np-stumblebees pre{max-width:100%;overflow-x:auto;padding:20px;background:var(--np-ink)!important;color:var(--np-paper)!important;line-height:1.6;font-size:14px}.np-stumblebees pre code{color:inherit!important;background:transparent!important}.np-stumblebees img,.np-stumblebees svg{max-width:100%;height:auto}\\n@media(max-width:680px){.np-stumblebees{font-size:16px!important;padding-left:20px!important;padding-right:20px!important}.np-stumblebees .np-topbar{display:block;margin-bottom:36px;padding-top:20px}.np-stumblebees .np-topbar nav{margin-top:12px;gap:4px 18px}.np-stumblebees h1{letter-spacing:-1px!important}.np-stumblebees [style*=\\\"grid-template-columns\\\"]{grid-template-columns:minmax(0,1fr)!important}.np-stumblebees [class*=\\\"cta\\\"]{flex-wrap:wrap!important;gap:12px!important}.np-stumblebees .np-table table{min-width:580px}.np-stumblebees th,.np-stumblebees td{padding:12px!important}.np-stumblebees blockquote{padding:16px!important}}\\n@media(prefers-reduced-motion:reduce){.np-stumblebees *{scroll-behavior:auto!important;transition:none!important}}\\n\")\n)\n  );\n} exports.default = ShopfrontPage;"}