1 line
166 KiB
JSON
1 line
166 KiB
JSON
|
{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/BlocksDemo.js\";\n\nimport React, { useState } from 'react';\nimport { Button } from 'primereact/button';\nimport { Chip } from 'primereact/chip';\nimport { InputText } from 'primereact/inputtext';\nimport { Checkbox } from 'primereact/checkbox';\nimport BlockViewer from '../BlockViewer';\n\nvar BlocksDemo = function BlocksDemo() {\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n checked = _useState2[0],\n setChecked = _useState2[1];\n\n var block1 = \"\\n<div className=\\\"grid grid-nogutter surface-section text-800\\\">\\n <div className=\\\"col-12 md:col-6 p-6 text-center md:text-left flex align-items-center \\\">\\n <section>\\n <span className=\\\"block text-6xl font-bold mb-1\\\">Create the screens your</span>\\n <div className=\\\"text-6xl text-primary font-bold mb-3\\\">your visitors deserve to see</div>\\n <p className=\\\"mt-0 mb-4 text-700 line-height-3\\\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\\n\\n <Button label=\\\"Learn More\\\" type=\\\"button\\\" className=\\\"mr-3 p-button-raised\\\"></Button>\\n <Button label=\\\"Live Demo\\\" type=\\\"button\\\" className=\\\"p-button-outlined\\\"></Button>\\n </section>\\n </div>\\n <div className=\\\"col-12 md:col-6 overflow-hidden\\\">\\n <img src=\\\"images/blocks/hero/hero-1.png\\\" alt=\\\"hero-1\\\" className=\\\"md:ml-auto block md:h-full\\\" style={{ clipPath: 'polygon(8% 0, 100% 0%, 100% 100%, 0 100%)' }} />\\n </div>\\n</div>\\n \";\n var block2 = \"\\n<div className=\\\"surface-section px-4 py-8 md:px-6 lg:px-8 text-center\\\">\\n <div className=\\\"mb-3 font-bold text-2xl\\\">\\n <span className=\\\"text-900\\\">One Product, </span>\\n <span className=\\\"text-blue-600\\\">Many Solutions</span>\\n </div>\\n <div className=\\\"text-700 text-sm mb-6\\\">Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.</div>\\n <div className=\\\"grid\\\">\\n <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n <i className=\\\"pi pi-desktop text-4xl text-blue-500\\\"></i>\\n </span>\\n <div className=\\\"text-900 mb-3 font-medium\\\">Built for Developers</div>\\n <span className=\\\"text-700 text-sm line-height-3\\\">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span>\\n </div>\\n <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n <i className=\\\"pi pi-lock text-4xl text-blue-500\\\"></i>\\n </span>\\n <div className=\\\"text-900 mb-3 font-medium\\\">End-to-End Encryption</div>\\n <span className=\\\"text-700 text-sm line-height-3\\\">Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis.</span>\\n </div>\\n <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n <i className=\\\"pi pi-check-circle text-4xl text-blue-500\\\"></i>\\n </span>\\n <div className=\\\"text-900 mb-3 font-medium\\\">Easy to Use</div>\\n <span className=\\\"text-700 text-sm line-height-3\\\">Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincid
|