{"version":3,"file":"static/js/731.31565186.chunk.js","mappings":"4NAqDA,EAhDmB,WACjB,OACEA,EAAAA,EAAAA,MAAA,OAAKC,UAAU,uFAAsFC,SAAA,EACnGC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,kBAAiBC,UAC9BF,EAAAA,EAAAA,MAAA,MAAIC,UAAU,yDAAwDC,SAAA,CAAC,kBACvDC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,yBAAwBC,SAAC,YAAe,IAAI,mCAK9EC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,4CAA2CC,UACxDF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,oDAAmDC,SAAA,EAChEC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,8DAA6DC,UAC1EC,EAAAA,EAAAA,KAAA,OAAKC,IAAI,IAAIC,IAAKC,OAGpBH,EAAAA,EAAAA,KAAA,OAAKF,UAAU,8CAA6CC,UAC1DC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,wDAAuDC,UACpEF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,0GAAyGC,SAAA,EACtHF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,2EAA0EC,SAAA,EACvFC,EAAAA,EAAAA,KAAA,MAAIF,UAAU,gBAAeC,SAAC,oBAC9BC,EAAAA,EAAAA,KAAA,MAAIF,UAAU,wCAEhBE,EAAAA,EAAAA,KAAA,OAAKF,UAAU,2BAA0BC,UACvCC,EAAAA,EAAAA,KAAA,KAAGF,UAAU,sFAAqFC,SAAC,yqBAsBrH,C","sources":["components/FirstQoute.jsx"],"sourcesContent":["import React from \"react\";\r\nimport AR from \"../assets/web4.jpg\";\r\n\r\n\r\n\r\nconst FirstQoute = () => {\r\n  return (\r\n    <div className=\"w-full lg:h-[600px] xl:h-[500px] sm:h-[750px] md:h-[500px] items-center bg-[#131A26]\">\r\n      <div className=\"text-3xl py-5  \">\r\n        <h5 className=\"text-center py-8 px-4 font-semibold mx-auto text-white\">\r\n          Grab the best <span className=\"text-[rgb(93,209,255)]\">\"WebAR\"</span>{\" \"}\r\n          solution for your Business\r\n        </h5>\r\n      </div>\r\n\r\n      <div className=\"container h-full mx-auto mb-10 p-4 md:p-0\">\r\n        <div className=\"shadow-lg  flex flex-wrap w-full lg:w-4/5 mx-auto\">\r\n          <div className=\"bg-cover  bg-bottom w-full md:w-1/3 h-64 md:h-auto relative\">\r\n            <img alt=\"/\" src={AR} />\r\n      \r\n          </div>\r\n          <div className=\"bg-gray-100 lg:bg-[#131A26] w-full md:w-2/3\">\r\n            <div className=\"h-full mx-auto px-6 md:px-0 md:pt-6 md:-ml-6 relative\">\r\n              <div className=\"bg-slate-300 lg:h-full p-6 -mt-6 md:mt-0 relative mb-4 md:mb-0 flex flex-wrap md:flex-wrap items-center\">\r\n                <div className=\"w-full lg:w-1/5 lg:border-right lg:border-solid text-center md:text-left\">\r\n                  <h3 className=\"font-semibold\">What is WebXR?</h3>\r\n                  <hr className=\" md:ml-0 mt-4  border lg:hidden\"></hr>\r\n                </div>\r\n                <div className=\"w-full lg:w-3/5  lg:px-3\">\r\n                  <p className=\"text-md text-gray-600 mt-4 lg:mt-0 text-justify content-center md:text-left text-sm\">\r\n                    Web-based Augmented reality (AR) and Virtual reality (VR) is\r\n                    a simulated interactiv experience of a real-world\r\n                    environment, viewable on any standard iOS or Android device\r\n                    camera. WebVR is an open specification that makes it\r\n                    possible to experience VR in your browser. The goal is to\r\n                    make it easier for everyone to get into VR experiences, no\r\n                    matter what device you have. Vamverse creates interactive\r\n                    VR/AR solutions for your business and allow user to view the\r\n                    contents in their own space with a brand-related experience.\r\n                    It give customers the ability to view products from every\r\n                    angle, zoom in and out, and even try on different outfits\r\n                    with a 360-degree view.\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FirstQoute;\r\n"],"names":["_jsxs","className","children","_jsx","alt","src","AR"],"sourceRoot":""}