{"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 BusinessTypesPage() {\n  return (\n    _react2.default.createElement('div', { className: \"pd-page pd-business-types reading-picdrome\"  ,}\n      , _react2.default.createElement('style', null, \"\\n.reading-picdrome{--reading-ground:var(--c1gb4l3-runtime-bg, #f6f1e8);--reading-ink:var(--c1gb4l3-runtime-text, #2d3834);--reading-accent:var(--c1gb4l3-runtime-accent, #536956);--reading-soft:var(--c1gb4l3-runtime-panel, #e1e7d9);max-width:1120px!important;width:100%;margin:0 auto!important;padding:26px 40px 80px!important;background:var(--reading-ground)!important;color:var(--reading-ink)!important;font:16px/1.75 var(--c1gb4l3-font-body, Arial, sans-serif)!important;overflow-wrap:anywhere}\\n.reading-picdrome,.reading-picdrome *{box-sizing:border-box;min-width:0}\\n.reading-picdrome .reading-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 24px;margin:0 0 44px;border-bottom:1px solid var(--reading-accent)}\\n.reading-picdrome .reading-brand{font:24px/1.25 var(--c1gb4l3-font-heading, Georgia, serif);letter-spacing:-.5px;text-decoration:none;color:var(--reading-ink)!important}\\n.reading-picdrome .reading-navigation{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:13px}.reading-picdrome .reading-navigation a{padding:10px 0}\\n.reading-picdrome a{color:var(--reading-accent);text-underline-offset:4px;text-decoration-thickness:1px}\\n.reading-picdrome :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--reading-accent)!important;outline-offset:4px}\\n.reading-picdrome h1{font:clamp(34px,4.8vw,56px)/1.12 var(--c1gb4l3-font-heading, Georgia, serif)!important;color:var(--reading-ink)!important;letter-spacing:-1.5px;max-width:23ch;margin:0 0 25px!important;overflow-wrap:normal}\\n.reading-picdrome h2{font:clamp(25px,3vw,34px)/1.22 var(--c1gb4l3-font-heading, Georgia, serif)!important;color:var(--reading-ink)!important;letter-spacing:-.6px;margin:42px 0 18px!important}\\n.reading-picdrome h3{font-size:19px!important;line-height:1.4!important;color:var(--reading-ink);margin:20px 0 10px}\\n.reading-picdrome p{max-width:78ch;line-height:1.8!important;margin-bottom:18px}\\n.reading-picdrome :is(.lead,.lede,.intro){font-size:18px!important;line-height:1.75!important;max-width:70ch}\\n.reading-picdrome :is(ul,ol){line-height:1.8;padding-left:24px}.reading-picdrome li{margin:7px 0}\\n.reading-picdrome .reading-hero{background:var(--reading-soft)!important;border-radius:4px!important;border:0!important;padding:40px 34px!important;margin-bottom:38px!important}.reading-picdrome .reading-hero h1{max-width:23ch}.reading-picdrome :is(section,article,nav){scroll-margin-top:24px}.reading-picdrome > section{margin-top:34px!important}\\n.reading-picdrome :is(pre,code){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.reading-picdrome pre{padding:20px;overflow:auto;background:var(--reading-soft);border-radius:4px}\\n.reading-picdrome .reading-table{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid var(--reading-accent);border-radius:4px}.reading-picdrome .reading-table table{width:100%;min-width:560px;margin:0!important;border-collapse:collapse!important;font-size:14px;line-height:1.6}.reading-picdrome :is(th,td){text-align:left;padding:14px 16px!important;border-bottom:1px solid var(--reading-soft);vertical-align:top}.reading-picdrome th{background:var(--reading-soft)!important;color:var(--reading-ink)!important;font-weight:700}\\n.reading-picdrome :is(button,summary){min-height:44px;cursor:pointer;font:inherit}.reading-picdrome summary{padding:12px 0;font-weight:600}.reading-picdrome details{border-top:1px solid var(--reading-accent);padding:8px 0;margin:10px 0}\\n.reading-picdrome :is(input,select,textarea){max-width:100%;min-height:44px;font:inherit;line-height:1.5;padding:11px 12px;border:1px solid var(--reading-accent);border-radius:4px;background:var(--reading-ground);color:var(--reading-ink)}\\n.reading-picdrome a[style*=\\\"background\\\"]{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:12px 18px!important;background:var(--reading-ink)!important;color:var(--reading-ground)!important;border-color:var(--reading-ink)!important;border-radius:4px!important;font-size:14px!important;text-decoration:none!important;line-height:1.5!important}\\n.reading-picdrome :is(img,svg,video,iframe){max-width:100%}.reading-picdrome .reading-navigation a:hover{text-decoration-thickness:2px}\\n@media(max-width:720px){.reading-picdrome{padding:22px 22px 56px!important;font-size:16px!important}.reading-picdrome .reading-masthead{align-items:flex-start;gap:20px;margin-bottom:34px}.reading-picdrome .reading-brand{font-size:21px;max-width:12ch}.reading-picdrome .reading-navigation{justify-content:flex-end;gap:4px 14px;max-width:170px;font-size:12px}.reading-picdrome h1{font-size:36px!important;letter-spacing:-.8px}.reading-picdrome h2{font-size:28px!important;margin-top:32px!important}.reading-picdrome section[style*=\\\"grid\\\"],.reading-picdrome div[style*=\\\"grid-template-columns\\\"]{grid-template-columns:1fr!important}.reading-picdrome section[style*=\\\"padding\\\"],.reading-picdrome article[style*=\\\"padding\\\"]{padding-left:18px!important;padding-right:18px!important}}\\n\\n.reading-picdrome a:is([class*=\\\"btn\\\"],[class*=\\\"button\\\"],[class*=\\\"cta\\\"]){background:var(--c1gb4l3-runtime-text, #2d3834)!important;color:var(--c1gb4l3-runtime-bg, #f6f1e8)!important;border-color:var(--c1gb4l3-runtime-text, #2d3834)!important;min-height:44px;display:inline-flex;align-items:center;padding:12px 18px;text-decoration:none}\\n\\n.reading-picdrome{width:100%;max-width:100%!important;min-width:0;box-sizing:border-box} .reading-picdrome .reading-masthead,.reading-picdrome .masthead{display:none} .reading-picdrome .reading-brand{font-family:var(--c1gb4l3-font-heading,Arial,sans-serif)} .reading-picdrome h1{font-weight:750!important;letter-spacing:-.045em} .reading-picdrome h2{font-weight:650!important} .reading-picdrome :is(code,pre,.eyebrow,.number){font-family:var(--c1gb4l3-font-mono,monospace)}\\n\")\n      , _react2.default.createElement('header', { className: \"reading-masthead\",}, _react2.default.createElement('a', { className: \"reading-brand\", href: \"/\",}, \"Picdrome\"), _react2.default.createElement('nav', { className: \"reading-navigation\", 'aria-label': \"Reading navigation\" ,}, _react2.default.createElement('a', { href: \"/\",}, \"Home\"), _react2.default.createElement('a', { href: \"/use-cases\",}, \"Start reading\" ), _react2.default.createElement('a', { href: \"/ai-image-disclosure\",}, \"Standards\")))\n\n      , _react2.default.createElement('style', null, \"\\n        .reading-picdrome.pd-business-types {\\n          --pd-ink:var(--c1gb4l3-runtime-text, #2d3834); --pd-slate:var(--c1gb4l3-runtime-text, #2d3834); --pd-muted:var(--c1gb4l3-runtime-muted, #59635c);\\n          --pd-line:var(--c1gb4l3-runtime-border, #d6d5c9); --pd-bg:var(--c1gb4l3-runtime-bg, #f6f1e8); --pd-soft:var(--c1gb4l3-runtime-panel, #ece6dc);\\n          --pd-brand:var(--c1gb4l3-runtime-accent, #536956); --pd-brand-dark:var(--c1gb4l3-runtime-accent, #536956); --pd-brand-soft:var(--c1gb4l3-runtime-accent-soft, #e4eadf);\\n          --pd-accent:var(--c1gb4l3-runtime-accent, #536956); --pd-warn:var(--c1gb4l3-runtime-text, #2d3834); --pd-warn-bg:var(--c1gb4l3-runtime-panel, #ece6dc);\\n          max-width:900px; margin:0 auto; padding:2rem 1.25rem 4rem;\\n          background:var(--pd-bg); color:var(--pd-ink);\\n          font-family:-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif;\\n          line-height:1.6;\\n        }\\n        .reading-picdrome.pd-business-types h1 { font-size:clamp(1.9rem,4vw,2.6rem); line-height:1.15; margin:0 0 .75rem; color:var(--pd-ink); }\\n        .reading-picdrome.pd-business-types h2 { font-size:clamp(1.3rem,2.4vw,1.7rem); margin:2.5rem 0 .75rem; color:var(--pd-ink); }\\n        .reading-picdrome.pd-business-types h3 { font-size:1.05rem; margin:1.4rem 0 .35rem; color:var(--pd-ink); }\\n        .reading-picdrome.pd-business-types p { margin:0 0 1rem; color:var(--pd-slate); }\\n        .reading-picdrome.pd-business-types .lede { font-size:clamp(1.1rem,2vw,1.3rem); color:var(--pd-muted); margin:0 0 1.5rem; }\\n        .reading-picdrome.pd-business-types a { color:var(--pd-brand-dark); }\\n        .reading-picdrome.pd-business-types .grid {\\n          display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\\n          gap:1rem; margin:1.25rem 0;\\n        }\\n        .reading-picdrome.pd-business-types .card {\\n          border:1px solid var(--pd-line); border-radius:12px; padding:1rem 1.1rem;\\n          background:var(--pd-bg); text-decoration:none; color:var(--pd-ink); display:block;\\n        }\\n        .reading-picdrome.pd-business-types a.card:hover { border-color:var(--pd-brand); background:var(--pd-soft); }\\n        .reading-picdrome.pd-business-types .card h3 { margin:0 0 .35rem; color:var(--pd-ink); }\\n        .reading-picdrome.pd-business-types .card p { margin:0; color:var(--pd-muted); font-size:.95rem; }\\n        .reading-picdrome.pd-business-types .card .go { color:var(--pd-brand-dark); font-weight:600; font-size:.9rem; display:inline-block; margin-top:.6rem; }\\n        .reading-picdrome.pd-business-types .callout {\\n          border-left:4px solid var(--pd-brand); background:var(--pd-brand-soft);\\n          padding:1rem 1.1rem; border-radius:8px; margin:1.5rem 0;\\n        }\\n        .reading-picdrome.pd-business-types .callout p { color:var(--pd-slate); margin:0; }\\n        .reading-picdrome.pd-business-types .cta-row { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.5rem 0 .5rem; }\\n        .reading-picdrome.pd-business-types .btn {\\n          background:var(--pd-brand); color:var(--c1gb4l3-runtime-action-fg, #ffffff); border-radius:10px; padding:.7rem 1.1rem;\\n          font-weight:600; text-decoration:none; display:inline-block;\\n        }\\n        .reading-picdrome.pd-business-types .btn:hover { background:var(--pd-brand-dark); }\\n        .reading-picdrome.pd-business-types .btn-secondary {\\n          border:1px solid var(--pd-line); color:var(--pd-ink); background:var(--pd-bg);\\n          border-radius:10px; padding:.7rem 1.1rem; font-weight:600; text-decoration:none; display:inline-block;\\n        }\\n        .reading-picdrome.pd-business-types .btn-secondary:hover { border-color:var(--pd-brand); }\\n        .reading-picdrome.pd-business-types ul { margin:0 0 1rem; padding-left:1.25rem; color:var(--pd-slate); }\\n        .reading-picdrome.pd-business-types li { margin-bottom:.4rem; }\\n        .reading-picdrome.pd-business-types .faq h3 { margin-top:1.5rem; }\\n        .reading-picdrome.pd-business-types .summary {\\n          border:1px solid var(--pd-line); background:var(--pd-soft);\\n          border-radius:12px; padding:1rem 1.1rem; margin:2.5rem 0 0; color:var(--pd-slate);\\n        }\\n        .reading-picdrome.pd-business-types .summary strong { color:var(--pd-ink); }\\n      \\n.reading-picdrome{width:100%;max-width:100%!important;min-width:0;box-sizing:border-box} .reading-picdrome .reading-masthead,.reading-picdrome .masthead{display:none} .reading-picdrome .reading-brand{font-family:var(--c1gb4l3-font-heading,Arial,sans-serif)} .reading-picdrome h1{font-weight:750!important;letter-spacing:-.045em} .reading-picdrome h2{font-weight:650!important} .reading-picdrome :is(code,pre,.eyebrow,.number){font-family:var(--c1gb4l3-font-mono,monospace)}\\n\")\n\n        , _react2.default.createElement('h1', null, \"Website images by business type\"    )\n        , _react2.default.createElement('p', { className: \"lede\",}, \"Guidance on choosing images that fit specific kinds of businesses — so your site looks like it belongs to your industry.\"                    )\n      , _react2.default.createElement('p', null, \"A photo that works on a yoga studio site can look out of place on a SaaS dashboard page. Picdrome groups its image guidance by the kind of business it serves, so you can start from what suits your field instead of scrolling through generic stock.\"                                             )\n      , _react2.default.createElement('div', { className: \"callout\",}, _react2.default.createElement('p', null, _react2.default.createElement('strong', null, \"Licensing note:\" ), \" Picdrome originals use the Picdrome License; images from other sources keep their own terms. For any image you use, the current license at its source controls; read it for the details that apply to your project. This is a plain-language note, not legal advice.\"                                            ))\n      , _react2.default.createElement('section', { 'aria-labelledby': \"who-this-is-for\",}\n        , _react2.default.createElement('h2', { id: \"who-this-is-for\",}, \"Who this is for\"   )\n        , _react2.default.createElement('p', null, \"This hub is built for people who need the right look quickly:\"           )\n        , _react2.default.createElement('ul', null\n          , _react2.default.createElement('li', null, \"Founders and small-business owners building or refreshing a website themselves.\"         )\n          , _react2.default.createElement('li', null, \"Freelancers and agencies choosing images for a client's site.\"        )\n          , _react2.default.createElement('li', null, \"Anyone briefing an AI website builder that needs images to match a specific industry.\"             )\n        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"choose-by-industry\",}\n        , _react2.default.createElement('h2', { id: \"choose-by-industry\",}, \"Choose by industry\"  )\n        , _react2.default.createElement('p', null, \"Each entry names the settings, subjects, and styles that read as natural for a particular field and links to the maintained guidance for choosing them. Open the one closest to yours.\"                              )\n        , _react2.default.createElement('div', { className: \"grid\",}\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/consultant-coaching-website-photos\",}, \"Consultant & coach\"  )), _react2.default.createElement('p', null, \"Calm, professional images for advisory, coaching, and one-to-one service sites.\"         ))\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/restaurant-website-images-no-photographer\",}, \"Restaurant & cafe\"  )), _react2.default.createElement('p', null, \"Food, drinks, and warm interior scenes for menus, hero sections, and about pages.\"            ))\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/saas-homepage-visuals-compared\",}, \"SaaS & startup\"  )), _react2.default.createElement('p', null, \"Clean, modern visuals for product pages, dashboards, and feature sections.\"         ))\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/product-vs-lifestyle-images-ecommerce\",}, \"E-commerce & online store\"   )), _react2.default.createElement('p', null, \"Product-friendly scenes and lifestyle shots for shop fronts and category pages.\"          ))\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/local-service-business-website-images\",}, \"Local service\" )), _react2.default.createElement('p', null, \"Trades, home services, and on-site work imagery for local business websites.\"          ))\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/website-images-for-your-industry\",}, \"Wellness & fitness\"  )), _react2.default.createElement('p', null, \"Movement, studios, and calm settings for fitness, therapy, and wellbeing sites.\"          ))\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/freelance-portfolio-images\",}, \"Agency & freelancer\"  )), _react2.default.createElement('p', null, \"Workspace, collaboration, and craft images for portfolios and service pages.\"         ))\n          , _react2.default.createElement('div', { className: \"card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/creator-course-website-images\",}, \"Creator, course & newsletter\"   )), _react2.default.createElement('p', null, \"Friendly, personal images for course pages, landing pages, and sign-up forms.\"          ))\n        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"build-a-matching-pack\",}\n        , _react2.default.createElement('h2', { id: \"build-a-matching-pack\",}, \"Build a matching pack\"   )\n        , _react2.default.createElement('p', null, \"A pack is a small, hand-picked set chosen together instead of one image at a time. \"                , _react2.default.createElement('a', { href: \"/packs\",}, \"What a pack contains and how to assemble one\"        ), \" sets out the model, and \"      , _react2.default.createElement('a', { href: \"/blog/get-all-website-images-fast\",}, \"the fastest way to get all your website images in one sitting\"           ), \" walks through building a matched set yourself. The industry guidance above defines what each field's images have to show.\"                   )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"pick-images-that-fit-your-industry\",}\n        , _react2.default.createElement('h2', { id: \"pick-images-that-fit-your-industry\",}, \"Pick images that fit your industry\"     )\n        , _react2.default.createElement('p', null, \"Choosing by business type does most of the work, but a few habits help the result feel right. Look for images that match the setting your customers expect — a workshop floor for a trade, a quiet desk for a consultant, a bright plate for a cafe. Keep the style consistent across pages so the site reads as one brand. And favor images that stay readable when text sits on top and load fast on a phone.\"                                                                            )\n        , _react2.default.createElement('p', null, \"For a deeper walk-through, including how to mix styles and avoid a generic look, read \"               , _react2.default.createElement('a', { href: \"/blog/website-images-for-your-industry\",}, \"images that fit your industry\"    ), \".\")\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"when-to-use-this-hub\",}\n        , _react2.default.createElement('h2', { id: \"when-to-use-this-hub\",}, \"When to use this hub\"    )\n        , _react2.default.createElement('p', null, \"Start from business type when you already know your field and want images that obviously belong to it. If instead you know which part of the page you're filling — a hero banner, a testimonial row, a 404 page — start from \"                                          , _react2.default.createElement('a', { href: \"/use-cases\",}, \"choosing by page section\"   ), \" and bring the industry guidance in from there.\"        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"start-here\",}\n        , _react2.default.createElement('h2', { id: \"start-here\",}, \"Start here\" )\n        , _react2.default.createElement('div', { className: \"cta-row\",}\n          , _react2.default.createElement('a', { className: \"btn\", href: \"/blog/website-images-for-your-industry\",}, \"Read the guide for your industry\"     )\n          , _react2.default.createElement('a', { className: \"btn-secondary\", href: \"/packs\",}, \"How image packs work\"   )\n          , _react2.default.createElement('a', { className: \"btn-secondary\", href: \"/use-cases\",}, \"Choose by page section\"   )\n        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"frequently-asked-questions\", className: \"faq\",}\n        , _react2.default.createElement('h2', { id: \"frequently-asked-questions\",}, \"Frequently asked questions\"  )\n        , _react2.default.createElement('h3', null, \"How is the industry guidance organized?\"     )\n        , _react2.default.createElement('p', null, \"Each entry names the settings, subjects, and styles that typically suit a given field and links to a guide that explains how to choose them. The goal is to know what belongs to your industry before you start looking, so you spend less time filtering and more time building.\"                                                )\n        , _react2.default.createElement('h3', null, \"Can I use an image on a client's website?\"        )\n        , _react2.default.createElement('p', null, \"That depends on the license at the image's source, which may treat client and agency work differently from your own site. Picdrome originals use the Picdrome License; images from other sources keep their own terms. The \"                                    , _react2.default.createElement('a', { href: \"/blog/image-rights-pre-publish-check\",}, \"pre-publish image rights check\"   ), \" lists what to confirm before delivery.\"      )\n        , _react2.default.createElement('h3', null, \"Should restaurant and menu images show brand logos?\"       )\n        , _react2.default.createElement('p', null, \"No. Food, drink, and dining scenes work best without real brand logos, packaging, or trademarks, which can create a rights problem and distract from your own brand. If an image shows something that looks like a real mark, pick a different one.\"                                         )\n        , _react2.default.createElement('h3', null, \"What suits a coach or consultant?\"     )\n        , _react2.default.createElement('p', null, \"Start with \"  , _react2.default.createElement('a', { href: \"/blog/consultant-coaching-website-photos\",}, \"what photos build trust on a consultant or coaching website\"         ), \". It covers the calm, professional scenes — desks, conversations, and workspaces — that suit advisory, coaching, and one-to-one service sites, and the ones that read as cheesy instead.\"                            )\n        , _react2.default.createElement('h3', null, \"How do I make a pack for my industry?\"        )\n        , _react2.default.createElement('p', null, \"Start with the closest industry guide above, list the sections your site needs, and choose one image per role with a consistent palette, lighting and level of formality. \"                            , _react2.default.createElement('a', { href: \"/packs\",}, \"How image packs work\"   ), \" provides the complete structure.\"    )\n        , _react2.default.createElement('h3', null, \"Does Picdrome provide the images?\"    )\n        , _react2.default.createElement('p', null, \"Yes. Picdrome offers original AI-generated images and downloads under the Picdrome License. The guides are free to read. Picdrome originals use the Picdrome License; other images retain their source terms.\"                             )\n        , _react2.default.createElement('h3', null, \"Can I mix guidance from more than one industry?\"        )\n        , _react2.default.createElement('p', null, \"Yes. Many sites draw on two or three fields — for example a local service site that borrows a few workspace ideas from the agency guidance. Just keep the overall style consistent so the pages read as one brand.\"                                      )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"in-short\", className: \"summary\",}\n        , _react2.default.createElement('h2', { id: \"in-short\",}, \"In short\" )\n        , _react2.default.createElement('p', null, \"This hub organizes image-selection guidance by industry — consultant and coach, restaurant and cafe, SaaS and startup, e-commerce, local service, wellness and fitness, agency and freelancer, and creator, course and newsletter. Open the closest guide for practical selection criteria, then use the packs guide to assemble a consistent set. For any image you use, the current license at its source controls.\"                                                            )\n      )\n    )\n  );\n} exports.default = BusinessTypesPage;"}