[{"_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":66,"_11":12,"_16":17,"_18":113,"_114":115,"_116":117,"_34":21,"_24":25,"_118":119,"_120":121,"_22":122,"_123":96,"_124":27,"_125":64,"_126":-5,"_127":-5},"revision",{"_15":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":68,"_76":-5,"_28":77,"_78":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93},"slug","hero-video-carousel-card","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","Fabulous Sound (Video Carousel Card)","description","Rounded card with multi-video carousel, numbered pagination dots, pause toggle, centered text overlay with dual CTAs. Supports 3 looping background videos.","category","hero","tags",[57,58,59,60,61,62,63],"mood","bold","thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/cd037c324ed200b7f99a3b19a0bd9c0fa8cb3e5f25a53fe0ca1f5904618b2324.webp","islands_used",[],"props_used",{},"theme",{"_42":43,"_44":45},"section",{"_15":12,"_36":37,"_38":39,"_40":41},"html","

Fabulous sound

Tell a story, explain a product detail, or describe a new promotion.

Shop this Shop all

","css",".hvb-carousel-wrap{padding:40px 30px;background:#ffffff}@media(max-width:1024px){.hvb-carousel-wrap{padding:20px 1rem}}.hvb-card{position:relative;overflow:hidden;border-radius:22px;min-height:600px;display:flex}@media(max-width:1024px){.hvb-card{min-height:450px;border-radius:16px}}.hvb-videos{position:absolute;inset:0;z-index:0}.hvb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.hvb-video-active{opacity:1}.hvb-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.15);z-index:1}.hvb-pause-left{position:absolute;top:20px;left:20px;z-index:10;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.6);background:rgba(0,0,0,0.3);backdrop-filter:blur(4px);color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer}.hvb-dots{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:8px}.hvb-dot{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.4);background:rgba(0,0,0,0.2);backdrop-filter:blur(4px);color:rgba(255,255,255,0.6);font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.hvb-dot-active{border-color:#ffffff;background:rgba(255,255,255,0.2);color:#ffffff}.hvb-content-center{justify-content:center;align-items:center;text-align:center}.hvb-content{position:relative;z-index:2;display:flex;flex-direction:column;padding:48px 5rem;width:100%;font-family:'Montserrat',sans-serif}@media(max-width:1024px){.hvb-content{padding:32px 1.5rem}}.hvb-heading-lg{font-size:clamp(2.5rem,5.5vw,3.5rem)}.hvb-heading{font-weight:700;color:#ffffff;margin:0;line-height:1.2}.hvb-subtitle{font-size:clamp(14px,1.2vw,16px);color:rgba(255,255,255,0.85);margin:12px 0 0;line-height:1.5}.hvb-ctas{display:flex;gap:12px;margin-top:20px;justify-content:center}.hvb-cta{display:inline-block;padding:14px 28px;font-size:13px;font-weight:600;text-decoration:none;border-radius:4px;transition:background .2s,color .2s;font-family:'Montserrat',sans-serif}.hvb-cta-fill{background:#ffffff;color:#121212}.hvb-cta-outline{background:transparent;border:1.5px solid #ffffff;color:#ffffff}.hvb-cta-outline:hover{background:#ffffff;color:#121212}","js","(function(){var card=document.querySelector('.hvb-card');if(!card)return;var videos=card.querySelectorAll('.hvb-video');var dots=card.querySelectorAll('.hvb-dot');var pauseBtn=card.querySelector('.hvb-pause-left');var current=0;function switchTo(idx){videos.forEach(function(v,i){v.classList.toggle('hvb-video-active',i===idx);if(i===idx){v.play()}else{v.pause()}});dots.forEach(function(d,i){d.classList.toggle('hvb-dot-active',i===idx)});current=idx}dots.forEach(function(d,i){d.addEventListener('click',function(){switchTo(i)})});if(pauseBtn){pauseBtn.addEventListener('click',function(){var v=videos[current];if(v.paused){v.play();pauseBtn.innerHTML=''}else{v.pause();pauseBtn.innerHTML=''}})}})();","palette",{"_49":50,"_51":50,"_52":50,"_53":54,"_55":56},"fonts",{"_46":47,"_48":47},"display","Montserrat","body","bg","#ffffff","accent","text","surface","rgba(255,255,255,0.15)","border","rgba(255,255,255,0.3)","video","carousel","card","rounded","pagination","pause-toggle","multi-video","4f487ecd-5aab-4bcb-853f-521da05191a8","template_id","0b9e9365-30b1-416a-8e0e-8e39da715efa","version",1,"artifact_key","template-catalog/templates/0b9e9365-30b1-416a-8e0e-8e39da715efa/revisions/1/template.json","manifest_key","template-catalog/templates/0b9e9365-30b1-416a-8e0e-8e39da715efa/revisions/1/manifest.json","artifact_sha256","afb30495fb565a37ce6091128b112357318841321a412064fbea5d85d5fc3326","schema_version","renderer_version",[],"themable",false,"has_js",true,"size_kb",5.67,"validation_status","valid","validation_report",{"_85":81,"_4":109,"_110":111,"_28":112},"media_manifest",[94],"created_at","2026-08-23T07:31:22.026836+00:00","published_at","2026-08-23T07:31:22.429725+00:00",{"_95":96,"_97":27,"_98":99,"_100":101,"_102":-5,"_103":104,"_105":106,"_107":108},"key","template-catalog/media/cd037c324ed200b7f99a3b19a0bd9c0fa8cb3e5f25a53fe0ca1f5904618b2324.webp","url","sha256","cd037c324ed200b7f99a3b19a0bd9c0fa8cb3e5f25a53fe0ca1f5904618b2324","source","/templates/thumbs/hero-video-carousel-card.webp","alt_text","provenance","repository migration","size_bytes",3554,"content_type","image/webp",[],"warnings",[],[],"Rounded card with 3-video carousel, numbered pagination, pause toggle, and centered text. Multi-video showcase.","visibility","global","status","published","industries",[131,132,133],"page_types",[128,129,130],[57,58,59,60,61,63],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","pdp","landing","homepage","tech","beauty","fashion"]