{"version":3,"file":"static/chunks/pages/faq-f620d6d092285ff1.js","mappings":"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","sources":["webpack://_N_E/./pages/faq.tsx","webpack://_N_E/./node_modules/@mui/icons-material/esm/KeyboardArrowDown.js","webpack://_N_E/./components/Layout/ContentLayoutFooterNoChartreuse.tsx","webpack://_N_E/?39c6","webpack://_N_E/./node_modules/@mui/icons-material/esm/KeyboardArrowUp.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport Image from \"next/image\";\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport ContentLayoutFooterNoChartreuse from \"../components/Layout/ContentLayoutFooterNoChartreuse\";\n\ninterface FAQItemProps {\n  question: string;\n  answer: React.ReactNode;\n  category: string;\n}\n\nconst FAQItem: React.FC<FAQItemProps> = ({ question, answer }) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const toggleExpanded = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  return (\n    <li className=\"border-b border-gray-300 py-4\">\n      <h2 className=\"flex justify-between items-center text-xl\">\n        {question}\n        {isExpanded ? (\n          <KeyboardArrowDownIcon\n            className=\"cursor-pointer text-gray-400 ml-2\"\n            onClick={toggleExpanded}\n          />\n        ) : (\n          <KeyboardArrowUpIcon\n            className=\"cursor-pointer text-gray-400 ml-2\"\n            onClick={toggleExpanded}\n          />\n        )}\n      </h2>\n      {isExpanded && <p className=\"text-gray-500 text-sm mt-2\">{answer}</p>}\n    </li>\n  );\n};\n\nconst FAQ = () => {\n  const faqItems: FAQItemProps[] = [\n    {\n      question: \"Why should I purchase wall art from Raraity?\",\n      answer:\n        \"Raraity is an AI atelier that translates your creative vision into reality. We use machine learning and artificial intelligence to create custom, high-quality wall art that is unique to your personal space and taste. Our platform offers instant design and quality results, making the process easy and hassle-free.\",\n      category: \"General\",\n    },\n    {\n      question: \"How is Raraity's wall art created?\",\n      answer:\n        \"Raraity's wall art is created using machine learning and artificial intelligence to deliver custom, high-quality designs that are unique to your personal style. Our platform is designed to translate your creative vision into reality, allowing you to create wall art that is truly one-of-a-kind.\",\n      category: \"General\",\n    },\n    {\n      question: \"What materials are used to create Raraity's wall art?\",\n      answer:\n        \"Raraity uses high-quality materials to create our wall art, including premium archival inks and museum-quality paper. Our team works closely with collectors to ensure that the materials used are of the highest quality, and that each piece of wall art is crafted with care and attention to detail.\",\n      category: \"Product Details\",\n    },\n    {\n      question: \"Does Raraity offer custom framing options for its wall art?\",\n      answer:\n        \"Yes, we offer custom framing options for our wall art. Every piece comes printed on archival-grade paper: protected by custom maple frames, Museum Acrylic®, and handcrafted by our team of professionals. Our collectors choose frame color, size, and mounting method. Our solid wood frames are designed to beautifully complement and protect your artwork.\",\n      category: \"Product Details\",\n    },\n    {\n      question: \"Can Raraity's wall art be used for commercial purposes?\",\n      answer:\n        \"Yes, Raraity's wall art can be used for commercial purposes. Please contact us at hi@raraity.com to discuss your specific needs and to arrange for any necessary licensing agreements. We offer competitive pricing and flexible licensing options for our customers.\",\n      category: \"General\",\n    },\n    {\n      question: \"Can I combine multiple gift cards on the same purchase?\",\n      answer:\n        \"We are currently not able to process multiple gift cards on the same transaction. If you would like to multiple gift cards or credits, please reach out to customer service at hi@raraity.com so that we can help you combine your gift cards.\",\n      category: \"General\",\n    },\n    {\n      question: \"What are my mounting options?\",\n      answer: (\n        <ul className=\"list-disc pl-4\">\n          <li>\n            <strong>Full Bleed</strong> | Extends edge-to-edge, showcasing your\n            artwork without borders or matting.\n          </li>\n          <br />\n          <li>\n            <strong>Mat</strong> | Classic framing choice with a single-layer\n            mat border, providing a clean and elegant separation between your\n            artwork and the frame.\n          </li>\n          <br />\n          <li>\n            <strong>Island Mat</strong> | Distinct border that visually\n            separates your artwork from the frame, using a secondary mat layer\n            to create a surrounding island.\n          </li>\n          <br />\n          <li>\n            <strong>Raised Float</strong> | Sophisticated mounting technique\n            that elevates your artwork, giving it a floating appearance within\n            the frame for added depth and dimension.\n          </li>\n        </ul>\n      ),\n      category: \"Product Details\",\n    },\n    {\n      question: \"What are my framing options?\",\n      answer:\n        'Each frame is designed for museum-grade artwork to ensure that your piece is ready for installation and exhibition. The custom, hand-painted maple frame has a 3/4\" face and 1.25\" depth. Our craftsmen finish to your preference of white, black, natural or mahogany.',\n      category: \"Product Details\",\n    },\n    {\n      question: \"What hardware comes with my artwork?\",\n      answer: (\n        <div>\n          <ul className=\"list-disc pl-4\">\n            <li>\n              <strong>Cleat System</strong> | A cleat system is a secure and\n              versatile method for hanging artwork. It consists of two\n              interlocking pieces: a wall-mounted cleat and a corresponding\n              cleat attached to the back of the frame. Cleat systems offer\n              excellent stability and security, ensuring that your artwork\n              remains level and firmly in place.\n            </li>\n            <br />\n            <li>\n              <strong>Wire Hanging</strong> | We attach a sturdy wire across the\n              back of the frame for you to suspend your artwork from and we\n              provide a hook for your wall.\n            </li>\n          </ul>\n          <br />\n          <h2>\n            Ultimately, the choice between a cleat system and wire hanging\n            depends on your personal preferences, the weight and size of the\n            artwork, and the level of stability you desire. If you value a\n            secure and precise installation, with minimal visible hardware, a\n            cleat system might be the better option. However, if you prefer\n            simplicity, adjustability, and are comfortable with wire hanging&apos;s\n            characteristics, that might be the right choice for you.\n          </h2>\n        </div>\n      ),\n      category: \"Product Details\",\n    },\n    {\n      question: \"What are the artwork's dimensions?\",\n      answer: (\n        <div>\n          <h2>\n            All artwork dimensions are a function of the overall size and\n            mounting option chosen. Below are example dimensions for a 10x10&quot;\n            piece:\n          </h2>\n          <br />\n          <Image\n            className=\"w-112\"\n            src=\"https://res.cloudinary.com/dj2nr2jlm/image/upload/c_scale,w_1500/v1683848335/frameddimensions_z8coly.png\"\n            alt=\"\"\n          />\n        </div>\n      ),\n      category: \"Product Details\",\n    },\n    {\n      question: \"What is Museum Acrylic®?\",\n      answer:\n        \"Museum Acrylic®, the preferred choice of the world's top museums, is renowned for its unmatched quality. By virtually eliminating all reflections, it offers a breathtaking, crystal-clear viewing experience that allows every delicate detail of the artwork to shine without any distracting glare. With its advanced technology, scientific formulation, and exceptional features including superior transparency, 99% UV protection, and unparalleled durability, this premium acrylic ensures your fine art is flawlessly showcased, providing permanent protection and preserving its clarity for years to come.\",\n      category: \"Product Details\",\n    },\n  ];\n\n  const groupedFaqItems: Record<string, FAQItemProps[]> = {};\n  faqItems.forEach((item) => {\n    if (!groupedFaqItems[item.category]) {\n      groupedFaqItems[item.category] = [];\n    }\n    groupedFaqItems[item.category].push(item);\n  });\n\n  return (\n    <ContentLayoutFooterNoChartreuse title=\"FAQ\">\n      <div className=\"container m-auto p-4\">\n        <h1 className=\"text-xl mb-8\">Frequently Asked Questions</h1>\n        {Object.entries(groupedFaqItems).map(([category, items]) => (\n          <div key={category} className=\"mb-8\">\n            <h1 className=\"text-lg mb-4\">{category}</h1>\n            <ul>\n              {items.map((item) => (\n                <FAQItem\n                  key={item.question}\n                  question={item.question}\n                  answer={item.answer}\n                  category={item.category}\n                />\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n    </ContentLayoutFooterNoChartreuse>\n  );\n};\n\nexport default FAQ;\n\nexport async function getStaticProps() {\n  return {\n    props: { page: \"FAQ\" },\n  };\n}\n","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\n}), 'KeyboardArrowDown');","import React from \"react\";\nimport dynamic from \"next/dynamic\";\n\nconst Header = dynamic(() => import(\"./Header\"));\nconst Footer = dynamic(() => import(\"./Footer\"));\n\ntype ContentLayoutProps = {\n  children: React.ReactNode;\n  title: string;\n};\n\nfunction ContentLayoutFooterNoChartreuse({\n  children,\n  title,\n}: ContentLayoutProps) {\n  return (\n    <>\n      <Header title={title} />\n      <div className=\"min-h-[calc(100vh-64px)]\">{children}</div>\n      <Footer />\n    </>\n  );\n}\n\nexport default ContentLayoutFooterNoChartreuse;\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/faq\",\n      function () {\n        return require(\"private-next-pages/faq.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/faq\"])\n      });\n    }\n  ","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\n}), 'KeyboardArrowUp');"],"names":["FAQItem","question","answer","isExpanded","setIsExpanded","useState","toggleExpanded","li","className","h2","KeyboardArrowDownIcon","onClick","KeyboardArrowUpIcon","p","faqItems","FAQ","category","ul","strong","br","div","Image","src","alt","groupedFaqItems","forEach","item","push","ContentLayoutFooterNoChartreuse","title","h1","Object","entries","map","items","createSvgIcon","_jsx","d","Header","dynamic","Footer","children"],"sourceRoot":"","ignoreList":[1,4]}