[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_15":88,"_11":12,"_16":17,"_18":135,"_136":137,"_138":139,"_34":21,"_24":25,"_140":141,"_142":143,"_22":144,"_145":117,"_146":27,"_147":86,"_148":-5,"_149":-5},"revision",{"_15":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":90,"_98":-5,"_28":99,"_100":101,"_102":101,"_103":104,"_105":106,"_107":108,"_109":110,"_111":112,"_113":114},"slug","hero-before-after-nordic","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35},"id","name","Simply Better Hair (Scandinavian)","description","Centered text hero with clean white card containing two side-by-side before/after comparison sliders and numbered features. Minimal Scandinavian design with outlined CTA.","category","hero","tags",[80,81,82,25,83,84,85],"mood","minimal","thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/4443c293d243a66c5123cf9f7e92db2ca89fc34efd08c3743720ade2ce6d7c0e.webp","islands_used",[58],"props_used",{"_58":59},"theme",{"_42":43,"_44":45},"section",{"_15":12,"_36":37,"_38":39,"_40":41},"html","

SCANDINAVIAN DESIGN

Simply Better Hair

A minimalist approach to high-performance styling. Pure air, controlled heat, perfect results.

Shop Minimal

01Sustainable Materials

02Silent Airflow System

03Ergonomic Wood Grip

","css",".hba-section{font-family:'IBM Plex Sans',sans-serif;padding:36px 5rem;max-width:1500px;margin:0 auto}@media(max-width:1024px){.hba-section{padding:27px 1.5rem}}.hba-top{display:flex;flex-direction:column;align-items:center;text-align:center}.hba-badge{display:inline-block;padding:6px 12px;border:2px solid #e2e9ed;border-radius:6px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;color:#798f97;letter-spacing:0.02em}.hba-heading{font-size:clamp(2.5rem,5vw,3.25rem);font-weight:400;color:#233137;line-height:1.3;margin:18px 0 0}.hba-heading-accent{color:#9aaeb5;font-weight:700}.hba-subtitle{font-size:clamp(16px,1.2vw,18px);color:#515255;line-height:1.5;margin:18px 0 0;max-width:40%}@media(max-width:1024px){.hba-subtitle{max-width:100%}}.hba-cta-outlined{display:inline-flex;align-items:center;margin-top:36px;padding:16px 32px;border-radius:4px;background:transparent;border:1.5px solid #233137;color:#233137;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.hba-cta-outlined:hover{background:#233137;color:#ffffff}.hba-cta-inner{display:flex;align-items:center;gap:10px}.hba-card-wrapper-flat{margin-top:48px;padding:0;border-radius:0;background:transparent}@media(max-width:1024px){.hba-card-wrapper-flat{margin-top:32px}}.hba-card{display:flex;flex-direction:row;gap:10px;border-radius:0;background:transparent;padding:0;overflow:hidden}@media(max-width:1024px){.hba-card{flex-direction:column;gap:14px}}.hba-sliders{flex:1 1 0;display:flex;gap:8px}@media(max-width:1024px){.hba-sliders{flex-direction:column}}.hba-slider-item{flex:1;border-radius:8px;overflow:hidden;aspect-ratio:9.6/13}.hba-slider-item [data-part=\"root\"]{aspect-ratio:9.6/13;border-radius:8px}.hba-features{width:40%;display:flex;flex-direction:column;justify-content:center;padding:16px}@media(max-width:1024px){.hba-features{width:100%;order:-1}}.hba-feature{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #f2f2f2}@media(max-width:1024px){.hba-feature{gap:16px;padding:16px 0}}.hba-feature:last-child{border-bottom:none}.hba-feature-num{font-family:'IBM Plex Sans Condensed',sans-serif;font-size:12px;color:#9aaeb5;line-height:1.3;flex-shrink:0}@media(max-width:1024px){.hba-feature-num{font-size:10px}}.hba-feature-text{font-size:18px;color:#233137;font-weight:700;line-height:1.5}@media(max-width:1024px){.hba-feature-text{font-size:14px}}","js","","palette",{"_49":50,"_51":52,"_53":52,"_54":55,"_56":57},"fonts",{"_46":47,"_48":47},"display","IBM Plex Sans","body","bg","#ffffff","accent","#233137","text","surface","#f8fafb","border","#e2e9ed","BeforeAfter",[60,61],{"_62":76,"_64":77,"_66":67,"_68":69},{"_62":63,"_64":65,"_66":67,"_68":69},"before",{"_70":74,"_72":75},"after",{"_70":71,"_72":73},"orientation","horizontal","initialPosition",50,"src","https://section.store/cdn/shop/files/after-woman-before-after-hair-extensions-white-background-hair-extension-beauty-tress-hair-growth.jpg?v=1741260537&width=1200","label","AFTER","https://section.store/cdn/shop/files/before-woman-before-after-hair-extensions-white-background-hair-extension-beauty-tress-hair-growth.jpg?v=1741260514&width=1200","BEFORE",{"_70":79,"_72":75},{"_70":78,"_72":73},"https://section.store/cdn/shop/files/after-transformed-locks-before-after-hair-treatment-grey-background-back-view-beautiful-adult.jpg?v=1741261326&width=1200","https://section.store/cdn/shop/files/before-transformed-locks-before-after-hair-treatment-grey-background-back-view-beautiful-adult.jpg?v=1741261335&width=1200","before-after","hair","scandinavian","slider","comparison","nordic","91f28b39-35b4-4453-b1ec-eacb89bbdc9e","template_id","20941e02-d23d-42c7-9359-1e42e836704a","version",1,"artifact_key","template-catalog/templates/20941e02-d23d-42c7-9359-1e42e836704a/revisions/1/template.json","manifest_key","template-catalog/templates/20941e02-d23d-42c7-9359-1e42e836704a/revisions/1/manifest.json","artifact_sha256","13971effc98cab37f2b0255ba5ea173f3636d21292b0cfaff21bd5735fb5cc51","schema_version","renderer_version",[58],"themable",false,"has_js","size_kb",6.04,"validation_status","valid","validation_report",{"_106":130,"_4":131,"_132":133,"_28":134},"media_manifest",[115],"created_at","2026-08-23T07:30:42.602718+00:00","published_at","2026-08-23T07:30:42.918898+00:00",{"_116":117,"_118":27,"_119":120,"_121":122,"_123":-5,"_124":125,"_126":127,"_128":129},"key","template-catalog/media/4443c293d243a66c5123cf9f7e92db2ca89fc34efd08c3743720ade2ce6d7c0e.webp","url","sha256","4443c293d243a66c5123cf9f7e92db2ca89fc34efd08c3743720ade2ce6d7c0e","source","/templates/thumbs/hero-before-after-nordic.webp","alt_text","provenance","repository migration","size_bytes",25260,"content_type","image/webp",true,[],"warnings",[],[58,58],"Minimal Scandinavian hero with before/after sliders, numbered features, and outlined CTA. Clean white aesthetic.","visibility","global","status","published","industries",[153,154],"page_types",[150,151,152],[80,81,82,25,85],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","pdp","landing","homepage","beauty","home"]