{"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/** Standalone editorial homepage. The illustration is conceptual, not a live service. */\n function HomePage() {\n  return (\n    _react2.default.createElement('div', { className: \"home-picdrome\",}\n      , _react2.default.createElement('style', null, \"\\n.home-picdrome{--ground:var(--c1gb4l3-runtime-bg, #f6f1e8);--ink:var(--c1gb4l3-runtime-text, #2d3834);--accent:var(--c1gb4l3-runtime-accent, #536956);--soft:var(--c1gb4l3-runtime-panel, #e1e7d9);--contrast:var(--c1gb4l3-runtime-text, #293e34);color:var(--ink);background:var(--ground);font-family:var(--c1gb4l3-font-body, Arial, sans-serif);width:100%;overflow:hidden;line-height:1.6}\\n\\n.home-picdrome,.home-picdrome *{box-sizing:border-box} .home-picdrome a{color:inherit} .home-picdrome a:focus-visible{outline:3px solid var(--accent);outline-offset:6px} .home-picdrome .frame{max-width:1240px;padding:0 44px;margin:0 auto} .home-picdrome .masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)} .home-picdrome .wordmark{font-family:var(--c1gb4l3-font-heading, Georgia, serif);font-size:25px;letter-spacing:-.8px;line-height:1.1;text-decoration:none} .home-picdrome .nav{display:flex;gap:28px;font-size:13px} .home-picdrome .nav a{text-underline-offset:5px} .home-picdrome .hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:48px;padding:78px 0 82px} .home-picdrome .eyebrow{font-size:11px;letter-spacing:2px;line-height:1.7;font-weight:700;margin:0 0 22px} .home-picdrome h1{font:clamp(44px,5.5vw,77px)/1.04 var(--c1gb4l3-font-heading, Georgia, serif);letter-spacing:-3px;max-width:13ch;margin:0 0 25px;font-weight:400;overflow-wrap:normal} .home-picdrome .lede{font-size:17px;max-width:48ch;margin:0 0 29px} .home-picdrome .actions{display:flex;gap:15px 23px;align-items:center;flex-wrap:wrap} .home-picdrome .primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:var(--ground);padding:13px 19px;border-radius:4px;font-size:13px;line-height:1.5;text-decoration:none;font-weight:700} .home-picdrome .secondary{font-size:13px;text-underline-offset:6px;font-weight:600} .home-picdrome .primary:hover{opacity:.88} .home-picdrome figure{margin:0;min-width:0} .home-picdrome .art{background:var(--soft);border-radius:3px;position:relative} .home-picdrome .art svg{width:100%;height:auto;display:block;background:var(--ground)} .home-picdrome figcaption{font-size:11px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:13px 0;line-height:1.5} .home-picdrome figcaption span{font-size:10px;letter-spacing:1px;white-space:nowrap} .home-picdrome .principles{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:21px 0;font-size:12px;letter-spacing:1px} .home-picdrome .principles span{display:flex;align-items:center;gap:11px} .home-picdrome .principles i{width:5px;height:5px;border-radius:100%;background:var(--accent)} .home-picdrome .reading{padding:88px 0 100px;display:grid;grid-template-columns:.83fr 1.17fr;gap:92px} .home-picdrome h2{font:40px/1.12 var(--c1gb4l3-font-heading, Georgia, serif);letter-spacing:-1.4px;margin:0 0 23px;max-width:15ch} .home-picdrome .intro p{font-size:15px;margin:0;max-width:37ch} .home-picdrome .reading-list{list-style:none;margin:0;padding:0} .home-picdrome .reading-list li{border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)} .home-picdrome .reading-list li:last-child{border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent)} .home-picdrome .reading-list a{display:grid;grid-template-columns:30px 1fr 20px;gap:15px;text-decoration:none;padding:24px 0} .home-picdrome .reading-list a:hover h3{text-decoration:underline;text-underline-offset:5px} .home-picdrome .number{font-size:10px;color:var(--ink);padding-top:5px;letter-spacing:1px} .home-picdrome h3{font-size:18px;line-height:1.3;font-weight:500;margin:0 0 7px} .home-picdrome .reading-list p{font-size:13px;margin:0;max-width:45ch;line-height:1.7} .home-picdrome .arrow{font-size:23px;line-height:1.4} .home-picdrome .feature{background:var(--soft);padding:61px 65px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:78px} .home-picdrome .feature h2{font-size:44px;max-width:15ch;margin:0} .home-picdrome .feature p{font-size:15px;margin:0 0 24px;max-width:46ch} .home-picdrome .feature a{font-size:13px;font-weight:700;text-underline-offset:6px} .home-picdrome .footer{padding:0 0 30px} .home-picdrome .footer-line{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding-top:25px;display:grid;grid-template-columns:1fr auto;gap:36px;font-size:11px} .home-picdrome .footer p{margin:0;max-width:85ch;line-height:1.8} .home-picdrome .footer a{white-space:nowrap;text-underline-offset:5px}\\n\\n.home-picdrome .hero{grid-template-columns:1fr 1fr;gap:30px} .home-picdrome .art{padding:12px;background:var(--soft)} .home-picdrome .reading{grid-template-columns:1fr;gap:40px} .home-picdrome .intro{display:flex;gap:90px;align-items:start} .home-picdrome .intro h2{flex:1} .home-picdrome .intro p{flex:1;max-width:45ch} .home-picdrome .reading-list{display:grid;grid-template-columns:1fr 1fr;gap:0 80px} .home-picdrome .reading-list li{border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}\\n@media(max-width:920px){.home-picdrome .frame{padding:0 28px} .home-picdrome .hero{gap:30px} .home-picdrome h1{letter-spacing:-2px;font-size:clamp(44px,6vw,65px)} .home-picdrome .reading{gap:42px} .home-picdrome .feature{padding:42px 35px;gap:32px} .home-picdrome .nav{gap:18px}}\\n@media(max-width:680px){.home-picdrome .frame{padding:0 22px} .home-picdrome .masthead{padding:22px 0;align-items:start} .home-picdrome .wordmark{font-size:22px;max-width:12ch} .home-picdrome .nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:160px;font-size:11px} .home-picdrome .hero{grid-template-columns:1fr;gap:39px;padding:49px 0 44px} .home-picdrome h1{font-size:48px;letter-spacing:-2px;max-width:14ch} .home-picdrome .hero-copy{padding:0} .home-picdrome .lede{font-size:16px} .home-picdrome .art{transform:none;max-width:510px;margin:0 auto;box-shadow:none} .home-picdrome figcaption{max-width:510px;margin:0 auto} .home-picdrome .principles{gap:14px 22px;justify-content:flex-start;font-size:10px} .home-picdrome .reading{grid-template-columns:1fr;gap:29px;padding:55px 0} .home-picdrome .intro{display:block} .home-picdrome .intro p{max-width:44ch} .home-picdrome h2{font-size:34px;max-width:17ch} .home-picdrome .reading-list{display:block} .home-picdrome .reading-list a{padding:23px 0} .home-picdrome .feature{grid-template-columns:1fr;gap:24px;padding:33px 24px;margin-bottom:48px} .home-picdrome .feature h2{font-size:36px} .home-picdrome .footer-line{grid-template-columns:1fr;gap:15px}}\\n\\n.home-picdrome{width:100%;max-width:100%!important;min-width:0;box-sizing:border-box} .home-picdrome .reading-masthead,.home-picdrome .masthead{display:none} .home-picdrome .reading-brand{font-family:var(--c1gb4l3-font-heading,Arial,sans-serif)} .home-picdrome h1{font-weight:750!important;letter-spacing:-.045em} .home-picdrome h2{font-weight:650!important} .home-picdrome :is(code,pre,.eyebrow,.number){font-family:var(--c1gb4l3-font-mono,monospace)}\\n.home-picdrome .primary{background:var(--c1gb4l3-runtime-action-bg,#d7ff38);color:var(--c1gb4l3-runtime-action-fg,#151719);border-radius:var(--c1gb4l3-radius-sm,4px)} .home-picdrome .art{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;background:transparent;min-height:340px} .home-picdrome .art>a{display:block;min-width:0;overflow:hidden;border-radius:var(--c1gb4l3-radius-sm,4px)} .home-picdrome .art>a:first-child{grid-row:span 2} .home-picdrome .art img{display:block;width:100%;height:100%;min-height:0;object-fit:cover} .home-picdrome .art>a:not(:first-child){aspect-ratio:1.3} .home-picdrome figcaption{flex-wrap:wrap}.home-picdrome .hero{padding-top:64px;padding-bottom:64px} .home-picdrome .principles i{width:8px;height:8px;background:var(--c1gb4l3-runtime-action-bg,#d7ff38);border:1px solid var(--c1gb4l3-runtime-text,#151719)} @media(max-width:600px){.home-picdrome .art{min-height:250px;gap:8px}.home-picdrome .hero{padding-top:42px;padding-bottom:42px}}\\n\")\n      , _react2.default.createElement('div', { className: \"frame\",}\n        , _react2.default.createElement('header', { className: \"masthead\",}\n          , _react2.default.createElement('a', { className: \"wordmark\", href: \"/\",}, \"Picdrome\")\n          , _react2.default.createElement('nav', { className: \"nav\", 'aria-label': \"Homepage navigation\" ,}, _react2.default.createElement('a', { href: \"/use-cases\",}, \"Start reading\" ), _react2.default.createElement('a', { href: \"#reading-picdrome\",}, \"Explore\"), _react2.default.createElement('a', { href: \"/ai-image-disclosure\",}, \"Our approach\" ))\n        )\n        , _react2.default.createElement('section', { className: \"hero\", 'aria-labelledby': \"title-picdrome\",}\n          , _react2.default.createElement('div', { className: \"hero-copy\",}, _react2.default.createElement('p', { className: \"eyebrow\",}, \"CHOOSE THE IMAGE FOR THE PLACE.\"     ), _react2.default.createElement('h1', { id: \"title-picdrome\",}, \"Every image has a job to do.\"      ), _react2.default.createElement('p', { className: \"lede\",}, \"Original AI-generated images for websites, with the prompt behind every picture. Find a useful scene, know its terms, and make something of your own.\"                       ), _react2.default.createElement('div', { className: \"actions\",}, _react2.default.createElement('a', { className: \"primary\", href: \"/gallery\",}, \"Explore the image library \"    , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\")), _react2.default.createElement('a', { className: \"secondary\", href: \"/guides\",}, \"Read the image guides\"   )))\n          , _react2.default.createElement('figure', null, _react2.default.createElement('div', { className: \"art\",}, _react2.default.createElement('a', { href: \"/images/morning-workspace\", 'aria-label': \"Morning workspace — image, prompt, and license\"      ,}, _react2.default.createElement('img', { src: \"/media/objects/d63fa06e8bcfcd1e2230c616961fbdefa70a11bfdea92a27298b8b2527791c72/retained/53084562-c1b7-44d9-bec9-798778a8795a/assets/bc48c56d-749e-4754-9a99-6a7fd249c5f5/generations/53084562-c1b7-44d9-bec9-798778a8795a/original_webp.webp\", alt: \"Warm morning light falls over an oak desk with a laptop, ceramic cup, and leafy plant beside a window.\"                  , width: \"1536\", height: \"1024\", loading: \"eager\",} )), _react2.default.createElement('a', { href: \"/images/restaurant-before-opening\", 'aria-label': \"Before the doors open — image, prompt, and license\"        ,}, _react2.default.createElement('img', { src: \"/media/objects/d63fa06e8bcfcd1e2230c616961fbdefa70a11bfdea92a27298b8b2527791c72/retained/5cbbae35-1408-427d-8f04-aef868b033b7/assets/aceb980c-8942-4290-b22e-1301b50b42fd/generations/5cbbae35-1408-427d-8f04-aef868b033b7/original_webp.webp\", alt: \"An empty restaurant with oak chairs, linen napkins, and warm window light across terracotta and cream interiors.\"                , width: \"1536\", height: \"1024\", loading: \"lazy\",} )), _react2.default.createElement('a', { href: \"/images/ceramic-still-life\", 'aria-label': \"Ceramics in soft light — image, prompt, and license\"        ,}, _react2.default.createElement('img', { src: \"/media/objects/d63fa06e8bcfcd1e2230c616961fbdefa70a11bfdea92a27298b8b2527791c72/retained/3edabf62-884e-4199-bc4d-d113e28b9307/assets/81e89e9f-dcd7-4af4-b5cc-adea5b30cf9a/generations/3edabf62-884e-4199-bc4d-d113e28b9307/original_webp.webp\", alt: \"Two handmade ceramic vessels on a sandstone plinth with folded linen and a dried stem in soft daylight.\"                 , width: \"1536\", height: \"1024\", loading: \"lazy\",} ))), _react2.default.createElement('figcaption', null, \"Original images. The prompts behind them.\"     , _react2.default.createElement('span', null, \"AI-GENERATED · FREE TO USE\"    )))\n        )\n        , _react2.default.createElement('div', { className: \"principles\", 'aria-label': \"Reference topics\" ,}, _react2.default.createElement('span', null, _react2.default.createElement('i', { 'aria-hidden': \"true\",} ), \"Text space\" ), _react2.default.createElement('span', null, _react2.default.createElement('i', { 'aria-hidden': \"true\",} ), \"Focal point\" ), _react2.default.createElement('span', null, _react2.default.createElement('i', { 'aria-hidden': \"true\",} ), \"Crop\"))\n        , _react2.default.createElement('section', { className: \"reading\", id: \"reading-picdrome\", 'aria-labelledby': \"reading-title-picdrome\",}, _react2.default.createElement('div', { className: \"intro\",}, _react2.default.createElement('h2', { id: \"reading-title-picdrome\",}, \"What are you making room for?\"     ), _react2.default.createElement('p', null, \"Begin with the page need, then choose the composition.\"        )), _react2.default.createElement('ol', { className: \"reading-list\",}, _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/use-cases\",}, _react2.default.createElement('span', { className: \"number\", 'aria-hidden': \"true\",}, \"01\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"A homepage hero\"  ), _react2.default.createElement('p', null, \"Find guidance on text space and the focal point.\"        )), _react2.default.createElement('span', { className: \"arrow\", 'aria-hidden': \"true\",}, \"↗\")))\n, _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/business-types\",}, _react2.default.createElement('span', { className: \"number\", 'aria-hidden': \"true\",}, \"02\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"A business identity\"  ), _react2.default.createElement('p', null, \"Match the visual tone to the business context.\"       )), _react2.default.createElement('span', { className: \"arrow\", 'aria-hidden': \"true\",}, \"↗\")))\n, _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/packs\",}, _react2.default.createElement('span', { className: \"number\", 'aria-hidden': \"true\",}, \"03\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"A coherent image set\"   ), _react2.default.createElement('p', null, \"Plan a set that works together across the site.\"        )), _react2.default.createElement('span', { className: \"arrow\", 'aria-hidden': \"true\",}, \"↗\")))\n, _react2.default.createElement('li', null, _react2.default.createElement('a', { href: \"/developers\",}, _react2.default.createElement('span', { className: \"number\", 'aria-hidden': \"true\",}, \"04\"), _react2.default.createElement('div', null, _react2.default.createElement('h3', null, \"A builder workflow\"  ), _react2.default.createElement('p', null, \"Read the metadata and use guidance for machine consumers.\"        )), _react2.default.createElement('span', { className: \"arrow\", 'aria-hidden': \"true\",}, \"↗\")))))\n        , _react2.default.createElement('section', { className: \"feature\", 'aria-labelledby': \"feature-picdrome\",}, _react2.default.createElement('h2', { id: \"feature-picdrome\",}, \"Choose for the crop you will actually use.\"       ), _react2.default.createElement('div', null, _react2.default.createElement('p', null, \"A wide desktop hero and a narrow mobile section reveal different parts of the same image. Plan both before calling the composition finished.\"                      ), _react2.default.createElement('a', { href: \"/guides/business-website-images\",}, \"Read the website image guide \"     , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\"))))\n        , _react2.default.createElement('footer', { className: \"footer\",}, _react2.default.createElement('div', { className: \"footer-line\",}, _react2.default.createElement('p', null, \"Original AI-generated scenes, with their exact prompts and clear use terms. These are illustrations, not photographs of real businesses. Read the image license and disclosure before use.\"                          ), _react2.default.createElement('a', { href: \"/ai-image-disclosure\",}, \"Scope & standards ↗\"   )))\n      )\n    )\n  );\n} exports.default = HomePage;"}