{"id":8,"date":"2026-09-12T23:21:14","date_gmt":"2026-09-12T23:21:14","guid":{"rendered":"https:\/\/sewmaxx.store\/?page_id=8"},"modified":"2026-09-27T19:35:01","modified_gmt":"2026-09-27T19:35:01","slug":"sewmaxx-home","status":"publish","type":"page","link":"https:\/\/sewmaxx.store\/?page_id=8","title":{"rendered":"Sewmaxx Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSewmaxx, Ghana's Phy Digital Fashion Marketplace<\/title>\r\n<style>\r\n:root{\r\n --red:#C41E2A;\r\n --red-soft:#C41E2A0F;\r\n --peacock:#0B5D6B;\r\n --peacock-soft:#0B5D6B0F;\r\n --ink:#111111;\r\n --paper:#FAF9F6;\r\n --line:#E4E1D8;\r\n --muted:#666666;\r\n --muted-2:#888888;\r\n}\r\n*{box-sizing:border-box;}\r\nbody{\r\n margin:0;\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n}\r\n.font-serif{font-family:Georgia,\"Times New Roman\",serif;}\r\na{text-decoration:none;color:inherit;}\r\nbutton{font-family:inherit;cursor:pointer;border:none;}\r\n\r\n\/* ---------- layout ---------- *\/\r\n.wrap{max-width:1100px;margin:0 auto;}\r\n.px{padding-left:24px;padding-right:24px;}\r\n@media(min-width:768px){.px{padding-left:56px;padding-right:56px;}}\r\n.section-border{border-bottom:1px solid var(--line);}\r\n\r\n\/* ---------- header ---------- *\/\r\nheader.sewmaxx-header{\r\n position:sticky;top:0;z-index:50;\r\n background:var(--ink);\r\n}\r\n.header-inner{\r\n display:flex;align-items:center;justify-content:space-between;\r\n height:64px;\r\n}\r\n.logo{display:flex;align-items:center;gap:8px;}\r\n.logo-mark{\r\n width:28px;height:28px;border-radius:3px;background:var(--red);\r\n display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;\r\n}\r\n.logo-text{color:#fff;font-weight:700;font-size:18px;letter-spacing:-0.02em;}\r\n\r\nnav.tabs{display:none;gap:4px;}\r\n@media(min-width:768px){nav.tabs{display:flex;}}\r\nnav.tabs a{\r\n padding:8px 16px;font-size:14px;font-weight:500;border-radius:3px;\r\n background:transparent;color:#bbb;transition:background .15s,color .15s;\r\n}\r\nnav.tabs a.active{background:var(--red);color:#fff;}\r\n\r\n.header-right{display:flex;align-items:center;gap:12px;}\r\n\r\n.profile-badge{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:999px;background:rgba(255,255,255,0.08);}\r\n.profile-avatar{width:26px;height:26px;border-radius:50%;background:#999;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.profile-name{color:#fff;font-size:13px;font-weight:600;display:none;}\r\n@media(min-width:768px){.profile-name{display:inline;}}\r\n.profile-panel{display:none;position:absolute;right:0;top:42px;width:190px;background:#fff;border:1px solid var(--line);border-radius:3px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:60;overflow:hidden;}\r\n.profile-panel.open{display:block;}\r\n.profile-panel .item{padding:11px 16px;font-size:13px;color:var(--ink);border-top:1px solid #F0EEE7;}\r\n.profile-panel .item:first-child{border-top:none;}\r\n.profile-panel .item:hover{background:var(--paper);}\r\n.bell{\r\n position:relative;width:32px;height:32px;border-radius:3px;\r\n background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;\r\n}\r\n.bell svg{width:16px;height:16px;stroke:#fff;}\r\n.bell .badge{\r\n position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;\r\n background:var(--red);color:#fff;font-size:9px;font-weight:700;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.bell-panel{\r\n display:none;position:absolute;right:0;top:40px;width:280px;background:#fff;\r\n border:1px solid var(--line);border-radius:3px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:60;\r\n}\r\n.bell-panel.open{display:block;}\r\n.bell-panel .title{\r\n font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--peacock);\r\n font-weight:700;padding:12px 16px;border-bottom:1px solid var(--line);\r\n}\r\n.bell-panel .item{padding:12px 16px;border-bottom:1px solid #F0EEE7;font-size:13px;}\r\n.bell-panel .item:last-child{border-bottom:none;}\r\n.bell-panel .item .time{font-size:11px;color:#999;margin-top:4px;}\r\n\r\n.menu-btn{display:flex;color:#fff;background:transparent;padding:4px;}\r\n@media(min-width:768px){.menu-btn{display:none;}}\r\n.mobile-menu{display:none;flex-direction:column;gap:4px;padding:0 24px 16px;}\r\n.mobile-menu.open{display:flex;}\r\n.mobile-menu a{\r\n text-align:left;padding:8px 12px;font-size:14px;border-radius:3px;background:transparent;color:#bbb;\r\n}\r\n.mobile-menu a.active{background:var(--red);color:#fff;}\r\n\r\n\/* ---------- pills ---------- *\/\r\n.pill{\r\n display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;\r\n text-transform:uppercase;letter-spacing:.03em;padding:5px 10px;border-radius:999px;\r\n}\r\n.pill-red{background:var(--red-soft);color:var(--red);}\r\n.pill-peacock{background:var(--peacock-soft);color:var(--peacock);}\r\n.pill-ink{background:#11111110;color:var(--ink);}\r\n\r\n\/* ---------- stitch line ---------- *\/\r\n.stitch-line{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;}\r\n.stitch-line::before{\r\n content:\"\";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1px;\r\n background-image:repeating-linear-gradient(to right, var(--ink) 0 6px, transparent 6px 12px);\r\n}\r\n.stitch-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--paper);padding:0 4px;}\r\n.stitch-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;background:var(--paper);}\r\n.stitch-dot.done{border-color:var(--red);background:var(--red);}\r\n.stitch-dot.current{border-color:var(--red);}\r\n.stitch-dot svg{width:9px;height:9px;stroke:#fff;}\r\n.stitch-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:center;max-width:64px;font-weight:500;color:var(--ink);opacity:.45;}\r\n.stitch-label.active{color:var(--red);font-weight:700;opacity:1;}\r\n.stitch-label.done{opacity:1;}\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.btn{padding:10px 20px;border-radius:3px;font-size:14px;font-weight:600;transition:transform .15s;display:inline-block;}\r\n.btn:hover{transform:translateY(-1px);}\r\n.btn-red{background:var(--red);color:#fff;}\r\n.btn-peacock{background:var(--peacock);color:#fff;}\r\n.btn-outline{background:transparent;border:1px solid var(--ink);color:var(--ink);}\r\n.btn-outline-soft{background:transparent;border:1px solid var(--line);color:var(--muted);}\r\n.btn-sm{padding:8px 16px;font-size:12px;}\r\n\r\n\/* ---------- cards ---------- *\/\r\n.card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:24px;}\r\n.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--peacock);font-weight:700;margin-bottom:12px;}\r\n\r\n\/* ---------- home hero ---------- *\/\r\n.hero{padding-top:56px;padding-bottom:64px;}\r\n.hero h1{font-size:40px;line-height:1.05;margin:20px 0;font-weight:700;}\r\n@media(min-width:768px){.hero h1{font-size:60px;}}\r\n.hero h1 .accent{color:var(--red);}\r\n.hero .lede{max-width:560px;font-size:17px;color:#3a3a3a;margin-bottom:32px;}\r\n.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:56px;}\r\n\r\n\/* trust strip *\/\r\n.trust-strip{display:flex;flex-wrap:wrap;gap:28px;padding:28px 0;}\r\n.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink);font-weight:600;}\r\n.trust-item svg{width:18px;height:18px;flex-shrink:0;}\r\n\r\n\/* section heading *\/\r\n.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:28px;}\r\n.section-heading h2{font-family:Georgia,serif;font-size:26px;margin:0;font-weight:700;}\r\n.section-heading a{font-size:13px;font-weight:600;color:var(--peacock);}\r\n\r\n\/* how it works condensed *\/\r\n.how-steps{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);}\r\n@media(min-width:768px){.how-steps{grid-template-columns:repeat(6,1fr);}}\r\n.how-step .num{font-family:Georgia,serif;font-size:22px;font-weight:700;color:var(--red);}\r\n.how-step h4{font-size:13px;margin:8px 0 4px;font-weight:700;}\r\n.how-step p{font-size:12px;color:#666;margin:0;line-height:1.4;}\r\n\r\n\/* where to order from *\/\r\n.order-options{display:grid;gap:16px;}\r\n@media(min-width:768px){.order-options{grid-template-columns:repeat(3,1fr);}}\r\n.order-option{text-align:left;background:#fff;border:1px solid var(--line);border-radius:3px;padding:24px;transition:box-shadow .15s,border-color .15s;display:block;}\r\n.order-option:hover{box-shadow:0 4px 16px rgba(0,0,0,0.06);border-color:#d8d4c8;}\r\n.order-option-icon{width:40px;height:40px;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}\r\n.order-option-icon svg{width:18px;height:18px;}\r\n.order-option h4{font-size:16px;margin:0 0 6px;font-weight:700;}\r\n.order-option p{font-size:13px;color:#666;margin:0 0 14px;line-height:1.5;}\r\n.order-option-link{font-size:12px;font-weight:700;color:var(--red);}\r\n\r\n\/* dashboard profile summary *\/\r\n.profile-summary{display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:3px;padding:20px 24px;}\r\n.profile-summary-avatar{width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.profile-summary-info h3{font-size:17px;margin:0;font-family:Georgia,serif;font-weight:700;}\r\n.profile-summary-info p{font-size:12px;color:#777;margin:4px 0 0;}\r\n.profile-summary-stats{display:flex;gap:24px;margin-left:auto;flex-wrap:wrap;}\r\n.profile-summary-stats div{display:flex;flex-direction:column;}\r\n.profile-summary-stats .num{font-size:16px;font-weight:700;font-family:Georgia,serif;color:var(--ink);}\r\n.profile-summary-stats .lbl{font-size:11px;color:#888;margin-top:2px;}\r\n\r\n\/* profile setup card, shown to a brand new user with no data yet *\/\r\n.setup-card{display:flex;gap:20px;background:#fff;border:1px dashed #d8d4c8;border-radius:3px;padding:24px;align-items:flex-start;}\r\n.setup-avatar{width:52px;height:52px;border-radius:50%;background:#F0EEE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.setup-avatar svg{width:24px;height:24px;}\r\n.setup-fields{flex:1;min-width:0;}\r\n.form-grid{display:grid;gap:14px;}\r\n@media(min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr);}}\r\n.form-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#888;font-weight:600;margin-bottom:6px;}\r\n.form-field input{width:100%;border:1px solid var(--line);border-radius:3px;padding:9px 12px;font-size:13px;color:var(--ink);font-family:inherit;background:#fff;}\r\n.form-field input:focus{outline:none;border-color:var(--peacock);}\r\n.form-field input::placeholder{color:#aaa;}\r\n.form-field textarea{width:100%;border:1px solid var(--line);border-radius:3px;padding:9px 12px;font-size:13px;color:var(--ink);font-family:inherit;background:#fff;resize:vertical;}\r\n.form-field textarea:focus{outline:none;border-color:var(--peacock);}\r\n.contact-row{display:flex;gap:8px;}\r\n.contact-row .country-code{border:1px solid var(--line);border-radius:3px;padding:9px 8px;font-size:13px;color:var(--ink);background:#fff;font-family:inherit;flex-shrink:0;width:78px;}\r\n.contact-row input{flex:1;min-width:0;}\r\n.upload-box{border:1px dashed #d8d4c8;border-radius:3px;padding:18px 12px;text-align:center;color:#999;background:#FAF9F6;}\r\n.upload-box svg{width:18px;height:18px;margin:0 auto 8px;display:block;}\r\n.upload-box span{font-size:12px;}\r\n\r\n\/* empty state, shown where real data would eventually appear *\/\r\n.empty-state{background:#fff;border:1px solid var(--line);border-radius:3px;padding:36px 24px;text-align:center;}\r\n.empty-state svg{width:28px;height:28px;margin:0 auto 14px;display:block;}\r\n.empty-state h4{font-size:15px;margin:0 0 6px;font-weight:700;}\r\n.empty-state p{font-size:13px;color:#777;margin:0 auto 16px;max-width:360px;line-height:1.5;}\r\n\r\n\/* split panels: for tailors \/ for coordinators *\/\r\n.split-panels{display:grid;gap:20px;}\r\n@media(min-width:768px){.split-panels{grid-template-columns:repeat(2,1fr);}}\r\n.split-panel{border-radius:3px;padding:32px;color:#fff;}\r\n.split-panel.red{background:var(--red);}\r\n.split-panel.peacock{background:var(--peacock);}\r\n.split-panel h3{font-size:22px;margin:0 0 8px;font-family:Georgia,serif;font-weight:700;}\r\n.split-panel p{font-size:14px;opacity:.92;margin:0 0 24px;max-width:360px;}\r\n.split-panel .btn{background:#fff;}\r\n.split-panel.red .btn{color:var(--red);}\r\n.split-panel.peacock .btn{color:var(--peacock);}\r\n\r\n\/* physical stores *\/\r\n.centers-section{display:grid;gap:32px;align-items:center;}\r\n@media(min-width:768px){.centers-section{grid-template-columns:1fr 1fr;}}\r\n.centers-map{aspect-ratio:4\/3;background:#F0EEE7;border-radius:3px;position:relative;overflow:hidden;}\r\n.map-pin{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid #fff;box-shadow:0 0 0 4px var(--red-soft);}\r\n.centers-list{list-style:none;padding:0;margin:20px 0 24px;}\r\n.centers-list li{font-size:13px;color:#555;padding:8px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;}\r\n.centers-list li:first-child{border-top:none;}\r\n\r\n\/* testimonials *\/\r\n.testimonial-grid{display:grid;gap:20px;}\r\n@media(min-width:768px){.testimonial-grid{grid-template-columns:repeat(3,1fr);}}\r\n.testimonial{background:#fff;border:1px solid var(--line);border-radius:3px;padding:24px;}\r\n.testimonial .stars{display:flex;gap:2px;margin-bottom:12px;}\r\n.testimonial .stars svg{width:13px;height:13px;}\r\n.testimonial p.quote{font-size:14px;color:#333;margin:0 0 16px;line-height:1.55;}\r\n.testimonial .who{font-size:12px;color:#888;font-weight:600;}\r\n\r\n\/* final cta band *\/\r\n.cta-band{background:var(--ink);color:#fff;text-align:center;padding:64px 24px;}\r\n.cta-band h2{font-family:Georgia,serif;font-size:28px;margin:0 0 10px;font-weight:700;}\r\n@media(min-width:768px){.cta-band h2{font-size:34px;}}\r\n.cta-band p{font-size:15px;color:#ccc;margin:0 0 28px;}\r\n.cta-band .hero-actions{justify-content:center;margin-bottom:0;}\r\n\r\n\/* ---------- dashboard sections shared ---------- *\/\r\n.dash{padding:40px 0;}\r\n.stack{display:flex;flex-direction:column;gap:48px;}\r\n.grid-3{display:grid;gap:16px;}\r\n@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr);}}\r\n.grid-2{display:grid;gap:24px;}\r\n@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);}}\r\n\r\n\/* tailor cards, marketplace *\/\r\n.tailor-card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:20px;}\r\n.tailor-thumb{width:100%;aspect-ratio:4\/3;border-radius:3px;background:#F0EEE7;margin-bottom:16px;}\r\n.tailor-card .top{display:flex;align-items:flex-start;justify-content:space-between;}\r\n.tailor-card h4{font-size:16px;margin:0;}\r\n.rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--red);}\r\n.tailor-card .specialty{font-size:12px;color:#666;margin:4px 0 0;}\r\n.tailor-card .loc{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--peacock);margin-top:8px;}\r\n.tailor-card .price{font-size:14px;font-weight:600;margin-top:12px;}\r\n\r\n\/* marketplace search filters, client.html *\/\r\n.filter-bar{display:grid;gap:12px;margin-bottom:20px;}\r\n@media(min-width:640px){.filter-bar{grid-template-columns:repeat(3,1fr);}}\r\n.filter-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#888;font-weight:600;margin-bottom:6px;}\r\n.filter-field select{width:100%;border:1px solid var(--line);border-radius:3px;padding:9px 12px;font-size:13px;color:var(--ink);font-family:inherit;background:#fff;}\r\n.filter-field select:focus{outline:none;border-color:var(--peacock);}\r\n\r\n\/* homepage hero search, the primary entry point for finding a tailor *\/\r\n.hero-search{margin-top:28px;max-width:720px;box-shadow:0 8px 28px rgba(0,0,0,0.06);}\r\n.hero-search-fields{display:grid;gap:12px;}\r\n@media(min-width:640px){.hero-search-fields{grid-template-columns:repeat(3,1fr);}}\r\n\r\n.pay-options{display:grid;gap:12px;}\r\n@media(min-width:640px){.pay-options{grid-template-columns:repeat(2,1fr);}}\r\n.pay-option{text-align:left;padding:16px;border-radius:3px;border:1px solid var(--line);background:#fff;}\r\n.pay-option .head{display:flex;align-items:center;gap:8px;margin-bottom:4px;}\r\n.pay-option .head svg{width:16px;height:16px;}\r\n.pay-option .head span{font-size:14px;font-weight:600;}\r\n.pay-option p{font-size:12px;color:#666;margin:0;}\r\n.pay-option.selected-red{border-color:var(--red);background:var(--red-soft);}\r\n.pay-option.selected-peacock{border-color:var(--peacock);background:var(--peacock-soft);}\r\n.qc-note{display:flex;gap:8px;font-size:12px;color:#555;background:#F0EEE7;padding:12px;border-radius:3px;margin-top:16px;}\r\n.confirm{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--peacock);margin-top:20px;}\r\n\r\n\/* tailor dashboard *\/\r\n.stat-card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:20px;display:flex;align-items:center;gap:16px;}\r\n.stat-card svg{width:24px;height:24px;flex-shrink:0;}\r\n.stat-card .value{font-size:18px;font-family:Georgia,serif;font-weight:700;margin:0;}\r\n.stat-card .label{font-size:12px;color:#777;margin:0;}\r\n.job-row{background:#fff;border:1px solid var(--line);border-radius:3px;padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}\r\n.job-row h4{margin:0;font-size:16px;}\r\n.job-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#666;margin-top:4px;}\r\n.job-meta span{display:flex;align-items:center;gap:4px;}\r\n\r\n\/* coordinator dashboard *\/\r\n.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);}\r\n@media(min-width:768px){.metric-grid{grid-template-columns:repeat(5,1fr);}}\r\n.metric{background:#fff;padding:16px;}\r\n.metric .value{font-size:18px;font-family:Georgia,serif;font-weight:700;margin:0;}\r\n.metric .label{font-size:11px;color:#777;margin:4px 0 0;}\r\n\r\nfooter.sewmaxx-footer{\r\n padding:48px 24px 24px;border-top:1px solid var(--line);background:#fff;\r\n}\r\n@media(min-width:768px){footer.sewmaxx-footer{padding:56px 56px 24px;}}\r\n.footer-top{display:grid;gap:32px;padding-bottom:32px;}\r\n@media(min-width:768px){.footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr;}}\r\n.footer-brand p{font-size:13px;color:#777;margin:14px 0 0;max-width:260px;line-height:1.6;}\r\n.footer-col h5{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--peacock);margin:0 0 14px;font-weight:700;}\r\n.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}\r\n.footer-col a{font-size:13px;color:#555;}\r\n.footer-col a:hover{color:var(--red);}\r\n.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:24px;border-top:1px solid var(--line);}\r\n.footer-bottom p{font-size:12px;color:#888;margin:0;}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header class=\"sewmaxx-header\">\r\n <div class=\"wrap px header-inner\">\r\n <a href=\"https:\/\/sewmaxx.store\/\" class=\"logo\">\r\n <div class=\"logo-mark\">S<\/div>\r\n <span class=\"logo-text\">SEWMAXX<\/span>\r\n <\/a>\r\n <nav class=\"tabs\">\r\n <a href=\"https:\/\/sewmaxx.store\/\" class=\"active\">Home<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\">Client<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=19\">Tailor<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=24\">Coordinator<\/a>\r\n <\/nav>\r\n <div class=\"header-right\">\r\n <div style=\"display:flex;gap:8px;\">\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\" class=\"btn btn-outline btn-sm\" style=\"border-color:#fff;color:#fff;\">Log in<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\" class=\"btn btn-red btn-sm\">Sign up<\/a>\r\n <\/div>\r\n <button class=\"menu-btn\" id=\"menu-btn\">\r\n <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-menu\" id=\"mobile-menu\">\r\n <a href=\"https:\/\/sewmaxx.store\/\" class=\"active\">Home<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\">Client<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=19\">Tailor<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=24\">Coordinator<\/a>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- 2. HERO -->\r\n<div class=\"hero px section-border\">\r\n <div class=\"wrap\">\r\n <span class=\"pill pill-red\">Ghana's Phy Digital Fashion Marketplace<\/span>\r\n <h1>Every stitch, <span class=\"accent\">supervised.<\/span><\/h1>\r\n <p class=\"lede\">Sewmaxx connects clients with verified tailors nearby, and pairs every tailor with a Sewmaxx store to guarantee the work.<\/p>\r\n\r\n <div class=\"card hero-search\">\r\n <p class=\"eyebrow\" style=\"margin-bottom:14px;\">Find a tailor<\/p>\r\n <div class=\"hero-search-fields\">\r\n <div class=\"filter-field\">\r\n <label>Location<\/label>\r\n <select id=\"hero-search-location\">\r\n <option value=\"any\">All locations<\/option>\r\n <option value=\"Accra\">Accra<\/option>\r\n <option value=\"Tema\">Tema<\/option>\r\n <option value=\"Kumasi\">Kumasi<\/option>\r\n <option value=\"Takoradi\">Takoradi<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"filter-field\">\r\n <label>Specialty<\/label>\r\n <select id=\"hero-search-specialty\">\r\n <option value=\"any\">All specialties<\/option>\r\n <option value=\"Agbada\">Agbada<\/option>\r\n <option value=\"Bridal\">Bridal<\/option>\r\n <option value=\"Embroidery\">Embroidery<\/option>\r\n <option value=\"Casual wear\">Casual wear<\/option>\r\n <option value=\"Suits\">Suits<\/option>\r\n <option value=\"Traditional wear\">Traditional wear<\/option>\r\n <option value=\"School uniforms\">School uniforms<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"filter-field\">\r\n <label>Budget<\/label>\r\n <select id=\"hero-search-budget\">\r\n <option value=\"any\">Any budget<\/option>\r\n <option value=\"under-300\">Under GHS 300<\/option>\r\n <option value=\"300-700\">GHS 300 to 700<\/option>\r\n <option value=\"700-1500\">GHS 700 to 1,500<\/option>\r\n <option value=\"1500-plus\">GHS 1,500 and up<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn btn-red\" style=\"width:100%;margin-top:14px;\" onclick=\"goToSearchResults()\">Search tailors<\/button>\r\n <\/div>\r\n\r\n <div class=\"hero-actions\" style=\"margin-top:28px;\">\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=19\" class=\"btn btn-outline\">Join as a tailor<\/a>\r\n <\/div>\r\n <div style=\"max-width:640px;\">\r\n <p class=\"eyebrow\">How an order is supervised<\/p>\r\n <div class=\"stitch-line\" id=\"hero-stitch\"><!-- built by script.js --><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 3. TRUST STRIP -->\r\n<div class=\"px section-border\">\r\n <div class=\"wrap trust-strip\">\r\n <div class=\"trust-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--red)\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n Verified tailors only\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--peacock)\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n Sewmaxx store supervised\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ink)\" stroke-width=\"2\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\r\n Escrow or pay on delivery\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--red)\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Sewmaxx stores near you\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 3B. WHERE TO ORDER FROM -->\r\n<div class=\"px section-border\">\r\n <div class=\"wrap\" style=\"padding:48px 0;\">\r\n <div class=\"section-heading\">\r\n <h2>Choose how you want to order<\/h2>\r\n <\/div>\r\n <div class=\"order-options\">\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\" class=\"order-option\">\r\n <div class=\"order-option-icon\" style=\"background:var(--red-soft);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--red)\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><\/svg>\r\n <\/div>\r\n <h4>Browse tailors<\/h4>\r\n <p>Search verified tailors by location, budget, and style, then request a quote directly.<\/p>\r\n <span class=\"order-option-link\">Browse the marketplace →<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\" class=\"order-option\">\r\n <div class=\"order-option-icon\" style=\"background:var(--peacock-soft);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--peacock)\" stroke-width=\"2\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\r\n <\/div>\r\n <h4>Post a job<\/h4>\r\n <p>Describe your project and budget, and let tailors compete with offers for your work.<\/p>\r\n <span class=\"order-option-link\">Post a job →<\/span>\r\n <\/a>\r\n <a href=\"#stores\" class=\"order-option\">\r\n <div class=\"order-option-icon\" style=\"background:#11111110;\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ink)\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h4>Visit a store<\/h4>\r\n <p>Walk into a Sewmaxx store for measurements, consultation, or to place an order in person.<\/p>\r\n <span class=\"order-option-link\">Find a store →<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 4. HOW IT WORKS, CONDENSED -->\r\n<div class=\"px section-border\" id=\"how-it-works\">\r\n <div class=\"wrap\" style=\"padding:48px 0;\">\r\n <div class=\"section-heading\">\r\n <h2>How it works<\/h2>\r\n <\/div>\r\n <div class=\"how-steps\">\r\n <div class=\"how-step\"><div class=\"num\">01<\/div><h4>Consult<\/h4><p>Tell us the project, style, budget, and deadline.<\/p><\/div>\r\n <div class=\"how-step\"><div class=\"num\">02<\/div><h4>Measure<\/h4><p>Get measured online or at a Sewmaxx store.<\/p><\/div>\r\n <div class=\"how-step\"><div class=\"num\">03<\/div><h4>Match tailor<\/h4><p>Choose a tailor yourself, or let Sewmaxx assign one.<\/p><\/div>\r\n <div class=\"how-step\"><div class=\"num\">04<\/div><h4>Production<\/h4><p>Your tailor works while you track progress live.<\/p><\/div>\r\n <div class=\"how-step\"><div class=\"num\">05<\/div><h4>QC check<\/h4><p>A Sewmaxx store inspects the garment before release.<\/p><\/div>\r\n <div class=\"how-step\"><div class=\"num\">06<\/div><h4>Delivered<\/h4><p>Pick up in store or receive it at your door.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 5. BROWSE TAILORS PREVIEW -->\r\n<div class=\"px section-border\">\r\n <div class=\"wrap\" style=\"padding:48px 0;\">\r\n <div class=\"section-heading\">\r\n <h2>Browse verified tailors<\/h2>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\">View all tailors →<\/a>\r\n <\/div>\r\n <div class=\"grid-3\" id=\"home-tailor-preview\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 6. FOR TAILORS \/ FOR COORDINATORS -->\r\n<div class=\"px section-border\">\r\n <div class=\"wrap\" style=\"padding:48px 0;\">\r\n <div class=\"split-panels\">\r\n <div class=\"split-panel red\">\r\n <h3>For tailors<\/h3>\r\n <p>Get consistent clients, a coordinator who handles logistics, and payment protection on every job you take.<\/p>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=19\" class=\"btn\">Join as a tailor<\/a>\r\n <\/div>\r\n <div class=\"split-panel peacock\">\r\n <h3>For coordinators<\/h3>\r\n <p>Run a Fashion Coordination Center in your territory, manage quality control, and earn on every order supervised.<\/p>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=24\" class=\"btn\">Become a coordinator<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 7. PHYSICAL STORES -->\r\n<div class=\"px section-border\" id=\"stores\">\r\n <div class=\"wrap\" style=\"padding:48px 0;\">\r\n <div class=\"centers-section\">\r\n <div class=\"centers-map\">\r\n <div class=\"map-pin\" style=\"top:32%;left:28%;\"><\/div>\r\n <div class=\"map-pin\" style=\"top:55%;left:52%;\"><\/div>\r\n <div class=\"map-pin\" style=\"top:70%;left:74%;\"><\/div>\r\n <\/div>\r\n <div>\r\n <p class=\"eyebrow\">Sewmaxx stores<\/p>\r\n <h2 class=\"font-serif\" style=\"font-size:24px;margin:0 0 12px;font-weight:700;\">Not everything has to happen on a screen<\/h2>\r\n <p style=\"font-size:14px;color:#555;margin:0;\">Walk into a Sewmaxx store for measurements, fittings, or to collect a finished garment. Same quality guarantee, whether you started online or in store.<\/p>\r\n <ul class=\"centers-list\">\r\n <li><span>Osu, Accra<\/span><span>Open daily<\/span><\/li>\r\n <li><span>East Legon, Accra<\/span><span>Open daily<\/span><\/li>\r\n <li><span>Kumasi Central<\/span><span>Mon to Sat<\/span><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\" class=\"btn btn-outline\">Find a store<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 8. SOCIAL PROOF -->\r\n<div class=\"px section-border\">\r\n <div class=\"wrap\" style=\"padding:48px 0;\">\r\n <p class=\"eyebrow\">What clients are saying<\/p>\r\n <div class=\"testimonial-grid\">\r\n <div class=\"testimonial\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <\/div>\r\n <p class=\"quote\">My Sewmaxx store caught a measurement issue before it reached me. That alone was worth it.<\/p>\r\n <p class=\"who\">Yaw Owusu, Client<\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <\/div>\r\n <p class=\"quote\">I get steady jobs without chasing clients myself. The coordinator handles the back and forth.<\/p>\r\n <p class=\"who\">Adjoa Mensah, Tailor<\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--red)\" stroke-width=\"2\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>\r\n <\/div>\r\n <p class=\"quote\">Running the East Legon center gives me steady income and a real say in quality on every order.<\/p>\r\n <p class=\"who\">Nana Ama, Coordinator<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 9. FINAL CTA BAND -->\r\n<div class=\"cta-band\">\r\n <div class=\"wrap\">\r\n <h2>Ready to start your project?<\/h2>\r\n <p>Escrow or pay on delivery, your choice. Your local Sewmaxx store supervises every order either way.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=14\" class=\"btn btn-red\">Start a project<\/a>\r\n <a href=\"https:\/\/sewmaxx.store\/?page_id=19\" class=\"btn btn-outline\" style=\"border-color:#fff;color:#fff;\">Join as a tailor<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer class=\"sewmaxx-footer\">\r\n <div class=\"footer-top\">\r\n <div class=\"footer-brand\">\r\n <div class=\"logo\">\r\n <div class=\"logo-mark\">S<\/div>\r\n <span class=\"logo-text\" style=\"color:var(--ink);\">SEWMAXX<\/span>\r\n <\/div>\r\n <p>Ghana's Phy Digital fashion marketplace. Every order supervised by your local Sewmaxx store, escrow or pay on delivery.<\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Platform<\/h5>\r\n <ul>\r\n <li><a href=\"https:\/\/sewmaxx.store\/#how-it-works\">How it works<\/a><\/li>\r\n <li><a href=\"https:\/\/sewmaxx.store\/?page_id=14\">Browse tailors<\/a><\/li>\r\n <li><a href=\"https:\/\/sewmaxx.store\/#stores\">Stores<\/a><\/li>\r\n <li><a href=\"https:\/\/sewmaxx.store\/\">Escrow and payments<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Join us<\/h5>\r\n <ul>\r\n <li><a href=\"https:\/\/sewmaxx.store\/?page_id=19\">For tailors<\/a><\/li>\r\n <li><a href=\"https:\/\/sewmaxx.store\/?page_id=24\">For coordinators<\/a><\/li>\r\n <li><a href=\"https:\/\/sewmaxx.store\/\">About Sewmaxx<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Support<\/h5>\r\n <ul>\r\n <li><a href=\"#\">FAQ<\/a><\/li>\r\n <li><a href=\"#\">Contact us<\/a><\/li>\r\n <li><a href=\"#\">Terms of service<\/a><\/li>\r\n <li><a href=\"#\">Privacy policy<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>© 2026 Sewmaxx. All rights reserved.<\/p>\r\n <p>Prototype for demonstration. No real orders or payments.<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/* ---------- shared data ---------- *\/\r\n\/* priceMin\/priceMax are numeric GHS so the marketplace can actually filter by budget *\/\r\nvar tailors = [\r\n { name: \"Adjoa Mensah\", specialty: [\"Agbada\", \"Formalwear\"], area: \"Osu\", city: \"Accra\", priceMin: 400, priceMax: 900, rating: 4.9 },\r\n { name: \"Kwabena Boateng\", specialty: [\"Embroidery\", \"Kaftans\"], area: \"East Legon\", city: \"Accra\", priceMin: 250, priceMax: 600, rating: 4.8 },\r\n { name: \"Efua Asante\", specialty: [\"Bridal\", \"Gowns\"], area: \"Tema\", city: \"Tema\", priceMin: 700, priceMax: 2000, rating: 5.0 },\r\n { name: \"Yaw Darko\", specialty: [\"Agbada\", \"Traditional wear\"], area: \"Adum\", city: \"Kumasi\", priceMin: 300, priceMax: 800, rating: 4.6 },\r\n { name: \"Abena Frimpong\", specialty: [\"Casual wear\", \"School uniforms\"], area: \"Market Circle\", city: \"Takoradi\", priceMin: 150, priceMax: 400, rating: 4.7 },\r\n { name: \"Nana Kwame\", specialty: [\"Bridal\", \"Suits\"], area: \"Adenta\", city: \"Accra\", priceMin: 900, priceMax: 2500, rating: 4.9 }\r\n];\r\nvar jobs = [\r\n { title: \"Bridal gown, beaded bodice\", budget: \"GHS 1,800\", due: \"3 weeks\", loc: \"Kumasi\" },\r\n { title: \"3 agbada sets, groomsmen\", budget: \"GHS 2,100\", due: \"10 days\", loc: \"Accra\" },\r\n { title: \"School uniform batch (40)\", budget: \"GHS 3,600\", due: \"4 weeks\", loc: \"Takoradi\" }\r\n];\r\n\r\nvar checkIcon = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\r\nvar starIcon = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"var(--red)\" stroke=\"var(--red)\"><polygon points=\"12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.5 5.7 21 7 14 2 9.3 9 8.5 12 2\"\/><\/svg>';\r\nvar pinIcon = '<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--peacock)\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>';\r\nvar clockIcon = '<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--peacock)\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>';\r\n\r\n\/* ---------- stitch line builder, used on the homepage hero ---------- *\/\r\nfunction buildStitchLine(container, steps, activeIndex){\r\n if(!container) return;\r\n container.innerHTML = \"\";\r\n steps.forEach(function(label, i){\r\n var done = i < activeIndex;\r\n var current = i === activeIndex;\r\n var step = document.createElement(\"div\");\r\n step.className = \"stitch-step\";\r\n var dot = document.createElement(\"div\");\r\n dot.className = \"stitch-dot\" + (done ? \" done\" : \"\") + (current ? \" current\" : \"\");\r\n if(done) dot.innerHTML = checkIcon;\r\n var lab = document.createElement(\"span\");\r\n lab.className = \"stitch-label\" + (current ? \" active\" : \"\") + (done ? \" done\" : \"\");\r\n lab.textContent = label;\r\n step.appendChild(dot);\r\n step.appendChild(lab);\r\n container.appendChild(step);\r\n });\r\n}\r\n\r\n\/* ---------- tailor cards, used on the homepage preview and the client marketplace ---------- *\/\r\n\/* mode \"link\" -> card button is a plain link to client.html (homepage preview, not logged in) *\/\r\n\/* mode \"order\" -> card button opens the order and payment panel (client dashboard) *\/\r\nfunction renderTailorCards(containerId, buttonLabel, mode, list){\r\n var container = document.getElementById(containerId);\r\n if(!container) return;\r\n var data = list || tailors;\r\n container.innerHTML = \"\";\r\n\r\n var noResults = document.getElementById(containerId + \"-empty\");\r\n if(noResults) noResults.style.display = data.length === 0 ? \"block\" : \"none\";\r\n\r\n data.forEach(function(t){\r\n var card = document.createElement(\"div\");\r\n card.className = \"tailor-card\";\r\n var action = mode === \"link\"\r\n ? '<a href=\"https:\/\/sewmaxx.store\/?page_id=14\" class=\"btn btn-red\" style=\"width:100%;margin-top:16px;text-align:center;\">' + buttonLabel + '<\/a>'\r\n : '<button class=\"btn btn-red\" style=\"width:100%;margin-top:16px;\" data-name=\"' + t.name + '\">' + buttonLabel + '<\/button>';\r\n card.innerHTML =\r\n '<div class=\"tailor-thumb\"><\/div>' +\r\n '<div class=\"top\"><h4>' + t.name + '<\/h4><div class=\"rating\">' + starIcon + ' ' + t.rating + '<\/div><\/div>' +\r\n '<p class=\"specialty\">' + t.specialty.join(\", \") + '<\/p>' +\r\n '<div class=\"loc\">' + pinIcon + ' ' + t.area + ', ' + t.city + '<\/div>' +\r\n '<p class=\"price\">GHS ' + t.priceMin.toLocaleString() + '\u2013' + t.priceMax.toLocaleString() + '<\/p>' +\r\n action;\r\n container.appendChild(card);\r\n });\r\n if(mode === \"order\"){\r\n container.addEventListener(\"click\", function(e){\r\n if(e.target.tagName === \"BUTTON\"){\r\n openOrder(e.target.getAttribute(\"data-name\"), container);\r\n }\r\n });\r\n }\r\n}\r\n\r\n\/* ---------- marketplace search, client.html only ---------- *\/\r\nvar budgetBands = {\r\n any: [0, Infinity],\r\n \"under-300\": [0, 300],\r\n \"300-700\": [300, 700],\r\n \"700-1500\": [700, 1500],\r\n \"1500-plus\": [1500, Infinity]\r\n};\r\n\r\nfunction filterTailors(){\r\n var locationEl = document.getElementById(\"filter-location\");\r\n var specialtyEl = document.getElementById(\"filter-specialty\");\r\n var budgetEl = document.getElementById(\"filter-budget\");\r\n if(!locationEl || !specialtyEl || !budgetEl) return;\r\n\r\n var location = locationEl.value;\r\n var specialty = specialtyEl.value;\r\n var band = budgetBands[budgetEl.value] || budgetBands.any;\r\n\r\n var results = tailors.filter(function(t){\r\n var matchesLocation = location === \"any\" || t.city === location;\r\n var matchesSpecialty = specialty === \"any\" || t.specialty.indexOf(specialty) !== -1;\r\n var matchesBudget = t.priceMin <= band[1] && t.priceMax >= band[0];\r\n return matchesLocation && matchesSpecialty && matchesBudget;\r\n });\r\n\r\n renderTailorCards(\"tailor-grid\", \"Request quote\", \"order\", results);\r\n}\r\n\r\n\/* ---------- homepage hero search, sends the visitor to client.html with their search applied ---------- *\/\r\nfunction goToSearchResults(){\r\n var loc = document.getElementById(\"hero-search-location\");\r\n var spec = document.getElementById(\"hero-search-specialty\");\r\n var budget = document.getElementById(\"hero-search-budget\");\r\n var params = new URLSearchParams();\r\n params.set(\"location\", loc ? loc.value : \"any\");\r\n params.set(\"specialty\", spec ? spec.value : \"any\");\r\n params.set(\"budget\", budget ? budget.value : \"any\");\r\n window.location.href = \"https:\/\/sewmaxx.store\/?page_id=14&\" + params.toString();\r\n}\r\n\r\n\/* ---------- applies a search carried over from the homepage, client.html only ---------- *\/\r\nfunction applySearchFromUrl(){\r\n var params = new URLSearchParams(window.location.search);\r\n if(!params.has(\"location\") && !params.has(\"specialty\") && !params.has(\"budget\")) return;\r\n\r\n var locationEl = document.getElementById(\"filter-location\");\r\n var specialtyEl = document.getElementById(\"filter-specialty\");\r\n var budgetEl = document.getElementById(\"filter-budget\");\r\n if(!locationEl || !specialtyEl || !budgetEl) return;\r\n\r\n if(params.get(\"location\")) locationEl.value = params.get(\"location\");\r\n if(params.get(\"specialty\")) specialtyEl.value = params.get(\"specialty\");\r\n if(params.get(\"budget\")) budgetEl.value = params.get(\"budget\");\r\n filterTailors();\r\n\r\n var browseSection = document.getElementById(\"browse-tailors\");\r\n if(browseSection) browseSection.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n}\r\n\r\n\/* ---------- order and payment method flow, client.html only ---------- *\/\r\nvar currentTailor = null;\r\nvar currentPayment = \"escrow\";\r\n\r\nfunction openOrder(name, grid){\r\n currentTailor = tailors.find(function(t){ return t.name === name; });\r\n currentPayment = \"escrow\";\r\n document.getElementById(\"order-tailor-name\").textContent = currentTailor.name + \", \" + currentTailor.specialty.join(\", \");\r\n document.getElementById(\"order-panel\").style.display = \"block\";\r\n document.getElementById(\"order-confirm\").style.display = \"none\";\r\n document.getElementById(\"place-order-btn\").style.display = \"inline-block\";\r\n selectPayment(\"escrow\");\r\n\r\n grid.querySelectorAll(\"button\").forEach(function(b){\r\n var isSelected = b.getAttribute(\"data-name\") === name;\r\n b.style.background = isSelected ? \"var(--peacock)\" : \"var(--red)\";\r\n b.textContent = isSelected ? \"Selected, see order below\" : \"Request quote\";\r\n });\r\n\r\n document.getElementById(\"order-panel\").scrollIntoView({ behavior: \"smooth\", block: \"center\" });\r\n}\r\n\r\nfunction selectPayment(method){\r\n currentPayment = method;\r\n var escrowBtn = document.getElementById(\"pay-escrow\");\r\n var deliveryBtn = document.getElementById(\"pay-delivery\");\r\n escrowBtn.classList.toggle(\"selected-red\", method === \"escrow\");\r\n deliveryBtn.classList.toggle(\"selected-peacock\", method === \"delivery\");\r\n document.getElementById(\"place-order-btn\").textContent =\r\n method === \"escrow\" ? \"Pay and submit project\" : \"Submit project, pay on delivery\";\r\n}\r\n\r\nfunction placeOrder(){\r\n document.getElementById(\"place-order-btn\").style.display = \"none\";\r\n var confirmEl = document.getElementById(\"order-confirm\");\r\n var text = currentPayment === \"escrow\"\r\n ? \"Project submitted. Payment held in escrow, your Sewmaxx store will confirm assignment shortly.\"\r\n : \"Project submitted for pay on delivery. Your Sewmaxx store will confirm assignment shortly.\";\r\n document.getElementById(\"order-confirm-text\").textContent = text;\r\n confirmEl.style.display = \"flex\";\r\n}\r\n\r\n\/* ---------- job postings, tailor.html only ---------- *\/\r\nfunction renderJobs(){\r\n var jobList = document.getElementById(\"job-list\");\r\n if(!jobList) return;\r\n jobs.forEach(function(j){\r\n var row = document.createElement(\"div\");\r\n row.className = \"job-row\";\r\n row.innerHTML =\r\n '<div><h4>' + j.title + '<\/h4><div class=\"job-meta\"><span>' + pinIcon + ' ' + j.loc + '<\/span><span>' + clockIcon + ' Due in ' + j.due + '<\/span><\/div><\/div>' +\r\n '<div style=\"display:flex;align-items:center;gap:16px;\"><span style=\"font-weight:600;font-size:14px;\">' + j.budget + '<\/span><button class=\"btn btn-red btn-sm\">Submit offer<\/button><\/div>';\r\n jobList.appendChild(row);\r\n });\r\n}\r\n\r\n\/* ---------- tailor profile save, unlocks job postings, tailor.html only ---------- *\/\r\nfunction saveTailorProfile(){\r\n document.getElementById(\"tailor-save-btn\").style.display = \"none\";\r\n document.getElementById(\"tailor-save-confirm\").style.display = \"flex\";\r\n document.getElementById(\"job-locked\").style.display = \"none\";\r\n document.getElementById(\"job-list\").style.display = \"block\";\r\n}\r\n\r\n\/* ---------- header behavior, shared across every page ---------- *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n var menuBtn = document.getElementById(\"menu-btn\");\r\n var mobileMenu = document.getElementById(\"mobile-menu\");\r\n if(menuBtn && mobileMenu){\r\n menuBtn.addEventListener(\"click\", function(){ mobileMenu.classList.toggle(\"open\"); });\r\n }\r\n\r\n var bellBtn = document.getElementById(\"bell-btn\");\r\n var bellPanel = document.getElementById(\"bell-panel\");\r\n if(bellBtn && bellPanel){\r\n bellBtn.addEventListener(\"click\", function(e){\r\n bellPanel.classList.toggle(\"open\");\r\n e.stopPropagation();\r\n });\r\n }\r\n\r\n var profileBadge = document.getElementById(\"profile-badge\");\r\n var profilePanel = document.getElementById(\"profile-panel\");\r\n if(profileBadge && profilePanel){\r\n profileBadge.addEventListener(\"click\", function(e){\r\n profilePanel.classList.toggle(\"open\");\r\n e.stopPropagation();\r\n });\r\n }\r\n\r\n document.addEventListener(\"click\", function(){\r\n if(bellPanel) bellPanel.classList.remove(\"open\");\r\n if(profilePanel) profilePanel.classList.remove(\"open\");\r\n });\r\n\r\n \/* homepage only *\/\r\n buildStitchLine(document.getElementById(\"hero-stitch\"), [\"Consult\",\"Measure\",\"Match tailor\",\"Production\",\"QC check\",\"Delivered\"], 3);\r\n renderTailorCards(\"home-tailor-preview\", \"View profile\", \"link\", tailors.slice(0, 3));\r\n\r\n \/* client dashboard only *\/\r\n if(document.getElementById(\"tailor-grid\")){\r\n renderTailorCards(\"tailor-grid\", \"Request quote\", \"order\");\r\n [\"filter-location\", \"filter-specialty\", \"filter-budget\"].forEach(function(id){\r\n var el = document.getElementById(id);\r\n if(el) el.addEventListener(\"change\", filterTailors);\r\n });\r\n applySearchFromUrl();\r\n }\r\n\r\n \/* tailor dashboard only *\/\r\n renderJobs();\r\n\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sewmaxx, Ghana’s Phy Digital Fashion Marketplace S SEWMAXX Home Client Tailor Coordinator Log in Sign up Home Client Tailor Coordinator Ghana’s Phy Digital Fashion Marketplace Every stitch, supervised. Sewmaxx connects clients with verified tailors nearby, and pairs every tailor with a Sewmaxx store to guarantee the work. Find a tailor Location All locationsAccraTemaKumasiTakoradi Specialty All […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sewmaxx.store\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sewmaxx.store\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sewmaxx.store\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sewmaxx.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sewmaxx.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/sewmaxx.store\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/sewmaxx.store\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/sewmaxx.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}