https://shop-dnd.com/component---src-pages-listings-dungeons-and-dragons-tank-tops-js-b9c069313ec73ba7f937.js

1"use strict";(self.webpackChunkgatsby_starter_minimal=self.webpackChunkgatsby_starter_minimal||[]).push([[921],{6715:function(e,t,l){var a=l(6540),n=l(3325),s=l(9636),o=l(9444);t.A=e=>{let{listings:t=[]}=e;return a.createElement("div",{className:"pl-0 max-w-[800px] mx-auto sm:max-w-[800px] md:max-w-[1200px] lg:max-w-[1700px]"},a.createElement("div",null,a.createElement(n.RC,{loop:!1,grabCursor:!0,speed:1e3,spaceBetween:12,slidesPerGroup:1,slidesPerView:"auto",modules:[s.Vx],className:"!px-[5px]",breakpoints:{0:{slidesPerView:2,spaceBetween:0,slidesOffsetBefore:40,slidesOffsetAfter:0},640:{slidesPerView:2,spaceBetween:50,slidesOffsetBefore:30,slidesOffsetAfter:0},768:{slidesPerView:3,spaceBetween:50,slidesOffsetBefore:30,slidesOffsetAfter:0},1024:{slidesPerView:3,spaceBetween:50,slidesOffsetBefore:60,slidesOffsetAfter:60},1440:{slidesPerView:3,spaceBetween:20,slidesOffsetBefore:60,slidesOffsetAfter:60}}},t.map(((e,t)=>a.createElement(n.qr,{key:t,className:"pb-12 !h-auto"},a.createElement(o.A,{product:e,index:t})))))))}},1201:function(e,t,l){l.r(t),l.d(t,{Head:function(){return g}});var a=l(6049),n=l.n(a),s=l(5378),o=l.n(s),r=l(6540),i=l(4194),d=l(6715),m=l(8719),c=l(9850),u=l(1723),x=l(1279),p=l(656),f=l(9987),h=l(4804),w=l(6786);const g=e=>{var t,l,a,n,s,o;let{data:i}=e;return r.createElement(m.A,{title:null==i||null===(t=i.seo)||void 0===t||null===(l=t.seo)||void 0===l?void 0:l.seoTitle,description:null==i||null===(a=i.seo)||void 0===a||null===(n=a.seo)||void 0===n?void 0:n.seoDescription,keywords:null==i||null===(s=i.seo)||void 0===s||null===(o=s.seo)||void 0===o?void 0:o.focusKeywords})};t.default=e=>{let{data:t}=e;const l=o()(t.allWcProducts.edges,(e=>{var t,l;let{node:a}=e;return{name:(null==a?void 0:a.name)||"",slug:null==a?void 0:a.slug,hashtag:null==a||null===(t=a.products)||void 0===t?void 0:t.hashtag,image:null===(l=n()(a.product_variations.map((e=>{var t,l,a;return{image:null==e||null===(t=e.image)||void 0===t||null===(l=t.localFile)||void 0===l||null===(a=l.childImageSharp)||void 0===a?void 0:a.gatsbyImageData}})))[0])||void 0===l?void 0:l.image}})),a=()=>{const{0:e,1:t}=(0,r.useState)(null),l=[{id:"how-to",title:"How Do I Craft My Perfect Custom DND Hoodie With ShopDND?",content:r.createElement("div",null,r.createElement("p",null,"Designing a custom DND hoodie from Shop DND only takes a few minutes and a couple of steps. Here’s how it works:"),r.createElement("p",null,r.createElement("span",{className:"text-dnd-yellow"},"Step 1:")," Choose your favourite design from our portfolio."),r.createElement("p",null,r.createElement("span",{className:"text-dnd-yellow"},"Step 2:")," Choose the garment that you want it on. We’re talking hoodies here, but there are other options - scroll down a little!"),r.createElement("p",null,r.createElement("span",{className:"text-dnd-yellow"},"Step 3:")," Choose a base colour for that garment to act as the background for the design. Certain designs go really well with certain colours, so feel free to experiment until you find something that pops just how you want it to!"))},{id:"what-should",title:"What Should I Look For In The Perfect Dungeons and Dragons Hoodie?",content:r.createElement("div",null,r.createElement("p",null,"Choose a design that resonates with your personal style and your favourite aspects of DND, or your character ",r.createElement("a",{href:"https://www.dndbeyond.com/classes?srsltid=AfmBOoqkYOaSjSheuyO9ftgTZAMJ-XFaeLXDQizxsW2i60982hmppm7B",className:"underline text-green-400"},"class")," or ",r.createElement("a",{href:"https://www.wargamer.com/dnd/races",className:"underline text-green-400"},"race.")," DND hoodies can boast a bold graphic, or something more subtle, but your perfect custom DND hoodie should reflect your personality, tastes, and the elements of the game you love most."))},{id:"tips",title:"Any Tips For Gifting A Custom DND Hoodie?",content:r.createElement("div",null,r.createElement("p",null,"Gifting a ",r.createElement("span",{className:"text-dnd-yellow"},"Dungeons and Dragons hoodie")," can be a thoughtful and delightful surprise for a fan of the game, but it's important to consider a few key points to make sure it’s well-received! First, understanding the recipient’s personal style is crucial; choose a design that matches their fashion preferences, whether that's bold and colourful or more understated. Oh, and make sure you know their size too!"))}];return r.createElement("div",{className:"max-w-[1000px] mx-auto border bg-dnd-darker-grey border-dnd-red border-solid"},l.map(((l,a)=>r.createElement("div",{key:l.id,className:"border-b border-solid border-dnd-red"},r.createElement("button",{onClick:()=>(l=>t(e===l?null:l))(a),className:"w-full flex justify-between items-center p-4 text-left transition-colors"},r.createElement("span",{className:"text-dnd-yellow text-2xl font-bold font-benguiat leading-[28.80px]"},l.title),r.createElement("span",{className:"text-dnd-red w-6 h-6"},e===a?"−":"+")),e===a&&r.createElement("div",{className:"p-4 text-white animate-fade-in font-inter font-medium text-base lg:text-lg leading-relaxed"},l.content)))))},s=[{icon:p.A,title:"Quality Products",desc:"Top-quality art prints applied to top-quality garments, that’s what you’re getting when you choose Shop DND. "},{icon:f.A,title:"Secure Shopping & Checkout",desc:"When you shop with us, you shop in safety!"},{icon:h.A,title:"No Quibble Returns",desc:"If for any reason you’re not happy with your purchase, simply send it back to us for a hassle-free refund."},{icon:w.A,title:"Prompt Customer Support",desc:"We want to be there when you need us, so we aim to respond to messages received within 24 hours."}],m=()=>r.createElement("section",{className:"w-full"},r.createElement("div",{className:"mx-auto max-w-[1650px] border-t border-dnd-yellow px-4"},r.createElement("div",{className:"grid grid-cols-2 gap-x-[15px] gap-y-10 lg:grid-cols-4 lg:gap-x-0"},s.map(((e,t)=>r.createElement("div",{key:t,className:`\n                                  relative flex flex-col\n                                  lg:px-6\n                                  ${4===t?"col-span-2 mx-auto max-w-[260px] lg:col-span-1 lg:mx-0 lg:max-w-none":""}\n                              `},t!==s.length-1&&r.createElement("span",{className:"hidden lg:block absolute right-0 top-1/2 h-[200px] w-px 

1-translate-y-1/2 bg-white"}),r.createElement("div",{className:"mb-3 flex h-[40px] w-[40px] items-center justify-center rounded-full bg-red-600 mx-auto lg:mx-0"},r.createElement("img",{src:e.icon,alt:"",className:"w-[20px] h-auto md:w-[28px]"})),r.createElement("h3",{className:"mb-3 font-benguiat font-semibold text-center text-_1818 text-dnd-yellow underline lg:text-_3636 lg:text-left"},e.title),r.createElement("p",{className:"font-benguiat text-_1619 font-normal text-white lg:text-_2429"},e.desc)))))));return r.createElement("section",{className:"flex flex-col gap-4 lg:gap-12 py-16"},r.createElement("div",{className:"px-4 lg:px-8 limit-1440 flex flex-col items-center gap-1 lg:gap-8"},r.createElement("h1",{className:"text-_2848 text-start max-w-[1120px] lg:text-5xl font-bold font-benguiat text-dnd-yellow md:text-center"},"Dungeons and Dragons Tank Tops by Shop DnD"),r.createElement("span",{className:"text-white text-_1624 text-start font-inter my-6 md:text-2xl md:text-center"},"Unleash your inner adventurer with our exclusive Dungeons and Dragons hoodies! Perfect for quests, lounging, or epic game nights. Embrace your fantasy and gear up in style!")),r.createElement(d.A,{listings:l}),r.createElement(m,null),r.createElement("div",{className:"mx-auto w-full px-4 py-6 sm:px-6 lg:px-8"},r.createElement("hr",{className:"mx-auto my-4 hidden w-full max-w-[1200px] border-white md:block"}),r.createElement("div",{className:"mx-auto flex w-full max-w-[1600px] flex-col items-center"},r.createElement("div",{className:"w-full max-w-[1600px] text-center font-benguiat xl:text-left"},r.createElement("h2",{className:"pb-4 text-_2233 text-center text-dnd-yellow sm:text-_2632 xl:text-_4200"},"Why Choose Shop DND?"),r.createElement("p",{className:"text-_1624 text-white text-center sm:text-_1828 xl:text-_2632 md:text-start"},r.createElement("span",{className:"block md:inline"},"Our creations are truly one-of-a-kind — when we say that you won’t find them anywhere else, we mean it, and we know this because we created them all in-house."),r.createElement("span",{className:"block mt-5 md:inline md:mt-0"},"Every one of our ",r.createElement("span",{className:"text-dnd-yellow font-semibold"},"DND hoodies")," is born from the minds of artists who play the game, blending imagination, subtle references, and real-world style. We fuse the magic of DND with pop culture and everyday life, crafting dungeons and dragons clothing that’s both expressive and wearable. At first glance, it’s ",r.createElement("span",{className:"text-dnd-yellow font-semibold"},"high-quality, sleek and stylish")," - and then you look closer, and spot the clever nods that only fellow gamers and adventurers will recognise — quiet tributes to the games and fandoms we love!"))),r.createElement("hr",{className:"mx-auto my-8 block w-full max-w-[232px] border-white md:max-w-[1600px]"}),r.createElement("div",{className:"relative grid w-full max-w-[1600px] grid-cols-1 gap-10 font-benguiat md:grid-cols-2 lg:gap-16 xl:gap-20"},r.createElement("div",{className:"w-full lg:border-r lg:border-white lg:pr-8 xl:pr-12"},r.createElement("h2",{className:"pb-4 text-center text-_2233 text-dnd-yellow xl:text-_4200 md:text-start"},"Fit and Comfort Tips"),r.createElement("p",{className:"text-_1624 text-white text-center sm:text-_1828 xl:text-_2632 md:text-start"},"First and foremost, make sure you ",r.createElement("a",{href:"https://shop-dnd.com/size-guide/",className:"text-dnd-cyan underline"},"check the sizing chart")," to ensure you get the fit you want, (you can always go up a size if you prefer loose fit over regular). We opt for materials that offer both comfort and durability - ",r.createElement("span",{className:"text-dnd-cyan"},"our cotton-polyester blend")," will hold up well through numerous gaming sessions and washes and protect you from the elements, but still offers that soft, snuggly feel too!")),r.createElement("div",{className:"hidden md:block absolute left-1/2 top-0 h-full w-px bg-white -translate-x-1/2"}),r.createElement("div",{className:"w-full px-4"},r.createElement("h2",{className:"pb-4 text-center text-_2233 text-dnd-yellow  xl:text-_4200 md:text-start"},"Ordering, Shipping & Returns Info"),r.createElement("ul",{className:"text-_1624 list-disc list-inside text-white text-center sm:text-_1828 xl:text-_2632 md:text-start"},r.createElement("li",null,"Ordering Timeline: This product is made especially for you as soon as you place an order."),r.createElement("li",null,"Shipping Times: UK ",r.createElement("span",{className:"text-dnd-cyan"},"(5-7 business days)"),", US ",r.createElement("span",{className:"text-dnd-cyan"},"(3-6 business days)"),", Canada ",r.createElement("span",{className:"text-dnd-cyan"},"(4-7 business days)"),"."),r.createElement("li",null,"Returns: Contact our DM at ",r.createElement("span",{className:"text-dnd-navy-blue"},"[email protected]")," for a refund or replacement.")))),r.createElement("hr",{className:"mx-auto my-8 block w-full max-w-[232px] border-white md:max-w-[1600px] md:hidden"}))),r.createElement(u.A,null),r.createElement(x.A,null),r.createElement("div",{className:"w-full px-4 limit-1440 "},r.createElement("div",{className:"flex flex-row justify-center gap-[156px] items-center 1280:gap[90px]"},r.createElement("div",null,r.createElement("h2",{className:"text-_2424 font-benguiat font-normal text-dnd-yellow py-2 xl:text-_4000"},"Not Feeling A Hoodie? No Problem!"),r.createElement("p",{className:"text-_1619 font-benguiat font-normal text-white py-4 xl:text-_2020"},"We do offer other garment styles too, so click the links below to try something else!"),r.createElement("div",{className:"block md:hidden"},r.createElement("div",{className:"flex flex-row items-center border border-dnd-yellow border-solid my-[6px] max-w-[720px] rounded-md w-full p-4"},r.createElement("h2",{className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_2424"},"Sweatshirts"),r.createElement("p",{className:"ml-auto text-dnd-yellow font-benguiat font-bold text-_2424"},r.createElement(i.Link,{to:"/listings/sweatshirts"},">"))),r.createElement("div",{className:"flex flex-row items-center border border-dnd-yellow border-solid my-[6px] max-w-[720px] rounded-md w-full p-4"},r.createElement("h2",{className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_2424"},"T-Shirts"),r.createElement("p",{className:"ml-auto text-dnd-yellow font-benguiat font-bold text-_2424"},r.createElement(i.Link,{to:"/listings/t-shirts"},">"))),r.createElement("div",{className:"flex flex-row items-center border border-dnd-yellow border-solid my-[6px] max-w-[720px] rounded-md w-full p-4"},r.createElement("h2",{className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_2424"},"Long-Sleeve tops"),r.createElement("p",{className:"ml-auto text-dnd-yellow font-benguiat font-bold text-_2424"},r.createElement(i.Link,{to:"/listings/long-sleeve-shirts"},">"))),r.createElement("div",{className:"flex flex-row items-center border border-dnd-yellow border-solid my-[6px] max-w-[720px] rounded-md w-full p-4"},r.createElement("h2",{className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_2424"},"Hoodies"),r.createElement("p",{className:"ml-auto text-dnd-yellow font-benguiat font-bold text-_2424"},r.createElement(i.Link,{to:"/listings/hoodies"},">"))),r.createElement("div",{className:"flex flex-row items-center border border-dnd-yellow border-solid my-[6px] max-w-[720px] rounded-md w-full p-4"},r.createElement("h2",{className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_2424"},"Tote Bags"),r.createElement("p",{className:"ml-auto text-dnd-yellow font-benguiat font-bold text-_2424"},r.createElement(i.Link,{to:"/listings/tote-bags"},">")))),r.createElement("div",{className:"hidden md:block"},r.createElement("div",null,r.createElement(i.Link,{to:"/listings/sweatshirts",className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_72108 underline"},"Sweatshirts")),r.createElement("div",null,r.createElement(i.Link,{to:"/listings/t-shirts",className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_72108 underline"},"T-Shirts")),r.createElement("div",null,r.createElement(i.Link,{to:"/listings/long-sleeve-shirts",className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_72108 underline"},"Long-Sleeve Tees")),r.createElement("div",null,r.createElement(i.Link,{to:"/listings/hoodies",className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_72108 underline"},"Hoodies")),r.createElement("div",null,r.createElement(i.Link,{to:"/listings/tote-bags",className:"text-stroke-dnd-yellow [-webkit-text-stroke:1px_#FFA200] text-transparent font-benguiat font-bold text-_72108 underline"},"Tote Bags")))),r.createElement("div",{className:"hidden md:block"},r.createElement("img",{src:c.A,className:"w-[350px] h-auto xl:w-[450px]",alt:"Shop DnD logo"})))),r.createElement("div",{className:"w-full px-4 lg:px-8 limit-1440"},r.createElement("div",{className:"py-6 max-w-[1000px] mx-auto"},r.createElement("h4",{className:"text-dnd-yellow font-benguiat text-_3264 lg:text-_4864 font-bold"},"F.A.Q’s About Our DND Hoodies")),r.createElement(a,null)),r.createElement("div",{className:"w-full limit-1440"}))}}}]);
2//# sourceMappingURL=component---src-pages-listings-dungeons-and-dragons-tank-tops-js-b9c069313ec73ba7f937.js.map