Become a supplier

React Artifact
`},[Ut]);return B("div",{style:{minHeight:"100vh",background:"#fff",position:"relative"},children:[B("div",{style:{position:"sticky",top:0,zIndex:100,background:"#0a1f2e",color:"#fff",padding:"10px 16px",display:"flex",justifyContent:"space-between",alignItems:"center",fontFamily:"-apple-system,BlinkMacSystemFont,sans-serif",fontSize:"12px"},children:[B("div",{style:{display:"flex",gap:10,alignItems:"center"},children:[v("span",{style:{background:"#ff7a00",padding:"3px 8px",borderRadius:999,fontWeight:700,fontSize:10,letterSpacing:"0.06em"},children:"SHOPIFY READY"}),v("span",{style:{opacity:0.8},children:"Pure HTML/CSS/JS • Paste into Shopify Page → Show HTML ( <> )"})]}),v("button",{onClick:async()=>{try{await navigator.clipboard.writeText(U),i("Shopify HTML copied! Paste into Page > Show HTML")}catch{let d=document.createElement("textarea");d.value=U,document.body.appendChild(d),d.select(),document.execCommand("copy"),d.remove(),i("Copied to clipboard!")}},style:{background:"#fff",color:"#0a1f2e",border:"none",padding:"7px 14px",borderRadius:8,fontWeight:700,fontSize:12,cursor:"pointer"},children:"Copy Shopify HTML"})]}),v("style",{children:` .ss-root *{margin:0;padding:0;box-sizing:border-box} .ss-root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0a1f2e;line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased} .ss-header{background:#0a1f2e;color:#fff;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:44px;z-index:50} .ss-header-left{display:flex;align-items:center;gap:14px} .ss-header-logo{width:32px;height:32px;object-fit:contain;border-radius:6px;background:#fff;padding:2px} .ss-header-brand{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;opacity:.92} .ss-header-right{font-size:12px;letter-spacing:0.08em;display:flex;gap:18px;align-items:center;opacity:.9} .ss-hero{background:#e6f2ff;padding:36px 28px;display:flex;align-items:center;gap:32px;overflow:hidden;min-height:auto} .ss-hero-illust{flex:0 0 340px;max-width:380px;min-width:0;display:flex;justify-content:center;align-items:center;position:relative;padding:10px;min-height:auto} .ss-hero-art{width:auto;height:auto;min-height:auto;position:relative;display:flex;align-items:center;justify-content:center;padding:8px} .ss-hero-bag{width:210px;height:240px;background:#ff7a00;border-radius:24px 24px 12px 12px;position:relative;box-shadow:0 12px 32px rgba(255,122,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:22px} .ss-hero-bag-handle{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:92px;height:46px;border:7px solid #ff7a00;border-bottom:none;border-radius:50px 50px 0 0;background:transparent} .ss-hero-star{display:none !important} .ss-hero-logo{height:84px;width:auto;object-fit:contain;display:block} .ss-hero-left{padding:10px;min-height:auto} .ss-kicker{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;color:#0a4a6b;margin-bottom:14px} .ss-hero-content{flex:1;max-width:640px} .ss-hero h1{font-size:48px;line-height:0.98;font-weight:800;letter-spacing:-0.02em;color:#0a1f2e;margin-bottom:18px} .ss-hero-desc{font-size:17px;color:#2a4456;max-width:560px;margin-bottom:18px} .ss-hero-note{font-size:12.5px;color:#4a6476;background:rgba(255,255,255,.7);border:1px solid rgba(10,31,46,.08);padding:12px 14px;border-radius:8px;line-height:1.5;margin-bottom:22px} .ss-hero-note a{color:#ff7a00;text-decoration:underline;text-underline-offset:3px;font-weight:600} .ss-btn{appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;letter-spacing:0.02em;padding:14px 28px;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center} .ss-btn-dark{background:#0a4a6b;color:#fff;box-shadow:0 6px 18px rgba(10,74,107,.25)} .ss-btn-dark:hover{background:#083d58;transform:translateY(-1px)} .ss-cards{padding:28px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:-22px auto 0;position:relative;z-index:2} .ss-card{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:28px 24px;box-shadow:0 4px 24px rgba(10,31,46,.06)} .ss-card-icon{width:44px;height:44px;border-radius:10px;background:#eef6ff;display:flex;align-items:center;justify-content:center;margin-bottom:16px} .ss-card h3{font-size:16px;font-weight:800;margin-bottom:8px;color:#0a1f2e} .ss-card p{font-size:13.5px;color:#4a6476;line-height:1.55} .ss-section{padding:64px 28px;max-width:1180px;margin:0 auto} .ss-section h2{font-size:28px;font-weight:800;letter-spacing:-0.01em;margin-bottom:16px;color:#0a1f2e} .ss-section p{font-size:15px;color:#3b5568;max-width:760px;line-height:1.7;margin-bottom:14px} .ss-form-wrap{background:#f6f8fa;border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;padding:64px 28px} .ss-form-inner{max-width:760px;margin:0 auto} .ss-form-inner h2{font-size:32px;font-weight:800;text-align:center;letter-spacing:-0.02em;margin-bottom:10px;color:#0a1f2e} .ss-form-inner .sub{font-size:14px;color:#5a7386;text-align:center;margin-bottom:28px} .ss-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;box-shadow:0 8px 32px rgba(10,31,46,.06)} .ss-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px} .ss-field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px} .ss-field label{font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#2a4456} .ss-field label span{color:#ff7a00} .ss-input,.ss-select,.ss-textarea{width:100%;padding:12px 14px;border:1px solid #d1d9e2;border-radius:8px;font-family:inherit;font-size:14px;color:#0a1f2e;background:#fff;outline:none;transition:border .2s,box-shadow .2s} .ss-input:focus,.ss-select:focus,.ss-textarea:focus{border-color:#0a4a6b;box-shadow:0 0 0 3px rgba(10,74,107,.12)} .ss-textarea{min-height:108px;resize:vertical} .ss-note-wa{font-size:12px;color:#5a7386;background:#fff7ed;border:1px dashed #ffd4a8;padding:10px 12px;border-radius:8px;margin:8px 0 18px;display:flex;gap:8px;align-items:flex-start} .ss-form-actions{display:flex;gap:12px;flex-wrap:wrap} .ss-btn-orange{background:#ff7a00;color:#fff;flex:1;min-width:180px;box-shadow:0 8px 20px rgba(255,122,0,.28)} .ss-btn-orange:hover{background:#ea6f00;transform:translateY(-1px)} .ss-btn-white{background:#fff;color:#0a1f2e;border:1px solid #cbd5e1;flex:1;min-width:180px} .ss-btn-white:hover{background:#f8fafc} .ss-footer{background:#080e14;color:#8ea3b3;padding:36px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px} .ss-footer-left{display:flex;align-items:center;gap:14px} .ss-footer-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#fff;padding:3px} @media(max-width:900px){.ss-hero{flex-direction:column;padding:24px 20px;gap:20px;min-height:auto}.ss-hero-illust{flex:0 0 auto;min-width:0;max-width:100%;padding:8px !important;min-height:auto !important}.ss-hero-art{width:auto;height:auto;min-height:auto}.ss-hero h1{font-size:36px}.ss-cards{grid-template-columns:1fr;margin:-10px 16px 0;padding:16px;gap:14px}.ss-grid2{grid-template-columns:1fr}.ss-section,.ss-form-wrap{padding:40px 20px}.ss-form{padding:20px}.ss-header{padding:0 18px;top:44px}} @media(max-width:768px){ .ss-hero{padding:20px 16px !important;gap:16px !important;min-height:auto !important;flex-direction:column !important;align-items:flex-start !important} .ss-hero-illust{padding:10px !important;min-height:auto !important;max-width:100% !important;flex:0 0 auto !important;display:block !important;text-align:center !important;width:100% !important} .ss-hero-left{padding:10px !important;min-height:auto !important} .ss-hero-art{padding:0 !important;min-height:auto !important;width:auto !important;height:auto !important} .ss-hero-logo{height:60px !important;width:auto !important} .ss-hero-star{display:none !important} .ss-hero h1{font-size:30px !important} .ss-hero-desc{font-size:15px !important} } @media(max-width:520px){.ss-hero h1{font-size:28px}.ss-form-actions{flex-direction:column}.ss-btn-orange,.ss-btn-white{width:100%}} `}),B("div",{className:"ss-root",children:[B("header",{className:"ss-header",children:[B("div",{className:"ss-header-left",children:[v("img",{className:"ss-header-logo",src:Ut,alt:"Six Stars Logo",style:{height:"80px",width:"auto",objectFit:"contain"}}),v("div",{className:"ss-header-brand",children:"supplier connect"})]}),B("div",{className:"ss-header-right",children:[v("span",{children:"EN"}),v("span",{style:{opacity:0.7},children:"Login"})]})]}),B("section",{className:"ss-hero",children:[v("div",{className:"ss-hero-illust ss-hero-left",children:v("div",{className:"ss-hero-art",children:v("img",{className:"ss-hero-logo",src:Ut,alt:"Six Stars Logo",style:{height:"84px",width:"auto",objectFit:"contain"}})})}),B("div",{className:"ss-hero-content",children:[v("div",{className:"ss-kicker",children:"Six Stars Supplier Connect"}),v("h1",{children:"Become a Six Stars Supplier"}),v("p",{className:"ss-hero-desc",children:"Join Six Stars global network of suppliers to be considered for opportunities to supply Faith Apparel (www.faithapparel.co) with the goods and services necessary to support our retail and e-commerce operations."}),B("div",{className:"ss-hero-note",children:["If you manufacture your own brand and want to sell on Six Stars Marketplace, please visit"," ",v("a",{href:"https://www.faithapparel.co/sell-with-six-stars-marketplace",target:"_blank",rel:"noopener noreferrer",children:"www.faithapparel.co/sell-with-six-stars-marketplace"})," ","page instead. Supplier Connect is for suppliers to Six Stars Marketplace, not sellers to customers."]}),v("button",{className:"ss-btn ss-btn-dark",onClick:c,children:"Get Started"})]})]}),B("div",{className:"ss-cards",children:[B("div",{className:"ss-card",children:[v("div",{className:"ss-card-icon",children:B("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#0a4a6b",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[v("path",{d:"M1 3h15v13H1z"}),v("path",{d:"M16 8h4l3 6v5h-7V8z"}),v("circle",{cx:"5.5",cy:"18.5",r:"2.5"}),v("circle",{cx:"18.5",cy:"18.5",r:"2.5"})]})}),v("h3",{children:"Supply to Six Stars"}),v("p",{children:"Provide products, materials, and services that power our retail and e-commerce operations worldwide."})]}),B("div",{className:"ss-card",children:[v("div",{className:"ss-card-icon",children:B("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#0a4a6b",strokeWidth:"2",children:[v("rect",{x:"3",y:"3",width:"7",height:"7",rx:"1"}),v("rect",{x:"14",y:"3",width:"7",height:"7",rx:"1"}),v("rect",{x:"14",y:"14",width:"7",height:"7",rx:"1"}),v("rect",{x:"3",y:"14",width:"7",height:"7",rx:"1"})]})}),v("h3",{children:"Grow your business"}),v("p",{children:"Access opportunities across categories and scale with a fast-growing marketplace serving Guyana and beyond."})]}),B("div",{className:"ss-card",children:[v("div",{className:"ss-card-icon",style:{background:"#fff3e8"},children:v("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#ff7a00",strokeWidth:"2",children:v("path",{d:"M12 2l3 7h7l-5.5 4 2 7L12 16l-6.5 4 2-7L2 9h7z"})})}),v("h3",{children:"Make a difference"}),v("p",{children:"Partner with a brand focused on quality, community impact, and supporting local and global suppliers."})]})]}),B("section",{className:"ss-section",children:[v("h2",{children:"Supplying to Six Stars"}),v("p",{children:"Six Stars operates an indirect supply chain that includes everything we need to run our business — from apparel manufacturing and fabrics to packaging, logistics, printing, and creative services."}),v("p",{children:"Our Supplier Connect portal is the central entry point for prospective suppliers. By completing the application below, your business will be reviewed by our procurement team. We prioritize reliability, quality standards, ethical practices, and the ability to support our retail and online operations at scale."}),v("p",{style:{fontSize:13,color:"#5a7386"},children:"We review applications weekly. Qualified suppliers will be contacted for next steps, documentation, and compliance checks."})]}),v("section",{className:"ss-form-wrap",id:"supplier-form",children:B("div",{className:"ss-form-inner",children:[v("h2",{children:"Ready to become a supplier?"}),v("p",{className:"sub",children:"Tell us about your business. It takes less than 3 minutes."}),B("form",{className:"ss-form",onSubmit:u,noValidate:!0,children:[B("div",{className:"ss-grid2",children:[B("div",{className:"ss-field",children:[B("label",{children:["Company Name ",v("span",{children:"*"})]}),v("input",{className:"ss-input",type:"text",placeholder:"Faith Apparel Supplies Ltd.",value:e.company,onChange:(d)=>t({...e,company:d.target.value}),required:!0})]}),B("div",{className:"ss-field",children:[B("label",{children:["Contact Person ",v("span",{children:"*"})]}),v("input",{className:"ss-input",type:"text",placeholder:"Jane Doe",value:e.contact,onChange:(d)=>t({...e,contact:d.target.value}),required:!0})]})]}),B("div",{className:"ss-grid2",children:[B("div",{className:"ss-field",children:[B("label",{children:["Email ",v("span",{children:"*"})]}),v("input",{className:"ss-input",type:"email",placeholder:"you@company.com",value:e.email,onChange:(d)=>t({...e,email:d.target.value}),required:!0})]}),B("div",{className:"ss-field",children:[B("label",{children:["Phone ",v("span",{children:"*"})]}),v("input",{className:"ss-input",type:"tel",placeholder:"+592 6XX XXXX",value:e.phone,onChange:(d)=>t({...e,phone:d.target.value}),required:!0})]})]}),B("div",{className:"ss-field",children:[v("label",{children:"Category"}),B("select",{className:"ss-select",value:e.category,onChange:(d)=>t({...e,category:d.target.value}),children:[v("option",{value:"",children:"Select a category"}),v("option",{children:"Apparel Manufacturing"}),v("option",{children:"Fabrics & Textiles"}),v("option",{children:"Packaging"}),v("option",{children:"Logistics & Fulfillment"}),v("option",{children:"Printing & Embroidery"}),v("option",{children:"Marketing & Creative Services"}),v("option",{children:"Other"})]})]}),B("div",{className:"ss-field",children:[v("label",{children:"Website"}),v("input",{className:"ss-input",type:"url",placeholder:"https://yourcompany.com",value:e.website,onChange:(d)=>t({...e,website:d.target.value})})]}),B("div",{className:"ss-field",children:[v("label",{children:"Business Description"}),v("textarea",{className:"ss-textarea",placeholder:"Briefly describe your products, capacity, certifications, and what you can supply to Six Stars...",value:e.description,onChange:(d)=>t({...e,description:d.target.value})})]}),B("div",{className:"ss-note-wa",children:[v("span",{children:"⚡"}),v("span",{children:"Your application will be sent directly to our procurement team via WhatsApp for fastest response."})]}),B("div",{className:"ss-form-actions",children:[v("button",{type:"submit",className:"ss-btn ss-btn-orange",children:"Submit via WhatsApp"}),v("button",{type:"button",className:"ss-btn ss-btn-white",onClick:a,children:"Submit via Email"})]})]})]})}),B("footer",{className:"ss-footer",children:[B("div",{className:"ss-footer-left",children:[v("img",{className:"ss-footer-logo",src:Ut,alt:"Six Stars Logo",style:{height:"80px",width:"auto",objectFit:"contain"}}),B("div",{style:{fontSize:12,lineHeight:1.4},children:[v("div",{style:{color:"#fff",fontWeight:700,letterSpacing:"0.06em"},children:"SIX STARS"}),v("div",{children:"Faith Apparel Marketplace"})]})]}),B("div",{style:{fontSize:13,display:"flex",gap:18},children:[v("a",{href:"https://www.faithapparel.co",target:"_blank",rel:"noopener noreferrer",style:{color:"#8ea3b3",textDecoration:"none"},children:"www.faithapparel.co"}),v("a",{href:"mailto:suppliers@faithapparel.co",style:{color:"#8ea3b3",textDecoration:"none"},children:"suppliers@faithapparel.co"})]})]})]}),v("div",{style:{position:"fixed",left:"50%",bottom:28,transform:`translateX(-50%) translateY(${l?"0":"20px"})`,background:"#0a1f2e",color:"#fff",padding:"12px 18px",borderRadius:999,fontSize:13,fontWeight:600,boxShadow:"0 10px 28px rgba(0,0,0,.22)",opacity:l?1:0,pointerEvents:"none",transition:"all .32s",zIndex:9999,fontFamily:"-apple-system,BlinkMacSystemFont,sans-serif"},children:n}),B("details",{style:{background:"#f6f8fa",padding:"16px 20px",borderTop:"1px solid #e2e8f0"},children:[v("summary",{style:{cursor:"pointer",fontSize:13,fontWeight:700,color:"#0a4a6b",fontFamily:"monospace"},children:"View Pure Shopify HTML (click to expand) - This is what gets pasted into Shopify"}),v("pre",{style:{marginTop:16,background:"#0a1f2e",color:"#c9d8e4",padding:16,borderRadius:12,fontSize:11,overflow:"auto",maxHeight:500,whiteSpace:"pre-wrap",wordBreak:"break-all",fontFamily:"Menlo, Monaco, monospace"},children:U})]})]})}Jc.createRoot(document.getElementById("root")).render(v(Wc.default.StrictMode,{children:v(bi,{})}));