{"version":3,"file":"component---src-pages-faq-js-e1701df3f856da61e0d2.js","mappings":"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","sources":["webpack://waxcarvers-fe/./src/components/Accordion/Accordion.jsx","webpack://waxcarvers-fe/./src/components/Common/NewsLetterPlug.jsx","webpack://waxcarvers-fe/./src/components/Common/PageTitle.jsx","webpack://waxcarvers-fe/./src/pages/faq.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Transition } from \"@headlessui/react\";\nimport { ArrowSmallDownIcon } from \"@heroicons/react/24/outline\";\n\nexport const Accordion = ({ content, children }) => {\n  const ref = useRef(null);\n  const [shown, setShown] = useState(false);\n\n  const captureHeight = () =>\n    ref.current && (ref.current.style.height = `${ref.current.clientHeight}px`);\n  const clearHeight = () => ref.current && (ref.current.style.height = \"\");\n\n  const [isOpen, setOpen] = useState(false);\n  return (\n    <div className=\"mt-6 border-t border-gray-200 pt-6\">\n      <div>\n        <dt className=\"text-lg leading-7\">\n          <button\n            onClick={() => setOpen(!isOpen)}\n            aria-label=\"Show answer\"\n            className=\"text-left w-full font-bold flex justify-between items-start text-gray-400 focus:outline-none focus:text-gray-900\"\n          >\n            <span className=\" prose prose-indigo prose-lg text-gray-700\">\n              {content.title}\n            </span>\n            <span className=\"ml-6 h-7 flex items-center\">\n              <svg\n                className={`${\n                  isOpen ? \"-rotate-180\" : \"rotate-0\"\n                } h-6 w-6 transform`}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth=\"2\"\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </span>\n          </button>\n        </dt>\n        <Transition\n          show={isOpen}\n          ref={ref}\n          enter=\"transition-[height] duration-300 overflow-hidden\"\n          enterFrom=\"!h-0\"\n          beforeEnter={captureHeight}\n          afterEnter={clearHeight}\n          leave=\"transition-[height] duration-300 overflow-hidden\"\n          leaveTo=\"!h-0\"\n          beforeLeave={captureHeight}\n          afterLeave={clearHeight}\n        >\n          {(ref) => (\n            <dd ref={ref} className=\"mt-2 pr-12\">\n              {children}\n\n              {content.asHtml ? (\n                <p\n                  className=\"text-base leading-6 text-gray-700 whitespace-pre-wrap break-words\"\n                  dangerouslySetInnerHTML={{ __html: content.text }}\n                ></p>\n              ) : (\n                <p className=\"text-base leading-6 text-gray-700 whitespace-pre-wrap break-words\">\n                  {content.text}\n                </p>\n              )}\n            </dd>\n          )}\n        </Transition>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\n\nexport const JoinNewsLetterButton = () => (\n  <div>\n    <div className=\"bg-blue-100 lg:py-5 rounded\">\n      <div className=\"max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8 lg:flex lg:items-center lg:justify-center\">\n        <h2 className=\"text-2xl text-bold tracking-tight text-gray-700 text-center\">\n          <span className=\"block\">Always know what I'm up to!</span>\n        </h2>\n        <div className=\"lg:mt-0 lg:flex-shrink-0 mx-12 mt-8\">\n          <div className=\"rounded-md text-center\">\n            <a\n              href=\"https://newsletter.waxcarvers.com\"\n              aria-label=\"Join newsletter\"\n              className=\"inline-flex items-center justify-center px-5 py-3 border border-transparent\n                         text-base font-medium rounded-md text-white bg-blue-700 hover:bg-indigo-700\"\n            >\n              Get weekly emails!\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n","import React from \"react\";\n\nexport const PageTitle = ({ title, subtitle }) => (\n  <div className=\"text-center\">\n    <h1 className=\"text-5xl tracking-tight text-blue-700\">{title}</h1>\n    <p className=\"mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4\">\n      {subtitle}\n    </p>\n  </div>\n);\n\nexport const PageSubTitle = ({ title, subtitle, color }) => (\n  <div className=\"text-center\">\n    <h2\n      className={`text-4xl tracking-tight ${color ? color : \"text-blue-700\"}`}\n    >\n      {title}\n    </h2>\n    <p className=\"mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4\">\n      {subtitle}\n    </p>\n  </div>\n);\n","import React, { useState } from \"react\";\nimport { Transition } from \"@headlessui/react\";\nimport Layout from \"../components/layout\";\nimport { PageTitle } from \"../components/Common/PageTitle\";\nimport { JoinNewsLetterButton } from \"../components/Common/NewsLetterPlug\";\nimport { Helmet } from \"react-helmet\";\nimport { Accordion } from \"../components/Accordion/Accordion\";\n\nconst qas = [\n  {\n    q: \"Do I need any jewellery making experience?\",\n    a:\n      \"No previous experience needed. \\n\" +\n      \"\\n\" +\n      \"I recommend starting with the stacking ring class if you’re completely new. It covers a lot of basics.\",\n  },\n  {\n    asHtml: true,\n    q: \"Are tools and materials included in the price?\",\n    a:\n      \"No. \\n\" +\n      \"\\n\" +\n      \"You can find a list of all essential tools <a href='/blog/post/what-tools-do-I-need-for-wax-carving' class='text-indigo-400'>here.</a> I use a variety of them in every class.\\n\" +\n      \"Each class lists what tools and wax you need.\\n\" +\n      \"\\n\" +\n      \"You can buy the tools and materials from all jewellery suppliers online or in shops. \" +\n      \"There's a list of tool suppliers <a href='/tools-and-supplies' class='text-indigo-400'>here.</a>\\n\" +\n      \"\\n\" +\n      \"Have a google though if no company is listed for your country. Every country has their own suppliers!\\n\",\n  },\n\n  {\n    asHtml: true,\n    q: \"What color wax should I get?\",\n    a: `I recommend blue because it’s available everywhere. But really whatever color you prefer working with is fine.  \n\nI’ve been testing all the different wax colors on the blog, so have a look <a href='/blog/post/what-wax-color-should-I-get' class='text-indigo-400'>here</a> if you want to know more about each wax color and what they’re good at.`,\n  },\n  {\n    q: \"Can I get a refund?\",\n    a:\n      \"No, sorry. If you’ve seen the class, there is no unseeing it. The material is available to you indefinitely so take your time working through it.  \\n\" +\n      \"\\n\",\n  },\n  {\n    q: \"How long are the classes?\",\n    a:\n      \"Every class has a different duration, but around 90 minutes is the average. \\n\" +\n      \"\\n\" +\n      \"A class is divided in multiple short videos. This way it’s easy to drop in and out of it, without losing your place in a long video. \\n\",\n  },\n  {\n    q: \"Can I download the material?\",\n    a:\n      \"You can’t download the videos. They’re big it’ll be a hassle. You can play them in your user dashboard as often as you like. \\n\" +\n      \"\\n\" +\n      \"You can download the pdf handouts for easy reference at your bench.\\n\",\n  },\n  {\n    q: \"What if I have a question?\",\n    a:\n      \"Every class has an area where you can ask questions. I answer questions every Monday. \\n\" +\n      \"\\n\" +\n      \"Once I answer the question it gets published to the class. This way everyone with access to the class can read through the questions and answers and learn from them.\\n\",\n  },\n  {\n    q: \"Why are you teaching this? I can do this in metal?\",\n    a:\n      \"Every piece of jewellery can be made in different ways and one of those is wax. \\n\" +\n      \"\\n\" +\n      \"If you know how to do it in metal, you might enjoy learning how to do it in wax! \\n\",\n  },\n  {\n    q: \"This is so time consuming. Why don’t I do this in CAD?\",\n    a:\n      \"I’m teaching wax carving, not CAD. Everything is probably quicker in CAD.\\n\" +\n      \"\\n\" +\n      \"I’m sure you can find a good CAD course online!\",\n  },\n  {\n    q: \"What terminology do you use?\",\n    a: \"I learned in Ireland so millimeters not gauges, centimeters not inches, grams not ounces, ring sizes come in letters not numbers and prices are in euro. In written: jewellery not jewelry!\",\n  },\n];\n\nconst faq = () => (\n  <Layout title=\"Wax Carvers - Frequently Asked Questions\">\n    <Helmet>\n      <script type=\"application/ld+json\">\n        {JSON.stringify({\n          \"@context\": \"https://schema.org\",\n          \"@type\": \"FAQPage\",\n          mainEntity: [\n            qas.map((it) => ({\n              \"@type\": \"Question\",\n              name: it.q,\n              acceptedAnswer: {\n                \"@type\": \"Answer\",\n                text: it.a,\n              },\n            })),\n          ],\n        })}\n      </script>\n    </Helmet>\n    <div className=\"relative pt-16 pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8\">\n      <div className=\"absolute inset-0\">\n        <div className=\"bg-white h-1/3 sm:h-2/3\"></div>\n      </div>\n      <div className=\"relative max-w-7xl mx-auto\">\n        <PageTitle title=\"Frequently asked questions\" />\n        <div className=\"mt-12\">\n          {qas.map((it) => (\n            <Accordion\n              key={it.q}\n              content={{ title: it.q, text: it.a, asHtml: it.asHtml }}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n    <div className=\"mt-12\">\n      <JoinNewsLetterButton />\n    </div>\n  </Layout>\n);\n\nexport default faq;\n"],"names":["Accordion","content","children","ref","useRef","shown","setShown","useState","captureHeight","current","style","height","clientHeight","clearHeight","isOpen","setOpen","className","onClick","title","xmlns","fill","viewBox","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","show","enter","enterFrom","beforeEnter","afterEnter","leave","leaveTo","beforeLeave","afterLeave","asHtml","dangerouslySetInnerHTML","__html","text","JoinNewsLetterButton","href","PageTitle","subtitle","PageSubTitle","color","qas","q","a","type","JSON","stringify","mainEntity","map","it","name","acceptedAnswer","key"],"sourceRoot":""}