https://shop-dnd.com/component---src-templates-post-js-656adac089389f9f498c.js

1"use strict";(self.webpackChunkgatsby_starter_minimal=self.webpackChunkgatsby_starter_minimal||[]).push([[480],{6274:function(e,t,l){var n=l(6540),a=l(7574),o=l(2532),i=l(4255);t.A=e=>{var t,l,r;let{product:s,index:c}=e;const d=(0,o.c)(null==s||null===(t=s.images[0])||void 0===t||null===(l=t.localFile)||void 0===l||null===(r=l.childImageSharp)||void 0===r?void 0:r.gatsbyImageData);return n.createElement("div",{className:"product-card w-full sm:w-[372px] lg:w-[318px] relative"},n.createElement("div",{className:"w-full h-auto sm:w-[372px] sm:h-[560px] lg:w-[318px] lg:h-[405px]"},n.createElement(o.G,{image:d,alt:(0,a.Sm)(s.name),className:"!h-[560px] lg:!h-[405px] lg: !w-full rounded-3xl"})),0===c?n.createElement("div",{className:"w-[173px] h-10 opacity-90 bg-dnd-dark rounded-3xl left-[24px] top-[500px] lg:top-[350px] absolute"},n.createElement("div",{className:"text-center align-center mt-2"},n.createElement("span",{className:"text-white text-xl font-normal font-benguiat leading-tight"},"Latest"),n.createElement("span",{className:"text-dnd-red text-xl font-normal font-benguiat leading-tight"},"Design"))):n.createElement("div",{className:"w-[173px] h-10 opacity-90 bg-dnd-dark rounded-3xl left-[24px] top-[500px] lg:top-[350px] absolute"},n.createElement("div",{className:"text-center align-center mt-2"},n.createElement("span",{className:"text-white text-xl font-normal font-benguiat leading-tight"},"Most"),n.createElement("span",{className:"text-dnd-red text-xl font-normal font-benguiat leading-tight"},"Popular"))),n.createElement("div",{className:"flex justify-between pl-6 pr-4 pt-4 pb-2.5"},n.createElement("div",{className:"flex flex-col"},n.createElement("p",{className:"text-white font-benguiat text-_1619"},"#GottaRoll’EmAll"),n.createElement("h3",{className:"text-white font-benguiat text-2xl"},(0,a.Sm)(s.name))),n.createElement("div",{className:"flex flex-row gap-x-5"},n.createElement(i.A,{icon:"heart",iconColor:"#0D0D0D",backgroundColor:"#FFA200",hoverBackgroundColor:"#FF0000",hoverBorderColor:"#FF0000",hoverTextColor:"#0D0D0D",hoverText:"Add",size:"lg",onClick:()=>window.location.href="/product/"+s.slug}),n.createElement(i.A,{icon:"eye",iconColor:"#0D0D0D",backgroundColor:"#FFA200",hoverBackgroundColor:"#FF0000",hoverBorderColor:"#FF0000",hoverTextColor:"#0D0D0D",hoverText:"View",size:"lg",onClick:()=>window.location.href="/product/"+s.slug}))))}},8719:function(e,t,l){var n=l(6540),a=l(4194);t.A=e=>{var t,l;let{title:o,description:i,keywords:r}=e;const{site:s}=(0,a.useStaticQuery)("3000541721"),c=o||(null==s||null===(t=s.siteMetadata)||void 0===t?void 0:t.title),d=i||(null==s||null===(l=s.siteMetadata)||void 0===l?void 0:l.description);return n.createElement(n.Fragment,null,n.createElement("title",null,c),n.createElement("meta",{name:"description",content:d}),r&&n.createElement("meta",{name:"keywords",content:r}),n.createElement("meta",{name:"og:title",content:c}),n.createElement("meta",{name:"og:description",content:d}),n.createElement("meta",{name:"og:type",content:"website"}),n.createElement("meta",{name:"twitter:card",content:"summary"}),n.createElement("meta",{name:"twitter:creator",content:s.siteMetadata.author}),n.createElement("meta",{name:"twitter:title",content:c}),n.createElement("meta",{name:"twitter:description",content:d}))}},4765:function(e,t,l){l.r(t),l.d(t,{Head:function(){return u},default:function(){return b}});var n=l(4506),a=l(6540),o=l(4194),i=l(2532);var r=e=>{let{items:t=[]}=e;const l=t.filter((e=>e&&e.label));return l.length?a.createElement("nav",{"aria-label":"Breadcrumb"},a.createElement("ol",{className:"flex flex-wrap items-center gap-2 text-xs lg:text-sm uppercase font-inter text-white"},l.map(((e,t)=>a.createElement("li",{key:`${e.label}-${t}`,className:"flex items-center gap-2"},t>0&&a.createElement("span",{className:"text-white"},"/"),e.to?a.createElement(o.Link,{to:e.to,className:"transition-colors hover:text-white focus-visible:outline-none focus-visible:text-white"},e.label):a.createElement("span",{className:"text-white"},e.label)))))):null},s=l(6274);var c=e=>{var t,l;let{headings:n=[]}=e;const i=(0,o.useStaticQuery)("644554560"),r=null!==(t=null==i||null===(l=i.allWcProducts)||void 0===l?void 0:l.nodes)&&void 0!==t?t:[],c=(0,a.useCallback)(((e,t)=>{if(e.preventDefault(),"undefined"==typeof document)return;const l=document.getElementById(t);var n;l&&(l.scrollIntoView({behavior:"smooth"}),"undefined"!=typeof window&&null!==(n=window.history)&&void 0!==n&&n.replaceState&&window.history.replaceState(null,"",`#${t}`))}),[]);return a.createElement("div",{className:"flex flex-col h-full md:space-y-10 md:h-auto"},a.createElement("div",{className:"hidden md:block md:flex-shrink-0 md:flex-shrink"},a.createElement("span",{className:"text-white text-4xl font-bold font-benguiat uppercase leading-9 block"},"This Blog's Contents"),n.length?a.createElement("ol",{className:"mt-6 space-y text-white/80 text-sm uppercase font-inter tracking-wide"},n.map(((e,t)=>{let{id:l,label:n}=e;return a.createElement("li",{key:`${l}-${t}`},a.createElement("a",{href:`#${l}`,onClick:e=>c(e,l),className:"flex items-start gap-1 rounded border border-transparent py-2 px-3 transition-colors hover:border-white/30 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-white focus-visible:ring-offset-dnd-dark"},a.createElement("span",{className:"text-left normal-case leading-relaxed text-white font-inter text-[18px]",dangerouslySetInnerHTML:{__html:n}})))}))):a.createElement("p",{className:"mt-4 text-sm text-white/60 uppercase font-inter tracking-wide"},"No sections available")),r.length>0&&a.createElement("div",{className:"flex-1 overflow-y-auto space-y-6 mt-6 md:mt-0 md:overflow-visible md:flex-none"},r.map(((e,t)=>a.createElement(s.A,{product:e,key:t}

1)))))};var d=e=>{let{headings:t=[]}=e;const{0:l,1:n}=(0,a.useState)(!1),o=(0,a.useCallback)(((e,t)=>{if(e.preventDefault(),"undefined"==typeof document)return;const l=document.getElementById(t);var a;l&&(l.scrollIntoView({behavior:"smooth"}),"undefined"!=typeof window&&null!==(a=window.history)&&void 0!==a&&a.replaceState&&window.history.replaceState(null,"",`#${t}`));n(!1)}),[]);return a.createElement("div",{className:"flex-shrink-0 md:hidden"},a.createElement("button",{onClick:()=>{n(!l)},className:"w-full flex items-center justify-between text-white text-4xl font-bold font-benguiat uppercase leading-9 py-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-white focus-visible:ring-offset-dnd-dark","aria-expanded":l,"aria-label":"Toggle table of contents"},a.createElement("span",null,"This Blog's Contents"),a.createElement("svg",{className:"w-6 h-6 transition-transform duration-200 "+(l?"rotate-180":""),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"}))),a.createElement("div",{className:"overflow-hidden transition-all duration-300 ease-in-out "+(l?"max-h-[1000px] opacity-100":"max-h-0 opacity-0")},t.length?a.createElement("ol",{className:"mt-6 space-y text-white/80 text-sm uppercase font-inter tracking-wide"},t.map(((e,t)=>{let{id:l,label:n}=e;return a.createElement("li",{key:`${l}-${t}`},a.createElement("a",{href:`#${l}`,onClick:e=>o(e,l),className:"flex items-start gap-1 rounded border border-transparent py-2 px-3 transition-colors hover:border-white/30 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-white focus-visible:ring-offset-dnd-dark"},a.createElement("span",{className:"text-left normal-case leading-relaxed text-white font-inter text-[18px]",dangerouslySetInnerHTML:{__html:n}})))}))):a.createElement("p",{className:"mt-4 text-sm text-white/60 uppercase font-inter tracking-wide"},"No sections available")))},m=l(8719);const u=e=>{var t,l,n,o,i,r;let{pageContext:s}=e;return a.createElement(m.A,{title:null==s||null===(t=s.post)||void 0===t||null===(l=t.seo)||void 0===l?void 0:l.seoTitle,description:null==s||null===(n=s.post)||void 0===n||null===(o=n.seo)||void 0===o?void 0:o.seoDescription,keywords:null==s||null===(i=s.post)||void 0===i||null===(r=i.seo)||void 0===r?void 0:r.focusKeywords})},p=e=>{let{products:t=[]}=e;return t.length?a.createElement("section",{className:"my-10"},a.createElement("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"},t.map((e=>{var t,l,n,r;const s=(0,i.c)(null==e||null===(t=e.image)||void 0===t?void 0:t.localFile);return a.createElement(o.Link,{key:e.id,to:e.uri,className:"block overflow-hidden border border-white/20 bg-white/5 transition hover:bg-white/10"},s?a.createElement(i.G,{image:s,alt:(null==e||null===(l=e.image)||void 0===l?void 0:l.altText)||(null==e?void 0:e.name),className:"w-full"}):null!=e&&null!==(n=e.image)&&void 0!==n&&n.sourceUrl?a.createElement("img",{src:e.image.sourceUrl,alt:(null==e||null===(r=e.image)||void 0===r?void 0:r.altText)||(null==e?void 0:e.name),className:"w-full h-auto"}):null,a.createElement("div",{className:"p-4"},a.createElement("h3",{className:"text-dnd-yellow text-base lg:text-lg font-semibold font-benguiat"},e.name)))})))):null},g="\x3c!-- WP_ACCORDION_BLOCK --\x3e",f="[product_grid]",x=(e,t)=>{let l=1,n=t+4;const a=e.length;for(;n<a;){const a=e.indexOf("<div",n),o=e.indexOf("</div>",n);if(-1===o)return null;if(-1!==a&&a<o)l+=1,n=a+4;else if(l-=1,n=o+6,0===l)return e.slice(t,n)}return null},h=e=>{const t=[],l=/<div\b[^>]*\bclass=["'][^"']*\bwp-block-accordion-item\b[^"']*["'][^>]*>/gi;let n;const a=e=>{if("undefined"==typeof window)return e.replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"').replace(/&#39;/g,"'");const t=document.createElement("textarea");return t.innerHTML=e,t.value};for(;n=l.exec(e);){var o,i;const r=n.index,s=x(e,r);if(!s)break;const c=s.match(/<span\b[^>]*\bclass=["'][^"']*\bwp-block-accordion-heading__toggle-title\b[^"']*["'][^>]*>([\s\S]*?)<\/span>/i),d=s.match(/<div\b[^>]*\bclass=["'][^"']*\bwp-block-accordion-panel\b[^"']*["'][^>]*>([\s\S]*?)<\/div>/i);t.push({id:`accordion-item-${t.length+1}`,title:a((null==c||null===(o=c[1])||void 0===o?void 0:o.trim())||`Accordion item ${t.length+1}`),content:(null==d||null===(i=d[1])||void 0===i?void 0:i.trim())||""}),l.lastIndex=r+s.length}return t},v=e=>{let{items:t=[]}=e;const{0:l,1:n}=(0,a.useState)(null);return t.length?a.createElement("div",{className:"border border-white/20 rounded-xl overflow-hidden bg-[#090909] space-y-4"},t.map(((e,t)=>a.createElement("div",{key:e.id,className:"border-b border-white/10 last:border-b-0"},a.createElement("button",{onClick:()=>(e=>n(l===e?null:e))(t),className:"w-full flex items-center justify-between p-4 text-left text-white hover:bg-white/5 transition",type:"button"},a.createElement("h3",{className:"text-dnd-yellow text-lg font-semibold font-benguiat"},e.title),a.createElement("span",{className:"text-dnd-yellow text-2xl tracking-tight"},l===t?"−":"+")),l===t&&a.createElement("div",{className:"p-4 text-white font-inter text-base leading-relaxed bg-white/5 [&_a]:text-dnd-yellow [&_a]"},a.createElement("div",{dangerouslySetInnerHTML:{__html:e.content}})))))):null};var b=e=>{var t,l,o,s,m,u,b,w,E,y,N,k,_;let{pageContext:C}=e;const{content:$="",title:S}=null!==(t=null==C?void 0:C.post)&&void 0!==t?t:{},D=(null==C?void 0:C.post)||{},I=(0,i.c)(null==D||null===(l=D.featuredImage)||void 0===l||null===(o=l.node)||void 0===o?void 0:o.localFile),T=(null==C||null===(s=C.post)||void 0===s||null===(m=s.blogProductGrid)||void 0===m||null===(u=m.selectedProducts)||void 0===u?void 0:u.nodes)||[],{processedContent:F,headings:M}=(0,a.useMemo)((()=>{const e=[];return{processedContent:$.replace(/<h2([^>]*)>([\s\S]*?)<\/h2>/gi,(function(t,l,n){void 0===l&&(l="");const a=n.replace(/<[^>]*>/g,"").trim(),o=l.match(/\sid=["']([^"']+)["']/i);if(o){const t=o[1];return e.push({id:t,label:a||`Section ${e.length+1}`}),`<h2${l}>${n}</h2>`}let i=(r=a,s=e.length,(null==r?void 0:r.toLowerCase().trim().replace(/<[^>]+>/g,"").replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""))||`section-${s+1}`);var r,s;let c=i,d=1;for(;e.some((e=>e.id===c));)c=`${i}-${d}`,d+=1;if(e.push({id:c,label:a||`Section ${e.length+1}`}),/\sid=/.test(l))return`<h2${l}>${n}</h2>`;return`<h2${l?`${l} id="${c}"`:` id="${c}"`}>${n}</h2>`})),headings:e}}),[$]),A=[{label:"Home",to:"/"},{label:"Blogs",to:"/blogs"},{label:S||"Post"}],{cleanedContent:B,accordionGroups:L}=(0,a.useMemo)((()=>{const{cleaned:e,accordionGroups:t}=(e=>{let t=e;const l=[];let n=0;for(;;){const e=t.slice(n).match(/<div\b[^>]*\bclass=["'][^"']*\bwp-block-accordion\b[^"']*["'][^>]*>/i);if(!e)break;const a=n+e.index,o=x(t,a);if(!o)break;l.push(h(o)),t=`${t.slice(0,a)}${g}${t.slice(a+o.length)}`,n=a+27}return{cleaned:t,accordionGroups:l}})($);return{cleanedContent:e,accordionGroups:t}}),[$]),G=(0,a.useMemo)((()=>(e=>{const t=[];let l=e;for(;l.length>0;){const e=l.indexOf(g),a=[e,l.indexOf(f)].filter((e=>e>=0));if(0===a.length){t.push({type:"html",content:l});break}const o=Math.min.apply(Math,(0,n.A)(a));o>0&&t.push({type:"html",content:l.slice(0,o)}),o===e?(t.push({type:"accordion"}),l=l.slice(o+27)):(t.push({type:"product_grid"}),l=l.slice(o+14))}return t})(B)),[B]);return a.createElement("div",{className:"pt-[20px] lg:pt-[60px] limit-1440 grid lg:grid-cols-3 gap-x-20 px-10"},a.createElement("div",{className:" lg:col-span-2 pt-[10px] lg:pt-[20px]"},a.createElement("div",{className:"grid gap-2"},a.createElement(r,{items:A}),a.createElement(d,{headings:M}),I?a.createElement(i.G,{image:I,alt:(null==D||null===(b=D.featuredImage)||void 0===b||null===(w=b.node)||void 0===w?void 0:w.altText)||(null==D||null===(E=D.featuredImage)||void 0===E?void 0:E.altText)||(null==D?void 0:D.title),className:"mt-6 mb-6 rounded-xl"}):null!=D&&null!==(y=D.featuredImage)&&void 0!==y&&null!==(N=y.node)&&void 0!==N&&N.sourceUrl?a.createElement("img",{src:D.featuredImage.node.sourceUrl,alt:(null==D||null===(k=D.featuredImage)||void 0===k||null===(_=k.node)||void 0===_?void 0:_.altText)||(null==D?void 0:D.title),className:"mt-6 mb-6 w-full rounded-xl"}):null,a.createElement("h1",{className:"grid text-left text-dnd-yellow text-[24px] lg:text-3xl font-bold font-benguiat uppercase"},D.title),a.createElement("div",{className:"my-6 h-px w-full bg-white/60"}),G.map(((e,t)=>{if("html"===e.type)return a.createElement("div",{key:`html-${t}`,className:" blog-content text-white mb-4 [&_p_a]:text-dnd-yellow [&_p_a]:underline [&_p_a]:underline-offset-2 [&_li_a]:text-dnd-yellow [&_li_a]:underline [&_li_a]:underline-offset-2 [&_td_a]:text-dnd-yellow [&_td_a]:underline [&_td_a]:underline-offset-2\n",role:"article",dangerouslySetInnerHTML:{__html:e.content}});if("product_grid"===e.type)return a.createElement(p,{key:`product-${t}`,products:T});if("accordion"===e.type){const e=G.slice(0,t).filter((e=>"accordion"===e.type)).length;return a.createElement(v,{key:`accordion-${t}`,items:L[e]})}return null})))),a.createElement("div",{className:"py-[80px] lg:pt-0 lg:col-span-1 px-4 lg:px-0"},a.createElement(c,{headings:M})))}}}]);
2//# sourceMappingURL=component---src-templates-post-js-656adac089389f9f498c.js.map