{"version":3,"sources":["components/Nav.jsx","components/Hero.jsx","components/UseCases.jsx","components/Features.jsx","components/Footer.jsx","pages/Home.jsx","components/PageCTA.jsx","pages/Platform.jsx","pages/UseCases.jsx","pages/Resources.jsx","AppRoutes.jsx","App.js","reportWebVitals.js","index.js"],"names":["Nav","class","to","href","Hero","src","UseCases","width","height","fill","viewBox","xmlns","d","Features","Footer","Home","PageCTA","Platform","type","Resources","AppRoutes","path","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.f4ee9e89.chunk.js","sourcesContent":["import { useState } from 'react';\nimport { Link } from 'react-router-dom';\n\n//import './Nav.css';\n\nconst Nav = () => {\n return(\n <nav class=\"flex items-center justify-between flex-wrap bg-teal-500 p-6\">\n <div class=\"uppercase text-gray-800 dark:text-white font-black text-3xl\">\n <Link to=\"/\">\n MeshyData\n </Link>\n </div>\n <div class=\"block lg:hidden\">\n <button class=\"flex flex-col ml-4\">\n <span class=\"w-6 h-1 bg-gray-800 dark:bg-white mb-1\"></span>\n <span class=\"w-6 h-1 bg-gray-800 dark:bg-white mb-1\"></span>\n <span class=\"w-6 h-1 bg-gray-800 dark:bg-white mb-1\"></span>\n </button>\n </div>\n <div class=\"w-full block flex-grow lg:flex lg:items-center lg:w-auto\">\n <div class=\"lg:flex-grow\"></div>\n <div class=\"ml-4 mr-24 mt-8 text-gray-800 dark:text-white uppercase text-lg\">\n <Link to=\"/pricing\">\n Pricing\n </Link>\n </div>\n <div class=\"ml-4 mt-8\">\n <a href=\"https://app.meshydata.com/\" class=\"uppercase py-2 px-4 rounded-lg border-2 border-transparent bg-gray-600 text-white text-lg hover:bg-gray-700\">\n Login \n </a>\n </div>\n <div class=\"ml-4 mt-8\">\n <a href=\"https://app.meshydata.com/onboarding\" class=\"uppercase py-2 px-4 rounded-lg bg-pink-600 border-2 border-transparent text-white text-lg hover:bg-pink-700\">\n Sign up \n </a>\n </div>\n </div>\n </nav>\n )\n return(\n <div class=\"h-24 sm:h-32 flex items-center z-30 w-full\">\n <div class=\"container mx-auto px-6 flex items-center justify-between\">\n <div class=\"uppercase text-gray-800 dark:text-white font-black text-3xl\">\n <Link to=\"/\">\n MeshyData\n </Link>\n </div>\n <div class=\"font-sen text-gray-800 dark:text-white uppercase text-lg md:flex items-center hidden\">\n <Link to=\"/pricing\" class=\"py-2 px-6 flex\">\n Pricing\n </Link>\n <a href=\"https://app.meshydata.com/\" class=\"ml-10 uppercase py-2 px-4 rounded-lg border-2 border-transparent bg-gray-600 text-white text-lg hover:bg-gray-700\">\n Login \n </a>\n <a href=\"https://app.meshydata.com/onboarding\" class=\"ml-4 uppercase py-2 px-4 rounded-lg bg-pink-600 border-2 border-transparent text-white text-lg hover:bg-pink-700\">\n Sign up \n </a>\n </div>\n </div>\n </div>\n );\n};\nexport default Nav;\n","import './Hero.css';\n\n//const Hero = () => {\nfunction Hero() {\n return (\n <div class=\"bg-white dark:bg-gray-800 flex relative z-20 items-center overflow-hidden\">\n <div class=\"container mx-auto px-6 flex relative py-16\">\n <div class=\"sm:w-2/3 lg:w-2/5 flex flex-col relative z-20\">\n <span class=\"w-20 h-2 bg-gray-800 dark:bg-white mb-12\">\n </span>\n <div class=\"sm:hidden sm:block sm:w-1/3 lg:w-3/5 relative\">\n <img src=\"/images/order_chaosA9_v2.png\" class=\"max-w-lg md:max-w-xl m-auto\"/>\n </div>\n <div class=\"w-80 sm:w-auto\">\n <h1 class=\"font-bebas-neue uppercase text-3xl sm:text-5lg font-black flex flex-col leading-none dark:text-white text-gray-800 mt-12\">\n Your unifying, collaborative\n <span class=\"text-6xl sm:text-8lg\">\n data platform\n </span>\n </h1>\n </div>\n <div class=\"w-80 sm:w-auto\">\n <p class=\"mt-4 text-xl sm:text-xl text-gray-700 dark:text-white\">\n A scalable, serverless, no-config data integration platform unified by your metadata and your trusted collaborators\n </p>\n </div>\n <div class=\"flex mt-8\">\n <a href=\"https://app.meshydata.com/onboarding\" class=\"uppercase py-2 px-4 rounded-lg bg-pink-600 border-2 border-transparent text-white text-lg mr-4 hover:bg-pink-700\">\n Get started\n </a>\n </div>\n </div>\n <div class=\"hidden sm:block sm:w-1/3 lg:w-3/5 relative\">\n <img src=\"/images/order_chaosA9_v2.png\" class=\"max-w-lg md:max-w-xl m-auto\"/>\n </div>\n </div>\n </div>\n );\n};\nexport default Hero;\n","//import './UseCases.css';\n\nconst UseCases = () => {\n return(\n <div class=\"container mt-32 mx-auto px-6 p-6 bg-white dark:bg-gray-800\">\n <div class=\"mb-16 text-center\">\n <h2 class=\"text-base text-indigo-500 font-semibold tracking-wide uppercase\">\n Use Cases \n </h2>\n <p class=\"mt-2 uppercase text-3xl leading-8 font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl\">\n Unify all the data, and<br/> collaborate\n </p>\n </div>\n <div class=\"flex flex-wrap my-12 dark:text-white\">\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n B2B: Enterprise Teams and Domains \n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n Endless tools, so much configuration, managing permissions, deployment, and on and on... <p/><br/> All of which is \"secondary\" work, when what you and your team really want to do is the \"primary\" work of analyzing your data, integrating with partners, automating your systems, experimentally training your models, providing high quality visualizations, etc...<p/><br/> Get back to the enjoyable aspects of data analysis with MeshyData!\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n B2C: Citizen Data Analyst\n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n Anyone can unify and control their own personal data with the power of MeshyData. <p/><br/>Just imagine what you can do with the power of a modern data analytics stack applied to your own data. <p/><br/> Free yourself from legacy apps that have too long held your data captive. Join data from a variety of similar sources to gain new insights. Experiment by creating meta apps on top of your own data.\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n C2C: Internet-scale Data Collaboration\n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n Have you ever thought of an interesting data analysis project, but then felt overwhelmed with what it would take to scrape the web, clean the data, implement the ETL, load the data, perform the analysis, and serve the results (not to mention automating all of that)? <p/><br/> What if you could crowdsource the effort and share these data engineering tasks with tens of thousands of others? <p/><br/> It's now possible - with MeshyData!\n </p>\n </div>\n </div>\n </div>\n );\n};\nexport default UseCases;\n","//import './Features.css';\n\nconst Features = () => {\n return(\n <div class=\"container mt-32 mx-auto px-6 p-6 bg-white dark:bg-gray-800\">\n <div class=\"mb-16 text-center\">\n <h2 class=\"text-base text-indigo-500 font-semibold tracking-wide uppercase\">\n Features\n </h2>\n <p class=\"mt-2 uppercase text-3xl leading-8 font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl\">\n A modern data platform, in your own cloud,<br/> with no config, but also no lock-in \n </p>\n </div>\n <div class=\"flex flex-wrap my-12 dark:text-white\">\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n Unified Metadata Management \n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n Data Privacy First\n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n Modern Data Platform \n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n Commodity Cloud Services \n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n No-Config \n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n No Vendor Lock-in \n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n Serverless\n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n Scalable\n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n <div class=\"w-full md:w-1/2 lg:w-1/3 p-8\">\n <div class=\"flex items-center mb-6\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"h-6 w-6 text-indigo-500\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\">\n </path>\n </svg>\n <div class=\"ml-4 text-xl\">\n Collaborative\n </div>\n </div>\n <p class=\"leading-loose text-gray-500 dark:text-gray-200 text-md\">\n {/*TODO*/}\n </p>\n </div>\n </div>\n </div>\n );\n};\nexport default Features;\n","//import './Footer.css';\n\nconst Footer = () => {\n return(\n <footer class=\"bg-white dark:bg-gray-800 w-full py-8\">\n <div class=\"max-w-screen-xl mx-auto px-4\">\n <div class=\"pt-10 flex max-w-xs mx-auto items-center justify-between\">\n <a href=\"#\" class=\"text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z\">\n </path>\n </svg>\n </a>\n <a href=\"#\" class=\"text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z\">\n </path>\n </svg>\n </a>\n <a href=\"#\" class=\"text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" class=\"text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z\">\n </path>\n </svg>\n </a>\n <a href=\"#\" class=\"text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" class=\"text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200\" viewBox=\"0 0 1792 1792\">\n <path d=\"M896 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 .5-76.5t.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 88.5t.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zm-477 1103q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zm31 34q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zm30 45q9-7 0-19-8-13-17-6-9 5 0 18t17 7zm42 42q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zm57 25q3-11-13-16-15-4-19 7t13 15q15 6 19-6zm63 5q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zm58-10q-2-11-18-9-16 3-14 15t18 8 14-14z\">\n </path>\n </svg>\n </a>\n </div>\n </div>\n {/*\n <div class=\"mt-10 text-center pt-10 sm:pt-22 font-light flex items-center justify-center\">\n <form class=\"flex w-full max-w-sm space-x-3\">\n <div class=\"relative\">\n <input type=\"text\" id=\"form-subscribe-Subscribe\" class=\"rounded-lg border-transparent flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-transparent\" placeholder=\"Email\"/>\n </div>\n <button class=\"flex-shrink-0 px-4 py-2 text-base font-semibold text-white bg-indigo-600 rounded-lg shadow-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-indigo-200\" type=\"submit\">\n Subscribe\n </button>\n </form>\n </div>\n */}\n </footer>\n );\n};\nexport default Footer;\n","//import './Home.css';\nimport Nav from '../components/Nav';\nimport Hero from '../components/Hero';\nimport UseCases from '../components/UseCases';\nimport Features from '../components/Features';\n//import FAQs from '../components/FAQs';\nimport Footer from '../components/Footer';\n\nconst Home = () => {\n return(\n <>\n <Nav/>\n <Hero/>\n <UseCases/>\n <Features/>\n {/*<FAQs/>*/}\n <Footer/>\n </>\n );\n};\nexport default Home;\n","//import './PageCTA.css';\n\nconst PageCTA = () => {\n return(\n <div class=\"bg-white dark:bg-gray-800 \">\n <div class=\"text-center w-full mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 z-20\">\n <h2 class=\"text-3xl font-extrabold text-black dark:text-white sm:text-4xl\">\n <span class=\"block\">\n Ready to be data rich?\n </span>\n <span class=\"block text-indigo-500\">\n value on Day 1\n </span>\n </h2>\n <p class=\"text-xl mt-4 max-w-md mx-auto text-gray-400\">\n Our low-friction onboarding process only takes a few minutes, and then you and your team will have a state of the art data architecture to leverage immediately\n </p>\n <div class=\"lg:mt-0 lg:flex-shrink-0\">\n <div class=\"mt-12 inline-flex rounded-md shadow\">\n <a href=\"https://app.meshydata.com/onboarding\" class=\"uppercase py-2 px-4 rounded-lg bg-pink-600 border-2 border-transparent text-white text-lg mr-4 hover:bg-pink-700\">\n Get started\n </a>\n </div>\n </div>\n </div>\n </div>\n );\n};\nexport default PageCTA;\n","//import './Platform.css';\nimport Nav from '../components/Nav';\nimport PageCTA from '../components/PageCTA';\nimport Footer from '../components/Footer';\n\nconst Platform = () => {\n return(\n <>\n <Nav/>\n <main class=\"bg-white relative overflow-hidden h-screen\">\n <div class=\"bg-white flex relative z-20 items-center\">\n <div class=\"container mx-auto px-6 flex flex-col justify-between items-center relative py-8\">\n <div class=\"flex flex-col\">\n <h1 class=\"font-light w-full uppercase text-center text-4xl sm:text-5xl text-gray-800\">\n The Data Platform for Modern Requirements \n </h1>\n <h2 class=\"font-light max-w-2xl mx-auto w-full text-xl text-gray-500 text-center py-8\">\n DataRich Enterprise gives you the best data experience with all the features you need for unlocking the value of your digital assets. Let us take care of the configuration decisions, while you get back to adding value to your business.\n </h2>\n </div>\n </div>\n </div>\n <section>\n <div class=\"container max-w-7xl mx-auto p-4 sm:p-6 lg:p-8 bg-white\">\n <div class=\"flex flex-wrap -mx-8\">\n <div class=\"w-full lg:w-1/2 px-8\">\n <div class=\"mb-12 lg:mb-0 pb-12 lg:pb-0 border-b lg:border-b-0\">\n <h2 class=\"mb-4 text-3xl lg:text-4xl font-bold font-heading\">\n Sed ac magna sit amet risus tristique interdum, at vel velit in hac habitasse platea dictumst.\n </h2>\n <p class=\"mb-8 leading-loose text-gray-500\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula. Fusce sit amet dui tellus.\n </p>\n <div class=\"w-full md:w-1/3\">\n <button type=\"button\" class=\"py-2 px-4 bg-indigo-600 hover:bg-indigo-700 focus:ring-indigo-500 focus:ring-offset-indigo-200 text-white w-full transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg \">\n Schedule a Demo\n </button>\n </div>\n </div>\n </div>\n <div class=\"w-full lg:w-1/2 px-8\">\n <ul class=\"space-y-12\">\n <li class=\"flex -mx-4\">\n <div class=\"px-4\">\n <span class=\"flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600\">\n 1\n </span>\n </div>\n <div class=\"px-4\">\n <h3 class=\"my-4 text-xl font-semibold\">\n Responsive Elements\n </h3>\n <p class=\"text-gray-500 leading-loose\">\n All elements are responsive and provide the best display in all screen size. It's magic !\n </p>\n </div>\n </li>\n <li class=\"flex -mx-4\">\n <div class=\"px-4\">\n <span class=\"flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600\">\n 2\n </span>\n </div>\n <div class=\"px-4\">\n <h3 class=\"my-4 text-xl font-semibold\">\n Flexible Team\n </h3>\n <p class=\"text-gray-500 leading-loose\">\n Flexibility is the key. All team is available 24/24 and joinable every day on our hotline.\n </p>\n </div>\n </li>\n <li class=\"flex -mx-4\">\n <div class=\"px-4\">\n <span class=\"flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600\">\n 3\n </span>\n </div>\n <div class=\"px-4\">\n <h3 class=\"my-4 text-xl font-semibold\">\n Ecologic Software\n </h3>\n <p class=\"text-gray-500 leading-loose\">\n Our Software are ecologic and responsable. Green is not just a color, it's a way of life.\n </p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </section>\n </main>\n <PageCTA/>\n <Footer/>\n </>\n );\n};\nexport default Platform;\n","//import './UseCases.css';\nimport Nav from '../components/Nav';\nimport PageCTA from '../components/PageCTA';\nimport Footer from '../components/Footer';\n\nconst UseCases = () => {\n return(\n <>\n <Nav/>\n <main class=\"bg-white relative overflow-hidden h-screen\">\n <div class=\"bg-white flex relative z-20 items-center\">\n <div class=\"container mx-auto px-6 flex flex-col justify-between items-center relative py-8\">\n <div class=\"flex flex-col\">\n <h1 class=\"font-light w-full uppercase text-center text-4xl sm:text-5xl text-gray-800\">\n Each Team Member Benefits from DataRich \n </h1>\n <h2 class=\"font-light max-w-2xl mx-auto w-full text-xl text-gray-500 text-center py-8\">\n DataRich Enterprise gives you the best data experience with all the features you need for unlocking the value of your digital assets. Let us take care of the configuration decisions, while you get back to adding value to your business.\n </h2>\n </div>\n </div>\n </div>\n <section>\n <div class=\"container max-w-7xl mx-auto p-4 sm:p-6 lg:p-8 bg-white\">\n <div class=\"flex flex-wrap -mx-8\">\n <div class=\"w-full lg:w-1/2 px-8\">\n <div class=\"mb-12 lg:mb-0 pb-12 lg:pb-0 border-b lg:border-b-0\">\n <h2 class=\"mb-4 text-3xl lg:text-4xl font-bold font-heading\">\n Sed ac magna sit amet risus tristique interdum, at vel velit in hac habitasse platea dictumst.\n </h2>\n <p class=\"mb-8 leading-loose text-gray-500\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula. Fusce sit amet dui tellus.\n </p>\n <div class=\"w-full md:w-1/3\">\n <button type=\"button\" class=\"py-2 px-4 bg-indigo-600 hover:bg-indigo-700 focus:ring-indigo-500 focus:ring-offset-indigo-200 text-white w-full transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg \">\n Schedule a Demo\n </button>\n </div>\n </div>\n </div>\n <div class=\"w-full lg:w-1/2 px-8\">\n <ul class=\"space-y-12\">\n <li class=\"flex -mx-4\">\n <div class=\"px-4\">\n <span class=\"flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600\">\n 1\n </span>\n </div>\n <div class=\"px-4\">\n <h3 class=\"my-4 text-xl font-semibold\">\n Responsive Elements\n </h3>\n <p class=\"text-gray-500 leading-loose\">\n All elements are responsive and provide the best display in all screen size. It's magic !\n </p>\n </div>\n </li>\n <li class=\"flex -mx-4\">\n <div class=\"px-4\">\n <span class=\"flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600\">\n 2\n </span>\n </div>\n <div class=\"px-4\">\n <h3 class=\"my-4 text-xl font-semibold\">\n Flexible Team\n </h3>\n <p class=\"text-gray-500 leading-loose\">\n Flexibility is the key. All team is available 24/24 and joinable every day on our hotline.\n </p>\n </div>\n </li>\n <li class=\"flex -mx-4\">\n <div class=\"px-4\">\n <span class=\"flex w-16 h-16 mx-auto items-center justify-center text-2xl font-bold font-heading rounded-full bg-blue-50 text-blue-600\">\n 3\n </span>\n </div>\n <div class=\"px-4\">\n <h3 class=\"my-4 text-xl font-semibold\">\n Ecologic Software\n </h3>\n <p class=\"text-gray-500 leading-loose\">\n Our Software are ecologic and responsable. Green is not just a color, it's a way of life.\n </p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </section>\n </main>\n <PageCTA/>\n <Footer/>\n </>\n );\n};\nexport default UseCases;\n","//import './Resources.css';\nimport Nav from '../components/Nav';\n\nconst Resources = () => {\n return(\n <Nav/>\n );\n};\nexport default Resources;\n","import {\n BrowserRouter as Router,\n Switch,\n Route\n} from \"react-router-dom\";\nimport Home from './pages/Home';\nimport Platform from './pages/Platform';\nimport UseCases from './pages/UseCases';\nimport Resources from './pages/Resources';\n\nconst AppRoutes = () => {\n return(\n <Router>\n <Switch>\n <Route path=\"/platform\">\n <Platform/>\n </Route>\n <Route path=\"/use-cases\">\n <UseCases/>\n </Route>\n <Route path=\"/resources\">\n <Resources/>\n </Route>\n <Route path=\"*\">\n <Home/>\n </Route>\n </Switch>\n </Router>\n );\n};\nexport default AppRoutes;\n","import './App.css';\nimport AppRoutes from './AppRoutes';\n\nconst App = () => {\n return (\n <html class=\"dark\">\n <body class=\"dark:bg-gray-800 bg-white relative\">\n <AppRoutes/>\n </body>\n </html>\n );\n}\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n <React.StrictMode>\n <App />\n </React.StrictMode>,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}