1import{j as e}from"./vendor-react-BZVllwjz.js";import{a as h,j as p}from"./index-CZqhIo8q.js";import{A as u,u as s,bL as i,af as l,am as b,bM as m,av as o,aE as j,bj as w,F as x,f,d as g,b6 as y,bN as C,h as n}from"./vendor-lucide-B1zQZPEY.js";import"./vendor-trpc-DT5KD1uc.js";const v=[{number:1,title:"How to Order Products",description:"Order physical items from Printshop and Crafter partners.",tone:"products",steps:[{icon:s,label:"Browse products"},{icon:i,label:"Add to cart or order"},{icon:l,label:"Checkout and pay"},{icon:b,label:"Track your order"}],tip:"Review the product details, options, price, and fulfillment method before checkout.",ctaLabel:"Browse Products",ctaHref:"/catalog?view=products"},{number:2,title:"How to Avail Services",description:"Get design, layout, printing, or other custom services.",tone:"services",steps:[{icon:s,label:"Choose a service"},{icon:m,label:"Add details or files"},{icon:o,label:"Confirm with the partner"},{icon:l,label:"Checkout and pay"}],tip:"Use Chat when you need to clarify requirements before placing the order.",ctaLabel:"Browse Services",ctaHref:"/catalog?view=services"},{number:3,title:"How to Collaborate",description:"Work with a Designer or Crafter on a custom project.",tone:"collaborate",steps:[{icon:j,label:"Find a partner"},{icon:w,label:"Tap Collaborate"},{icon:x,label:"Send project details"},{icon:o,label:"Discuss and agree"},{icon:f,label:"Proceed to order"}],tip:"Collaborate for custom designs, bundles, events, or special projects.",ctaLabel:"Start a Collaboration",ctaHref:"/collaborate"},{number:4,title:"How to Buy Templates",description:"Purchase ready-to-use digital templates from Designers.",tone:"templates",steps:[{icon:s,label:"Browse templates"},{icon:g,label:"Preview the details"},{icon:i,label:"Purchase and pay"},{icon:y,label:"Access your files"}],tip:"After a verified payment, your purchased digital files appear in your library.",ctaLabel:"Browse Templates",ctaHref:"/templates"}];function B(){const[,t]=h(),c=p("/home");return e.jsxs("div",{className:"how-to-order-page",children:[e.jsxs("header",{className:"how-to-order-page__header",children:[e.jsx("button",{type:"button",onClick:c,"aria-label":"Back to Customer Home",children:e.jsx(u,{size:24,"aria-hidden":"true"})}),e.jsxs("div",{children:[e.jsx("h1",{children:"How to Order"}),e.jsx("p",{children:"A simple guide to help you get started on Grateful Prints."})]}),e.jsx("span",{"aria-hidden":"true"})]}),e.jsxs("main",{className:"how-to-order-page__content",children:[v.map(r=>e.jsxs("section",{className:`how-order-guide how-order-guide--${r.tone}`,"aria-labelledby":`how-order-guide-${r.number}`,children:[e.jsxs("div",{className:"how-order-guide__title-row",children:[e.jsx("span",{className:"how-order-guide__number",children:r.number}),e.jsxs("div",{children:[e.jsx("h2",{id:`how-order-guide-${r.number}`,children:r.title}),e.jsx("p",{children:r.description})]})]}),e.jsx("ol",{className:"how-order-guide__steps",style:{"--guide-step-count":r.steps.length},children:r.steps.map(a=>{const d=a.icon;return e.jsxs("li",{children:[e.jsx("span",{className:"how-order-guide__visual",children:e.jsx(d,{size:27,strokeWidth:2.2,"aria-hidden":"true"})}),e.jsx("span",{children:a.label})]},a.label)})}),e.jsxs("div",{className:"how-order-guide__tip",children:[e.jsx(C,{size:17,"aria-hidden":"true"}),e.jsx("p",{children:r.tip})]}),e.jsxs("button",{type:"button",className:"how-order-guide__cta",onClick:()=>t(r.ctaHref),children:[r.ctaLabel,e.jsx(n,{size:18,"aria-hidden":"true"})]})]},r.number)),e.jsxs("section",{className:"how-to-order-help","aria-labelledby":"how-to-order-help-heading",children:[e.jsxs("div",{children:[e.jsx("h2",{id:"how-to-order-help-heading",children:"Need more help?"}),e.jsx("p",{children:"Chat with our support team anytime."})]}),e.jsxs("button",{type:"button",onClick:()=>t("/messages"),children:[e.jsx(o,{size:19,"aria-hidden":"true"}),"Chat with Us",e.jsx(n,{size:18,"aria-hidden":"true"})]})]})]})]})}export{B as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.