[ { "path": ".github/FUNDING.yml", "content": "patreon: mertcukuren\n" }, { "path": ".gitignore", "content": "node_modules\nyarn.lock\nbuild\n" }, { "path": "CNAME", "content": "tailblocks.cc" }, { "path": "LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) 2020 Mert Cukuren\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n" }, { "path": "README.md", "content": "# Tailblocks\n### Ready-to-use Tailwind CSS blocks\n##### Features\n\n* 60+ Blocks\n* Responsive\n* Dark Mode Support\n* Color Variations\n\n## How to use this project\n\n[![tailblocks](https://github.com/mertjf/tailblocks/blob/master/public/preview.gif)](https://tailblocks.cc)\n\nThis project provides multiple blocks built using [Tailwind\nCSS](https://tailwindcss.com/) that you can use in your own projects. This\nproject is not a dependency that you add to your project, but instead provides\nyou with HTML that you can easily copy and paste into your own project.\n\nTo use the project:\n\n1. Go to the [Tailblocks](https://tailblocks.cc)\n1. Select a block that you would like to use.\n1. Choose a color from the color palette for the block you selected.\n1. Select whether you would like to use light or dark mode with the dark/light toggle button.\n1. Click the \"View Code\" button.\n1. Copy/paste into your project.\n1. 🎉\n\n\n## License\n\nCode copyright 2020 Mert Cukuren. Code released under [the MIT license](https://github.com/mertjf/tailblocks/blob/master/LICENSE).\n" }, { "path": "package.json", "content": "{\n \"name\": \"tailblocks\",\n \"homepage\": \"https://tailblocks.cc\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"dependencies\": {\n \"@testing-library/jest-dom\": \"^4.2.4\",\n \"@testing-library/react\": \"^9.3.2\",\n \"@testing-library/user-event\": \"^7.1.2\",\n \"html2jade\": \"^0.8.6\",\n \"react\": \"^16.12.0\",\n \"react-dom\": \"^16.12.0\",\n \"react-frame-component\": \"^4.1.1\",\n \"react-scripts\": \"3.4.0\",\n \"react-syntax-highlighter\": \"^12.2.1\"\n },\n \"scripts\": {\n \"start\": \"react-scripts start\",\n \"build\": \"react-scripts build\",\n \"test\": \"react-scripts test\",\n \"eject\": \"react-scripts eject\",\n \"predeploy\": \"yarn build\",\n \"deploy\": \"gh-pages -d build\"\n },\n \"eslintConfig\": {\n \"extends\": \"react-app\"\n },\n \"browserslist\": {\n \"production\": [\n \">0.2%\",\n \"not dead\",\n \"not op_mini all\"\n ],\n \"development\": [\n \"last 1 chrome version\",\n \"last 1 firefox version\",\n \"last 1 safari version\"\n ]\n },\n \"devDependencies\": {\n \"gh-pages\": \"^2.2.0\"\n }\n}\n" }, { "path": "public/ads.txt", "content": "google.com, pub-7764280421704625, DIRECT, f08c47fec0942fa0\n" }, { "path": "public/index.html", "content": "\n\n \n \n \n \n \n \n \n \n \n \n Tailblocks — Ready-to-use Tailwind CSS blocks\n \n \n \n
\n \n \n\n" }, { "path": "public/manifest.json", "content": "{\n \"short_name\": \"React App\",\n \"name\": \"Create React App Sample\",\n \"icons\": [\n {\n \"src\": \"favicon.ico\",\n \"sizes\": \"64x64 32x32 24x24 16x16\",\n \"type\": \"image/x-icon\"\n },\n {\n \"src\": \"logo192.png\",\n \"type\": \"image/png\",\n \"sizes\": \"192x192\"\n },\n {\n \"src\": \"logo512.png\",\n \"type\": \"image/png\",\n \"sizes\": \"512x512\"\n }\n ],\n \"start_url\": \".\",\n \"display\": \"standalone\",\n \"theme_color\": \"#000000\",\n \"background_color\": \"#ffffff\"\n}\n" }, { "path": "public/robots.txt", "content": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\n" }, { "path": "src/App.js", "content": "import React, { Component } from 'react';\nimport Frame from 'react-frame-component';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { vs2015, docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport getBlock from './blocks';\nimport getIcons from './icons';\n\nconst iconList = getIcons();\nconst blockListArr = [];\n\nObject.entries(iconList).forEach(([type, icons]) => {\n Object.keys(icons).map(name => blockListArr.push(`${name},${type}`));\n});\n\nconst themeList = [\"indigo\", \"yellow\", \"red\", \"purple\", \"pink\", \"blue\", \"green\"];\n\nconst desktopIcon = (\n \n \n \n \n);\n\nconst phoneIcon = (\n \n \n \n \n);\n\nconst tabletIcon = (\n \n \n \n \n);\n\nconst clipboardIcon = (\n \n \n \n \n);\n\nconst viewList = [\n {\n icon: desktopIcon,\n name: 'desktop'\n },\n {\n icon: tabletIcon,\n name: 'tablet'\n },\n {\n icon: phoneIcon,\n name: 'phone'\n }\n]\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n ready: false,\n darkMode: false,\n copied: false,\n sidebar: true,\n codeView: false,\n currentKeyCode: null,\n view: 'desktop',\n theme: 'indigo',\n blockType: 'Blog',\n blockName: 'BlogA',\n markup: ''\n }\n \n this.changeMode = this.changeMode.bind(this);\n this.changeTheme = this.changeTheme.bind(this);\n this.changeBlock = this.changeBlock.bind(this);\n this.handleContentDidMount = this.handleContentDidMount.bind(this);\n this.changeView = this.changeView.bind(this);\n this.toggleSidebar = this.toggleSidebar.bind(this);\n this.toggleView = this.toggleView.bind(this);\n this.copyToClipboard = this.copyToClipboard.bind(this);\n this.keyboardNavigation = this.keyboardNavigation.bind(this);\n this.markupRef = React.createRef();\n this.textareaRef = React.createRef();\n this.sidebarRef = React.createRef();\n this.openerRef = React.createRef();\n }\n\n componentDidMount() {\n document.addEventListener('keydown', this.keyboardNavigation);\n }\n\n hideSidebar() {\n const sidebar = this.sidebarRef.current;\n const opener = this.openerRef.current;\n\n document.addEventListener('click', (e) => {\n if (e.target === opener) {\n return;\n }\n\n if ((!e.target === sidebar || !sidebar.contains(e.target))) {\n this.setState({ sidebar: false });\n }\n });\n }\n\n keyboardNavigation(e) {\n const { blockType, blockName } = this.state;\n const blockStringFormat = `${blockName},${blockType}`;\n const keyCode = e.which || e.keyCode;\n\n switch (keyCode) {\n case 40: // Down\n e.preventDefault();\n blockListArr.forEach((block, index) => {\n if (block === blockStringFormat) {\n const newActiveBlock = index + 1 <= blockListArr.length - 1 ? blockListArr[index + 1].split(',') : blockListArr[0].split(',');\n const newBlockName = newActiveBlock[0];\n const newBlockType = newActiveBlock[1];\n const newBlockNode = document.querySelector(`.block-item[block-name=\"${newBlockName}\"]`);\n if (newBlockNode) newBlockNode.focus();\n this.setState({\n blockType: newBlockType,\n blockName: newBlockName,\n codeView: false,\n currentKeyCode: 40\n });\n }\n });\n break;\n case 37: // Left\n e.preventDefault();\n this.setState({ sidebar: false, currentKeyCode: 37 });\n break;\n case 39: // Right\n e.preventDefault();\n this.setState({ sidebar: true, currentKeyCode: 39 });\n break; \n case 38: // Up\n e.preventDefault();\n blockListArr.forEach((block, index) => {\n if (block === blockStringFormat) {\n const newActiveBlock = index - 1 >= 0 ? blockListArr[index - 1].split(',') : blockListArr[blockListArr.length - 1].split(',');\n const newBlockName = newActiveBlock[0];\n const newBlockType = newActiveBlock[1];\n const newBlockNode = document.querySelector(`.block-item[block-name=\"${newBlockName}\"]`);\n if (newBlockNode) newBlockNode.focus();\n\n this.setState({\n blockType: newBlockType,\n blockName: newBlockName,\n codeView: false,\n currentKeyCode: 38\n });\n }\n });\n break;\n default:\n return;\n }\n\n setTimeout(() => {\n if (keyCode === 37 || keyCode === 38 || keyCode === 39 || keyCode === 40) {\n this.setState({ currentKeyCode: null })\n }\n }, 200);\n }\n\n changeMode() {\n this.setState({ darkMode: !this.state.darkMode })\n }\n\n handleContentDidMount() {\n const iframe = document.querySelector('iframe');\n iframe.contentWindow.document.addEventListener('keydown', this.keyboardNavigation);\n iframe.contentWindow.document.addEventListener('click', () => this.setState({ sidebar: false }));\n\n setTimeout(() => {\n this.setState({\n ready: true,\n markup: this.markupRef.current.innerHTML\n })\n }, 400);\n }\n\n beautifyHTML(codeStr) {\n const process = (str) => {\n let div = document.createElement('div');\n div.innerHTML = str.trim();\n return format(div, 0).innerHTML.trim();\n }\n \n const format = (node, level) => {\n let indentBefore = new Array(level++ + 1).join(' '),\n indentAfter = new Array(level - 1).join(' '),\n textNode;\n \n for (let i = 0; i < node.children.length; i++) {\n textNode = document.createTextNode('\\n' + indentBefore);\n node.insertBefore(textNode, node.children[i]);\n \n format(node.children[i], level);\n \n if (node.lastElementChild === node.children[i]) {\n textNode = document.createTextNode('\\n' + indentAfter);\n node.appendChild(textNode);\n }\n }\n\n return node;\n }\n return process(codeStr);\n }\n\n changeBlock(e) {\n const { currentTarget } = e;\n const blockType = currentTarget.getAttribute('block-type');\n const blockName = currentTarget.getAttribute('block-name');\n this.setState({\n blockType, blockName,\n codeView: false\n });\n }\n\n changeTheme(e) {\n const { currentTarget } = e;\n const theme = currentTarget.getAttribute('data-theme');\n this.setState({ theme });\n }\n\n changeView(e) {\n const { currentTarget } = e;\n const view = currentTarget.getAttribute('data-view');\n this.setState({ view, codeView: false });\n }\n\n toggleView() {\n this.setState({ codeView: !this.state.codeView, view: 'desktop', markup: this.markupRef.current.innerHTML })\n }\n\n themeListRenderer() {\n const { theme } = this.state;\n return themeList.map((t, k) => \n \n )\n }\n\n listRenderer() {\n const { blockName } = this.state;\n return Object.entries(iconList).map(([type, icons]) => \n
\n
{type}
\n
\n {Object.entries(icons).map(icon => )}\n
\n
\n );\n }\n\n viewModeRenderer() {\n const { view } = this.state;\n return viewList.map((v, k) => );\n }\n\n toggleSidebar() {\n this.setState({ sidebar: !this.state.sidebar });\n }\n\n copyToClipboard() {\n const code = this.beautifyHTML(this.state.markup);\n var input = document.createElement('textarea');\n input.innerHTML = code;\n document.body.appendChild(input);\n input.select();\n document.execCommand('copy');\n document.body.removeChild(input);\n this.setState({copied: true});\n setTimeout(() => {\n this.setState({\n copied: false\n })\n }, 2000);\n}\n\n render() {\n const { darkMode, theme, blockName, blockType, sidebar, view, copied, currentKeyCode } = this.state;\n return (\n
\n \n
\n \n

\n Chicharrones blog helvetica normcore iceland tousled brook viral\n artisan.\n

\n \n \n \n );\n}\n\nDarkContactA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContactA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContactA;\n" }, { "path": "src/blocks/contact/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContactB(props) {\n return (\n
\n
\n
\n \n
\n
\n

\n ADDRESS\n

\n

\n Photo booth tattooed prism, portland taiyaki hoodie neutra\n typewriter\n

\n
\n
\n

\n EMAIL\n

\n \n example@email.com\n \n

\n PHONE\n

\n

123-456-7890

\n
\n
\n
\n
\n

\n Feedback\n

\n

\n Post-ironic portland shabby chic echo park, banjo fashion axe\n

\n
\n \n Name\n \n \n
\n
\n \n Email\n \n \n
\n
\n \n Message\n \n \n
\n \n

\n Chicharrones blog helvetica normcore iceland tousled brook viral\n artisan.\n

\n
\n
\n
\n );\n}\n\nDarkContactB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContactB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContactB;\n" }, { "path": "src/blocks/contact/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContactC(props) {\n return (\n
\n
\n
\n

\n Contact Us\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify.\n

\n
\n
\n
\n
\n
\n \n Name\n \n \n
\n
\n
\n
\n \n Email\n \n \n
\n
\n
\n
\n \n Message\n \n \n
\n
\n
\n \n
\n
\n example@email.com\n

\n 49 Smith St.
Saint Cloud, MN 56301\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nDarkContactC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContactC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContactC;\n" }, { "path": "src/blocks/contact/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContactA(props) {\n return (\n
\n
\n \n
\n
\n
\n

\n Feedback\n

\n

\n Post-ironic portland shabby chic echo park, banjo fashion axe\n

\n
\n \n Email\n \n \n
\n
\n \n Message\n \n \n
\n \n

\n Chicharrones blog helvetica normcore iceland tousled brook viral\n artisan.\n

\n
\n
\n
\n );\n}\n\nLightContactA.defaultProps = {\n theme: 'indigo'\n};\n\nLightContactA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContactA;\n" }, { "path": "src/blocks/contact/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContactB(props) {\n return (\n
\n
\n
\n \n
\n
\n

\n ADDRESS\n

\n

\n Photo booth tattooed prism, portland taiyaki hoodie neutra\n typewriter\n

\n
\n
\n

\n EMAIL\n

\n \n example@email.com\n \n

\n PHONE\n

\n

123-456-7890

\n
\n
\n
\n
\n

\n Feedback\n

\n

\n Post-ironic portland shabby chic echo park, banjo fashion axe\n

\n
\n \n Name\n \n \n
\n
\n \n Email\n \n \n
\n
\n \n Message\n \n \n
\n \n

\n Chicharrones blog helvetica normcore iceland tousled brook viral\n artisan.\n

\n
\n
\n
\n );\n}\n\nLightContactB.defaultProps = {\n theme: 'indigo'\n};\n\nLightContactB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContactB;\n" }, { "path": "src/blocks/contact/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContactC(props) {\n return (\n
\n
\n
\n

\n Contact Us\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify.\n

\n
\n
\n
\n
\n
\n \n Name\n \n \n
\n
\n
\n
\n \n Email\n \n \n
\n
\n
\n
\n \n Message\n \n \n
\n
\n
\n \n
\n
\n example@email.com\n

\n 49 Smith St.
Saint Cloud, MN 56301\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nLightContactC.defaultProps = {\n theme: 'indigo'\n};\n\nLightContactC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContactC;\n" }, { "path": "src/blocks/content/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentA(props) {\n return (\n
\n
\n
\n

\n ROOF PARTY POLAROID\n

\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n

\n Shooting Stars\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n Melanchole\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n \n
\n
\n );\n}\n\nDarkContentA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentA;\n" }, { "path": "src/blocks/content/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentB(props) {\n return (\n
\n
\n
\n
\n

\n Pitchfork Kickstarter Taxidermy\n

\n
\n
\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n Chichen Itza\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n Colosseum Roma\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n Great Pyramid of Giza\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n San Francisco\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n
\n );\n}\n\nDarkContentB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentB;\n" }, { "path": "src/blocks/content/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentC(props) {\n return (\n
\n
\n
\n

\n Pitchfork Kickstarter Taxidermy\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Shooting Stars\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n \n \n
\n

\n The Catalyzer\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n \n
\n

\n Neptune\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Melanchole\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Bunker\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Ramona Falls\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n \n
\n
\n );\n}\n\nDarkContentC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentC;\n" }, { "path": "src/blocks/content/dark/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentD(props) {\n return (\n
\n
\n
\n

\n Pitchfork Kickstarter Taxidermy\n

\n

\n Locavore cardigan small batch roof party blue bottle blog meggings\n sartorial jean shorts kickstarter migas sriracha church-key synth\n succulents. Actually taiyaki neutra, distillery gastropub pok pok\n ugh.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n CATEGORIES\n

\n \n
\n
\n
\n );\n}\n\nDarkContentD.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentD;\n" }, { "path": "src/blocks/content/dark/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentE(props) {\n return (\n
\n
\n

\n Kickstarter Actually Pinterest Brunch Bitters Occupy\n

\n
\n

\n Taxidermy bushwick celiac master cleanse microdosing seitan. Fashion\n axe four dollar toast truffaut, direct trade kombucha brunch\n williamsburg keffiyeh gastropub tousled squid meh taiyaki drinking\n vinegar tacos.\n

\n
\n \n \n Learn More\n \n \n \n \n
\n
\n
\n
\n );\n}\n\nDarkContentE.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentE;\n" }, { "path": "src/blocks/content/dark/f.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentF(props) {\n return (\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Phoebe Caulfield\n

\n
\n

\n Raclette knausgaard hella meggs normcore williamsburg enamel\n pin sartorial venmo tbh hot chicken gentrify portland.\n

\n
\n
\n
\n

\n Meggings portland fingerstache lyft, post-ironic fixie man bun\n banh mi umami everyday carry hexagon locavore direct trade art\n party. Locavore small batch listicle gastropub farm-to-table\n lumbersexual salvia messenger bag. Coloring book flannel\n truffaut craft beer drinking vinegar sartorial, disrupt fashion\n axe normcore meh butcher. Portland 90's scenester\n vexillologist forage post-ironic asymmetrical, chartreuse\n disrupt butcher paleo intelligentsia pabst before they sold out\n four loko. 3 wolf moon brooklyn.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nDarkContentF.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentF.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentF;\n" }, { "path": "src/blocks/content/dark/g.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentG(props) {\n return (\n
\n
\n
\n
\n
\n \n
\n

\n Buy YouTube Videos\n

\n

\n Williamsburg occupy sustainable snackwave gochujang. Pinterest\n cornhole brunch, slow-carb neutra irony.\n

\n \n
\n
\n
\n \n
\n

\n The Catalyzer\n

\n

\n Williamsburg occupy sustainable snackwave gochujang. Pinterest\n cornhole brunch, slow-carb neutra irony.\n

\n \n
\n
\n
\n
\n );\n}\n\nDarkContentG.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentG.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentG;\n" }, { "path": "src/blocks/content/dark/h.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkContentH(props) {\n return (\n
\n
\n
\n
\n
\n
\n
\n

\n Space The Final Frontier\n

\n

\n Street art subway tile salvia four dollar toast bitters selfies\n quinoa yuccie synth meditation iPhone intelligentsia prism tofu.\n Viral gochujang bitters dreamcatcher.\n

\n
\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Swag shoindxgoitch literally meditation subway tile tumblr\n cold-pressed. Gastropub street art beard dreamcatcher neutra,\n ethical XOXO lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n \n
\n

\n The Catalyzer\n

\n

\n Swag shoindxigoitch literally meditation subway tile tumblr\n cold-pressed. Gastropub street art beard dreamcatcher neutra,\n ethical XOXO lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n \n
\n

\n The 400 Blows\n

\n

\n Swag shoindegoitch literally meditation subway tile tumblr\n cold-pressed. Gastropub street art beard dreamcatcher neutra,\n ethical XOXO lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n );\n}\n\nDarkContentH.defaultProps = {\n theme: 'indigo'\n};\n\nDarkContentH.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkContentH;\n" }, { "path": "src/blocks/content/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentA(props) {\n return (\n
\n
\n
\n

\n ROOF PARTY POLAROID\n

\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n

\n Shooting Stars\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n Melanchole\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n \n Learn More\n \n \n \n \n
\n
\n \n
\n
\n );\n}\n\nLightContentA.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentA;\n" }, { "path": "src/blocks/content/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentB(props) {\n return (\n
\n
\n
\n
\n

\n Pitchfork Kickstarter Taxidermy\n

\n
\n
\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n Chichen Itza\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n Colosseum Roma\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n Great Pyramid of Giza\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n \n

\n SUBTITLE\n

\n

\n San Francisco\n

\n

\n Fingerstache flexitarian street art 8-bit waistcoat. Distillery\n hexagon disrupt edison bulbche.\n

\n
\n
\n
\n
\n
\n );\n}\n\nLightContentB.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentB;\n" }, { "path": "src/blocks/content/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentC(props) {\n return (\n
\n
\n
\n

\n Pitchfork Kickstarter Taxidermy\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Shooting Stars\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n \n \n
\n

\n The Catalyzer\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n \n
\n

\n Neptune\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Melanchole\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Bunker\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Ramona Falls\n

\n

\n Fingerstache flexitarian street art 8-bit waist co, subway tile\n poke farm.\n

\n
\n
\n
\n \n
\n
\n );\n}\n\nLightContentC.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentC;\n" }, { "path": "src/blocks/content/light/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentD(props) {\n return (\n
\n
\n
\n

\n Pitchfork Kickstarter Taxidermy\n

\n

\n Locavore cardigan small batch roof party blue bottle blog meggings\n sartorial jean shorts kickstarter migas sriracha church-key synth\n succulents. Actually taiyaki neutra, distillery gastropub pok pok\n ugh.\n

\n \n Learn More\n \n \n \n \n
\n
\n

\n CATEGORIES\n

\n \n
\n
\n
\n );\n}\n\nLightContentD.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentD;\n" }, { "path": "src/blocks/content/light/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentE(props) {\n return (\n
\n
\n

\n Kickstarter Actually Pinterest Brunch Bitters Occupy\n

\n
\n

\n Taxidermy bushwick celiac master cleanse microdosing seitan. Fashion\n axe four dollar toast truffaut, direct trade kombucha brunch\n williamsburg keffiyeh gastropub tousled squid meh taiyaki drinking\n vinegar tacos.\n

\n
\n \n \n Learn More\n \n \n \n \n
\n
\n
\n
\n );\n}\n\nLightContentE.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentE;\n" }, { "path": "src/blocks/content/light/f.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentF(props) {\n return (\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Phoebe Caulfield\n

\n
\n

\n Raclette knausgaard hella meggs normcore williamsburg enamel\n pin sartorial venmo tbh hot chicken gentrify portland.\n

\n
\n
\n
\n

\n Meggings portland fingerstache lyft, post-ironic fixie man bun\n banh mi umami everyday carry hexagon locavore direct trade art\n party. Locavore small batch listicle gastropub farm-to-table\n lumbersexual salvia messenger bag. Coloring book flannel\n truffaut craft beer drinking vinegar sartorial, disrupt fashion\n axe normcore meh butcher. Portland 90's scenester\n vexillologist forage post-ironic asymmetrical, chartreuse\n disrupt butcher paleo intelligentsia pabst before they sold out\n four loko. 3 wolf moon brooklyn.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nLightContentF.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentF.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentF;\n" }, { "path": "src/blocks/content/light/g.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentG(props) {\n return (\n
\n
\n
\n
\n
\n \n
\n

\n Buy YouTube Videos\n

\n

\n Williamsburg occupy sustainable snackwave gochujang. Pinterest\n cornhole brunch, slow-carb neutra irony.\n

\n \n
\n
\n
\n \n
\n

\n The Catalyzer\n

\n

\n Williamsburg occupy sustainable snackwave gochujang. Pinterest\n cornhole brunch, slow-carb neutra irony.\n

\n \n
\n
\n
\n
\n );\n}\n\nLightContentG.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentG.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentG;\n" }, { "path": "src/blocks/content/light/h.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightContentH(props) {\n return (\n
\n
\n
\n
\n
\n
\n
\n

\n Space The Final Frontier\n

\n

\n Street art subway tile salvia four dollar toast bitters selfies\n quinoa yuccie synth meditation iPhone intelligentsia prism tofu.\n Viral gochujang bitters dreamcatcher.\n

\n
\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Swag shoivdigoitch literally meditation subway tile tumblr\n cold-pressed. Gastropub street art beard dreamcatcher neutra,\n ethical XOXO lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n \n
\n

\n The Catalyzer\n

\n

\n Swag shoivdigoitch literally meditation subway tile tumblr\n cold-pressed. Gastropub street art beard dreamcatcher neutra,\n ethical XOXO lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n \n
\n

\n The 400 Blows\n

\n

\n Swag shoivdigoitch literally meditation subway tile tumblr\n cold-pressed. Gastropub street art beard dreamcatcher neutra,\n ethical XOXO lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n );\n}\n\nLightContentH.defaultProps = {\n theme: 'indigo'\n};\n\nLightContentH.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightContentH;\n" }, { "path": "src/blocks/cta/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkCTAA(props) {\n return (\n
\n
\n
\n

\n Slow-carb next level shoinddgoitch ethical authentic, scenester\n sriracha forage.\n

\n \n
\n
\n
\n );\n}\n\nDarkCTAA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkCTAA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkCTAA;\n" }, { "path": "src/blocks/cta/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkCTAB(props) {\n return (\n
\n
\n
\n

\n Slow-carb next level shoindxgoitch ethical authentic, poko scenester\n

\n

\n Poke slow-carb mixtape knausgaard, typewriter street art gentrify\n hammock starladder roathse. Craies vegan tousled etsy austin.\n

\n
\n
\n

\n Sign Up\n

\n
\n \n Full Name\n \n \n
\n
\n \n Email\n \n \n
\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n );\n}\n\nDarkCTAB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkCTAB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkCTAB;\n" }, { "path": "src/blocks/cta/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkCTAC(props) {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep.\n

\n
\n
\n
\n \n Full Name\n \n \n
\n
\n \n Email\n \n \n
\n \n
\n
\n
\n );\n}\n\nDarkCTAC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkCTAC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkCTAC;\n" }, { "path": "src/blocks/cta/dark/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkCTAD(props) {\n return (\n
\n
\n
\n

\n ROOF PARTY POLAROID\n

\n

\n Master Cleanse Reliac Heirloom\n

\n
\n
\n \n \n
\n
\n
\n );\n}\n\nDarkCTAD.defaultProps = {\n theme: 'indigo'\n};\n\nDarkCTAD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkCTAD;\n" }, { "path": "src/blocks/cta/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightCTAA(props) {\n return (\n
\n
\n
\n

\n Slow-carb next level shoindxgoitch ethical authentic, scenester\n sriracha forage.\n

\n \n
\n
\n
\n );\n}\n\nLightCTAA.defaultProps = {\n theme: 'indigo'\n};\n\nLightCTAA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightCTAA;\n" }, { "path": "src/blocks/cta/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightCTAB(props) {\n return (\n
\n
\n
\n

\n Slow-carb next level shoindcgoitch ethical authentic, poko scenester\n

\n

\n Poke slow-carb mixtape knausgaard, typewriter street art gentrify\n hammock starladder roathse. Craies vegan tousled etsy austin.\n

\n
\n
\n

\n Sign Up\n

\n
\n \n Full Name\n \n \n
\n
\n \n Email\n \n \n
\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n );\n}\n\nLightCTAB.defaultProps = {\n theme: 'indigo'\n};\n\nLightCTAB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightCTAB;\n" }, { "path": "src/blocks/cta/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightCTAC(props) {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep.\n

\n
\n
\n
\n \n Full Name\n \n \n
\n
\n \n Email\n \n \n
\n \n
\n
\n
\n );\n}\n\nLightCTAC.defaultProps = {\n theme: 'indigo'\n};\n\nLightCTAC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightCTAC;\n" }, { "path": "src/blocks/cta/light/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightCTAD(props) {\n return (\n
\n
\n
\n

\n ROOF PARTY POLAROID\n

\n

\n Master Cleanse Reliac Heirloom\n

\n
\n
\n \n \n
\n
\n
\n );\n}\n\nLightCTAD.defaultProps = {\n theme: 'indigo'\n};\n\nLightCTAD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightCTAD;\n" }, { "path": "src/blocks/ecommerce/dark/a.js", "content": "import React from \"react\";\n\nfunction DarkEcommerceA() {\n return (\n
\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The Catalyzer\n

\n

$16.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Shooting Stars\n

\n

$21.15

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Neptune\n

\n

$12.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The 400 Blows\n

\n

$18.40

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The Catalyzer\n

\n

$16.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Shooting Stars\n

\n

$21.15

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Neptune\n

\n

$12.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The 400 Blows\n

\n

$18.40

\n
\n
\n
\n
\n
\n );\n}\n\nexport default DarkEcommerceA;\n" }, { "path": "src/blocks/ecommerce/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkEcommerceB(props) {\n return (\n
\n
\n
\n \n
\n

\n BRAND NAME\n

\n

\n The Catcher in the Rye\n

\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 4 Reviews\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n

\n Fam locavore kickstarter distillery. Mixtape chillwave tumeric\n sriracha taximy chia microdosing tilde DIY. XOXO fam indxgo\n juiceramps cornhole raw denim forage brooklyn. Everyday carry +1\n seitan poutine tumeric. Gastropub blue bottle austin listicle\n pour-over, neutra jean shorts keytar banjo tattooed umami\n cardigan.\n

\n
\n
\n Color\n \n \n \n
\n
\n Size\n
\n \n \n \n \n \n \n
\n
\n
\n
\n \n $58.00\n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nDarkEcommerceB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkEcommerceB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkEcommerceB;\n" }, { "path": "src/blocks/ecommerce/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkEcommerceC(props) {\n return (\n
\n
\n
\n
\n

\n BRAND NAME\n

\n

\n Animated Night Hill Illustrations\n

\n \n

\n Fam locavore kickstarter distillery. Mixtape chillwave tumeric\n sriracha taximy chia microdosing tilde DIY. XOXO fam iligo\n juiceramps cornhole raw denim forage brooklyn. Everyday carry +1\n seitan poutine tumeric. Gastropub blue bottle austin listicle\n pour-over, neutra jean.\n

\n
\n Color\n Blue\n
\n
\n Size\n Medium\n
\n
\n Quantity\n 4\n
\n
\n \n $58.00\n \n \n \n
\n
\n \n
\n
\n
\n );\n}\n\nDarkEcommerceC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkEcommerceC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkEcommerceC;\n" }, { "path": "src/blocks/ecommerce/light/a.js", "content": "import React from \"react\";\n\nfunction LightEcommerceA() {\n return (\n
\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The Catalyzer\n

\n

$16.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Shooting Stars\n

\n

$21.15

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Neptune\n

\n

$12.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The 400 Blows\n

\n

$18.40

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The Catalyzer\n

\n

$16.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Shooting Stars\n

\n

$21.15

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n Neptune\n

\n

$12.00

\n
\n
\n
\n \n \n \n
\n

\n CATEGORY\n

\n

\n The 400 Blows\n

\n

$18.40

\n
\n
\n
\n
\n
\n );\n}\n\nexport default LightEcommerceA;\n" }, { "path": "src/blocks/ecommerce/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightEcommerceB(props) {\n return (\n
\n
\n
\n \n
\n

\n BRAND NAME\n

\n

\n The Catcher in the Rye\n

\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 4 Reviews\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n

\n Fam locavore kickstarter distillery. Mixtape chillwave tumeric\n sriracha taximy chia microdosing tilde DIY. XOXO fam indxgo\n juiceramps cornhole raw denim forage brooklyn. Everyday carry +1\n seitan poutine tumeric. Gastropub blue bottle austin listicle\n pour-over, neutra jean shorts keytar banjo tattooed umami\n cardigan.\n

\n
\n
\n Color\n \n \n \n
\n
\n Size\n
\n \n \n \n \n \n \n
\n
\n
\n
\n \n $58.00\n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nLightEcommerceB.defaultProps = {\n theme: 'indigo'\n};\n\nLightEcommerceB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightEcommerceB;" }, { "path": "src/blocks/ecommerce/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightEcommerceC(props) {\n return (\n
\n
\n
\n
\n

\n BRAND NAME\n

\n

\n Animated Night Hill Illustrations\n

\n \n

\n Fam locavore kickstarter distillery. Mixtape chillwave tumeric\n sriracha taximy chia microdosing tilde DIY. XOXO fam inxigo\n juiceramps cornhole raw denim forage brooklyn. Everyday carry +1\n seitan poutine tumeric. Gastropub blue bottle austin listicle\n pour-over, neutra jean.\n

\n
\n Color\n Blue\n
\n
\n Size\n Medium\n
\n
\n Quantity\n 4\n
\n
\n \n $58.00\n \n \n \n
\n
\n \n
\n
\n
\n );\n}\n\nLightEcommerceC.defaultProps = {\n theme: 'indigo'\n};\n\nLightEcommerceC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightEcommerceC;\n" }, { "path": "src/blocks/feature/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureA(props) {\n return (\n
\n
\n

\n Raw Denim Heirloom Man Braid
\n Selfies Wayfarers\n

\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard ugh iceland kickstarter tumblr\n live-edge tilde.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard ugh iceland kickstarter tumblr\n live-edge tilde.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard ugh iceland kickstarter tumblr\n live-edge tilde.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nDarkFeatureA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureA;\n" }, { "path": "src/blocks/feature/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureB(props) {\n return (\n
\n
\n
\n

\n Raw Denim Heirloom Man Braid\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi\n pug.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n \n
\n
\n );\n}\n\nDarkFeatureB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureB;\n" }, { "path": "src/blocks/feature/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureC(props) {\n return (\n
\n
\n
\n \n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nDarkFeatureC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureC;\n" }, { "path": "src/blocks/feature/dark/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureD(props) {\n return (\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nDarkFeatureD.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureD;\n" }, { "path": "src/blocks/feature/dark/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureE(props) {\n return (\n
\n
\n
\n

\n ROOF PARTY POLAROID\n

\n

\n Master Cleanse Reliac Heirloom\n

\n
\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Shooting Stars\n

\n
\n
\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n

\n The Catalyzer\n

\n
\n
\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n
\n

\n Neptune\n

\n
\n
\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nDarkFeatureE.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureE;\n" }, { "path": "src/blocks/feature/dark/f.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureF(props) {\n return (\n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n \n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n The 400 Blows\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n \n
\n
\n );\n}\n\nDarkFeatureF.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureF.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureF;\n" }, { "path": "src/blocks/feature/dark/g.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureG(props) {\n return (\n
\n
\n
\n

\n Raw Denim Heirloom Man Braid\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi\n pug.\n

\n
\n
\n
\n
\n \n \n \n \n \n Authentic Cliche Forage\n \n
\n
\n
\n
\n \n \n \n \n \n Kinfolk Chips Snackwave\n \n
\n
\n
\n
\n \n \n \n \n \n Coloring Book Ethical\n \n
\n
\n
\n
\n \n \n \n \n \n Typewriter Polaroid Cray\n \n
\n
\n
\n
\n \n \n \n \n \n Pack Truffaut Blue\n \n
\n
\n
\n
\n \n \n \n \n \n The Catcher In The Rye\n \n
\n
\n
\n \n
\n
\n );\n}\n\nDarkFeatureG.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureG.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureG;\n" }, { "path": "src/blocks/feature/dark/h.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFeatureH(props) {\n return (\n
\n
\n
\n

\n Raw Denim Heirloom Man Braid\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi\n pug.\n

\n
\n
\n \n \n \n \n
\n \n
\n
\n );\n}\n\nDarkFeatureH.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFeatureH.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFeatureH;\n" }, { "path": "src/blocks/feature/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureA(props) {\n return (\n
\n
\n

\n Raw Denim Heirloom Man Braid
\n Selfies Wayfarers\n

\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard ugh iceland kickstarter tumblr\n live-edge tilde.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard ugh iceland kickstarter tumblr\n live-edge tilde.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard ugh iceland kickstarter tumblr\n live-edge tilde.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nLightFeatureA.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureA;\n" }, { "path": "src/blocks/feature/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureB(props) {\n return (\n
\n
\n
\n

\n Raw Denim Heirloom Man Braid\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi\n pug.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing\n banh mi pug VHS try-hard.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n \n
\n
\n );\n}\n\nLightFeatureB.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureB;\n" }, { "path": "src/blocks/feature/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureC(props) {\n return (\n
\n
\n
\n \n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n );\n}\n\nLightFeatureC.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureC;\n" }, { "path": "src/blocks/feature/light/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureD(props) {\n return (\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nLightFeatureD.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureD;\n" }, { "path": "src/blocks/feature/light/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureE(props) {\n return (\n
\n
\n
\n

\n ROOF PARTY POLAROID\n

\n

\n Master Cleanse Reliac Heirloom\n

\n
\n
\n
\n
\n
\n
\n \n \n \n
\n

\n Shooting Stars\n

\n
\n
\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n

\n The Catalyzer\n

\n
\n
\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n
\n

\n Neptune\n

\n
\n
\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nLightFeatureE.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureE;\n" }, { "path": "src/blocks/feature/light/f.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureF(props) {\n return (\n
\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n

\n The Catalyzer\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n \n \n \n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n The 400 Blows\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine.\n

\n \n Learn More\n \n \n \n \n
\n
\n \n
\n
\n );\n}\n\nLightFeatureF.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureF.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureF;\n" }, { "path": "src/blocks/feature/light/g.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureG(props) {\n return (\n
\n
\n
\n

\n Raw Denim Heirloom Man Braid\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi\n pug.\n

\n
\n
\n
\n
\n \n \n \n \n \n Authentic Cliche Forage\n \n
\n
\n
\n
\n \n \n \n \n \n Kinfolk Chips Snackwave\n \n
\n
\n
\n
\n \n \n \n \n \n Coloring Book Ethical\n \n
\n
\n
\n
\n \n \n \n \n \n Typewriter Polaroid Cray\n \n
\n
\n
\n
\n \n \n \n \n Pack Truffaut Blue\n
\n
\n
\n
\n \n \n \n \n \n The Catcher In The Rye\n \n
\n
\n
\n \n
\n
\n );\n}\n\nLightFeatureG.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureG.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureG;\n" }, { "path": "src/blocks/feature/light/h.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFeatureH(props) {\n return (\n
\n
\n
\n

\n Raw Denim Heirloom Man Braid\n

\n

\n Blue bottle crucifix vinyl post-ironic four dollar toast vegan\n taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi\n pug.\n

\n
\n
\n \n \n \n \n
\n \n
\n
\n );\n}\n\nLightFeatureH.defaultProps = {\n theme: 'indigo'\n};\n\nLightFeatureH.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFeatureH;\n" }, { "path": "src/blocks/footer/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFooterA(props) {\n return (\n \n );\n}\n\nDarkFooterA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFooterA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFooterA;\n" }, { "path": "src/blocks/footer/dark/b.js", "content": "\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFooterB(props) {\n return (\n \n );\n}\n\nDarkFooterB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFooterB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFooterB;\n" }, { "path": "src/blocks/footer/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFooterC(props) {\n return (\n \n );\n}\n\nDarkFooterC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFooterC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFooterC;\n" }, { "path": "src/blocks/footer/dark/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFooterD(props) {\n return (\n \n );\n}\n\nDarkFooterD.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFooterD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFooterD;" }, { "path": "src/blocks/footer/dark/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkFooterE(props) {\n return (\n \n );\n}\n\nDarkFooterE.defaultProps = {\n theme: 'indigo'\n};\n\nDarkFooterE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkFooterE;\n" }, { "path": "src/blocks/footer/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFooterA(props) {\n return (\n \n );\n}\n\nLightFooterA.defaultProps = {\n theme: 'indigo'\n};\n\nLightFooterA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFooterA;" }, { "path": "src/blocks/footer/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFooterB(props) {\n return (\n \n );\n}\n\nLightFooterB.defaultProps = {\n theme: 'indigo'\n};\n\nLightFooterB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFooterB;\n" }, { "path": "src/blocks/footer/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFooterC(props) {\n return (\n \n );\n}\n\nLightFooterC.defaultProps = {\n theme: 'indigo'\n};\n\nLightFooterC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFooterC;\n" }, { "path": "src/blocks/footer/light/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFooterD(props) {\n return (\n \n );\n}\n\nLightFooterD.defaultProps = {\n theme: 'indigo'\n};\n\nLightFooterD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFooterD;\n" }, { "path": "src/blocks/footer/light/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightFooterE(props) {\n return (\n \n );\n}\n\nLightFooterE.defaultProps = {\n theme: 'indigo'\n};\n\nLightFooterE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightFooterE;" }, { "path": "src/blocks/gallery/dark/a.js", "content": "import React from \"react\";\n\nfunction DarkGalleryA() {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom.\n

\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n );\n}\n\nexport default DarkGalleryA;\n" }, { "path": "src/blocks/gallery/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkGalleryB(props) {\n return (\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Skateboard +1 mustache fixie paleo lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Skateboard +1 mustache fixie paleo lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Skateboard +1 mustache fixie paleo lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n );\n}\n\nDarkGalleryB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkGalleryB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkGalleryB;\n" }, { "path": "src/blocks/gallery/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkGalleryC(props) {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom.\n

\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Shooting Stars\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n The Catalyzer\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n The 400 Blows\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Neptune\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Holden Caulfield\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Alper Kamu\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n
\n );\n}\n\nDarkGalleryC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkGalleryC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkGalleryC;\n" }, { "path": "src/blocks/gallery/light/a.js", "content": "import React from \"react\";\n\nfunction LightGalleryA() {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom.\n

\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n );\n}\n\nexport default LightGalleryA;\n" }, { "path": "src/blocks/gallery/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightGalleryB(props) {\n return (\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Skateboard +1 mustache fixie paleo lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Skateboard +1 mustache fixie paleo lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Shooting Stars\n

\n

\n Skateboard +1 mustache fixie paleo lumbersexual.\n

\n \n Learn More\n \n \n \n \n
\n
\n
\n
\n
\n
\n
\n );\n}\n\nLightGalleryB.defaultProps = {\n theme: 'indigo'\n};\n\nLightGalleryB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightGalleryB;" }, { "path": "src/blocks/gallery/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightGalleryC(props) {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom.\n

\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Shooting Stars\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n The Catalyzer\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n The 400 Blows\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Neptune\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Holden Caulfield\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n \n
\n

\n THE SUBTITLE\n

\n

\n Alper Kamu\n

\n

\n Photo booth fam kinfolk cold-pressed sriracha leggings\n jianbing microdosing tousled waistcoat.\n

\n
\n
\n
\n
\n
\n
\n );\n}\n\nLightGalleryC.defaultProps = {\n theme: 'indigo'\n};\n\nLightGalleryC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightGalleryC;\n" }, { "path": "src/blocks/header/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeaderA(props) {\n return (\n
\n
\n \n \n \n \n Tailblocks\n \n \n \n
\n
\n );\n}\n\nDarkHeaderA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeaderA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeaderA;\n" }, { "path": "src/blocks/header/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeaderB(props) {\n return (\n
\n
\n \n \n \n \n Tailblocks\n \n \n \n
\n
\n );\n}\n\nDarkHeaderB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeaderB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeaderB;\n" }, { "path": "src/blocks/header/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeaderC(props) {\n return (\n
\n
\n \n \n \n \n \n Tailblocks\n \n
\n \n
\n
\n
\n );\n}\n\nDarkHeaderC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeaderC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeaderC;\n" }, { "path": "src/blocks/header/dark/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeaderD(props) {\n return (\n
\n
\n \n \n \n \n Tailblocks\n \n \n \n
\n
\n );\n}\n\nDarkHeaderD.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeaderD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeaderD;\n" }, { "path": "src/blocks/header/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeaderA(props) {\n return (\n
\n
\n \n \n \n \n Tailblocks\n \n \n \n
\n
\n );\n}\n\nLightHeaderA.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeaderA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeaderA;\n" }, { "path": "src/blocks/header/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeaderB(props) {\n return (\n
\n
\n \n \n \n \n Tailblocks\n \n \n \n
\n
\n );\n}\n\nLightHeaderB.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeaderB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeaderB;\n" }, { "path": "src/blocks/header/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeaderC(props) {\n return (\n
\n
\n \n \n \n \n \n Tailblocks\n \n
\n \n
\n
\n
\n );\n}\n\nLightHeaderC.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeaderC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeaderC;\n" }, { "path": "src/blocks/header/light/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeaderD(props) {\n return (\n
\n
\n \n \n \n \n Tailblocks\n \n \n \n
\n
\n );\n}\n\nLightHeaderD.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeaderD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeaderD;\n" }, { "path": "src/blocks/hero/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeroA(props) {\n return (\n
\n
\n
\n

\n Before they sold out
\n readymade gluten\n

\n

\n Copper mug try-hard pitchfork pour-over freegan heirloom neutra air\n plant cold-pressed tacos poke beard tote bag. Heirloom echo park\n mlkshk tote bag selvage hot chicken authentic tumeric truffaut\n hexagon try-hard chambray.\n

\n
\n \n \n
\n
\n
\n \"hero\"\n
\n
\n
\n );\n}\n\nDarkHeroA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeroA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeroA;\n" }, { "path": "src/blocks/hero/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeroB(props) {\n return (\n
\n
\n \"hero\"\n
\n

\n Microdosing synth tattooed vexillologist\n

\n

\n Meggings kinfolk echo park stumptown DIY, kale chips beard jianbing\n tousled. Chambray dreamcatcher trust fund, kitsch vice godard disrupt\n ramps hexagon mustache umami snackwave tilde chillwave ugh. Pour-over\n meditation PBR&B pickled ennui celiac mlkshk freegan photo booth af\n fingerstache pitchfork.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nDarkHeroB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeroB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeroB;\n" }, { "path": "src/blocks/hero/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeroC(props) {\n return (\n
\n
\n
\n \"hero\"\n
\n
\n

\n Before they sold out
\n readymade gluten\n

\n

\n Copper mug try-hard pitchfork pour-over freegan heirloom neutra air\n plant cold-pressed tacos poke beard tote bag. Heirloom echo park\n mlkshk tote bag selvage hot chicken authentic tumeric truffaut\n hexagon try-hard chambray.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nDarkHeroC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeroC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeroC;\n" }, { "path": "src/blocks/hero/dark/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeroD(props) {\n return (\n
\n
\n
\n

\n Knausgaard typewriter readymade marfa\n

\n

\n Chillwave portland ugh, knausgaard fam polaroid iPhone. Man braid\n swag typewriter affogato, hella selvage wolf narwhal dreamcatcher.\n

\n
\n
\n \n Placeholder\n \n \n
\n \n
\n

\n Neutra shabby chic ramps, viral fixie.\n

\n
\n \n \n
\n
\n
\n \"hero\"\n
\n
\n
\n );\n}\n\nDarkHeroD.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeroD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeroD;\n" }, { "path": "src/blocks/hero/dark/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeroE(props) {\n return (\n
\n
\n
\n \"hero\"\n
\n
\n

\n Knausgaard typewriter readymade marfa\n

\n

\n Chillwave portland ugh, knausgaard fam polaroid iPhone. Man braid\n swag typewriter affogato, hella selvage wolf narwhal dreamcatcher.\n

\n
\n
\n \n Placeholder\n \n \n
\n \n
\n

\n Neutra shabby chic ramps, viral fixie.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nDarkHeroE.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeroE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeroE;\n" }, { "path": "src/blocks/hero/dark/f.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkHeroF(props) {\n return (\n
\n
\n \"hero\"\n
\n

\n Knausgaard typewriter readymade marfa\n

\n

\n Kickstarter biodiesel roof party wayfarers cold-pressed. Palo santo\n live-edge tumeric scenester copper mug flexitarian. Prism vice offal\n plaid everyday carry. Gluten-free chia VHS squid listicle artisan.\n

\n
\n
\n \n Placeholder\n \n \n
\n \n
\n

\n Neutra shabby chic ramps, viral fixie.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nDarkHeroF.defaultProps = {\n theme: 'indigo'\n};\n\nDarkHeroF.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkHeroF;\n" }, { "path": "src/blocks/hero/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeroA(props) {\n return (\n
\n
\n
\n

\n Before they sold out
\n readymade gluten\n

\n

\n Copper mug try-hard pitchfork pour-over freegan heirloom neutra air\n plant cold-pressed tacos poke beard tote bag. Heirloom echo park\n mlkshk tote bag selvage hot chicken authentic tumeric truffaut\n hexagon try-hard chambray.\n

\n
\n \n \n
\n
\n
\n \"hero\"\n
\n
\n
\n );\n}\n\nLightHeroA.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeroA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeroA;\n" }, { "path": "src/blocks/hero/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeroB(props) {\n return (\n
\n
\n \"hero\"\n
\n

\n Microdosing synth tattooed vexillologist\n

\n

\n Meggings kinfolk echo park stumptown DIY, kale chips beard jianbing\n tousled. Chambray dreamcatcher trust fund, kitsch vice godard disrupt\n ramps hexagon mustache umami snackwave tilde chillwave ugh. Pour-over\n meditation PBR&B pickled ennui celiac mlkshk freegan photo booth af\n fingerstache pitchfork.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nLightHeroB.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeroB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeroB;\n" }, { "path": "src/blocks/hero/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeroC(props) {\n return (\n
\n
\n
\n \"hero\"\n
\n
\n

\n Before they sold out

\n readymade gluten\n

\n

\n Copper mug try-hard pitchfork pour-over freegan heirloom neutra air\n plant cold-pressed tacos poke beard tote bag. Heirloom echo park\n mlkshk tote bag selvage hot chicken authentic tumeric truffaut\n hexagon try-hard chambray.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nLightHeroC.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeroC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeroC;\n" }, { "path": "src/blocks/hero/light/d.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeroD(props) {\n return (\n
\n
\n
\n

\n Knausgaard typewriter readymade marfa\n

\n

\n Chillwave portland ugh, knausgaard fam polaroid iPhone. Man braid\n swag typewriter affogato, hella selvage wolf narwhal dreamcatcher.\n

\n
\n
\n \n Placeholder\n \n \n
\n \n
\n

\n Neutra shabby chic ramps, viral fixie.\n

\n
\n \n \n
\n
\n
\n \"hero\"\n
\n
\n
\n );\n}\n\nLightHeroD.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeroD.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeroD;\n" }, { "path": "src/blocks/hero/light/e.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeroE(props) {\n return (\n
\n
\n
\n \"hero\"\n
\n
\n

\n Knausgaard typewriter readymade marfa\n

\n

\n Chillwave portland ugh, knausgaard fam polaroid iPhone. Man braid\n swag typewriter affogato, hella selvage wolf narwhal dreamcatcher.\n

\n
\n
\n \n Placeholder\n \n \n
\n \n
\n

\n Neutra shabby chic ramps, viral fixie.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nLightHeroE.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeroE.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeroE;\n" }, { "path": "src/blocks/hero/light/f.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightHeroF(props) {\n return (\n
\n
\n \"hero\"\n
\n

\n Knausgaard typewriter readymade marfa\n

\n

\n Kickstarter biodiesel roof party wayfarers cold-pressed. Palo santo\n live-edge tumeric scenester copper mug flexitarian. Prism vice offal\n plaid everyday carry. Gluten-free chia VHS squid listicle artisan.\n

\n
\n
\n \n Placeholder\n \n \n
\n \n
\n

\n Neutra shabby chic ramps, viral fixie.\n

\n
\n \n \n
\n
\n
\n
\n );\n}\n\nLightHeroF.defaultProps = {\n theme: 'indigo'\n};\n\nLightHeroF.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightHeroF;\n" }, { "path": "src/blocks/index.js", "content": "import React from 'react';\n\nimport LightBlogA from './blog/light/a';\nimport LightBlogB from './blog/light/b';\nimport LightBlogC from './blog/light/c';\nimport LightBlogD from './blog/light/d';\nimport LightBlogE from './blog/light/e';\n\nimport DarkBlogA from './blog/dark/a';\nimport DarkBlogB from './blog/dark/b';\nimport DarkBlogC from './blog/dark/c';\nimport DarkBlogD from './blog/dark/d';\nimport DarkBlogE from './blog/dark/e';\n\nimport LightContactA from './contact/light/a';\nimport LightContactB from './contact/light/b';\nimport LightContactC from './contact/light/c';\n\nimport DarkContactA from './contact/dark/a';\nimport DarkContactB from './contact/dark/b';\nimport DarkContactC from './contact/dark/c';\n\nimport LightContentA from './content/light/a';\nimport LightContentB from './content/light/b';\nimport LightContentC from './content/light/c';\nimport LightContentD from './content/light/d';\nimport LightContentE from './content/light/e';\nimport LightContentF from './content/light/f';\nimport LightContentG from './content/light/g';\nimport LightContentH from './content/light/h';\n\nimport DarkContentA from './content/dark/a';\nimport DarkContentB from './content/dark/b';\nimport DarkContentC from './content/dark/c';\nimport DarkContentD from './content/dark/d';\nimport DarkContentE from './content/dark/e';\nimport DarkContentF from './content/dark/f';\nimport DarkContentG from './content/dark/g';\nimport DarkContentH from './content/dark/h';\n\nimport LightCTAA from './cta/light/a';\nimport LightCTAB from './cta/light/b';\nimport LightCTAC from './cta/light/c';\nimport LightCTAD from './cta/light/d';\n\nimport DarkCTAA from './cta/dark/a';\nimport DarkCTAB from './cta/dark/b';\nimport DarkCTAC from './cta/dark/c';\nimport DarkCTAD from './cta/dark/d';\n\nimport LightEcommerceA from './ecommerce/light/a';\nimport LightEcommerceB from './ecommerce/light/b';\nimport LightEcommerceC from './ecommerce/light/c';\n\nimport DarkEcommerceA from './ecommerce/dark/a';\nimport DarkEcommerceB from './ecommerce/dark/b';\nimport DarkEcommerceC from './ecommerce/dark/c';\n\n\nimport LightFeatureA from './feature/light/a';\nimport LightFeatureB from './feature/light/b';\nimport LightFeatureC from './feature/light/c';\nimport LightFeatureD from './feature/light/d';\nimport LightFeatureE from './feature/light/e';\nimport LightFeatureF from './feature/light/f';\nimport LightFeatureG from './feature/light/g';\nimport LightFeatureH from './feature/light/h';\n\nimport DarkFeatureA from './feature/dark/a';\nimport DarkFeatureB from './feature/dark/b';\nimport DarkFeatureC from './feature/dark/c';\nimport DarkFeatureD from './feature/dark/d';\nimport DarkFeatureE from './feature/dark/e';\nimport DarkFeatureF from './feature/dark/f';\nimport DarkFeatureG from './feature/dark/g';\nimport DarkFeatureH from './feature/dark/h';\n\nimport LightFooterA from './footer/light/a';\nimport LightFooterB from './footer/light/b';\nimport LightFooterC from './footer/light/c';\nimport LightFooterD from './footer/light/d';\nimport LightFooterE from './footer/light/e';\n\nimport DarkFooterA from './footer/dark/a';\nimport DarkFooterB from './footer/dark/b';\nimport DarkFooterC from './footer/dark/c';\nimport DarkFooterD from './footer/dark/d';\nimport DarkFooterE from './footer/dark/e';\n\nimport LightGalleryA from './gallery/light/a';\nimport LightGalleryB from './gallery/light/b';\nimport LightGalleryC from './gallery/light/c';\n\nimport DarkGalleryA from './gallery/dark/a';\nimport DarkGalleryB from './gallery/dark/b';\nimport DarkGalleryC from './gallery/dark/c';\n\nimport LightHeaderA from './header/light/a';\nimport LightHeaderB from './header/light/b';\nimport LightHeaderC from './header/light/c';\nimport LightHeaderD from './header/light/d';\n\nimport DarkHeaderA from './header/dark/a';\nimport DarkHeaderB from './header/dark/b';\nimport DarkHeaderC from './header/dark/c';\nimport DarkHeaderD from './header/dark/d';\n\nimport LightHeroA from './hero/light/a';\nimport LightHeroB from './hero/light/b';\nimport LightHeroC from './hero/light/c';\nimport LightHeroD from './hero/light/d';\nimport LightHeroE from './hero/light/e';\nimport LightHeroF from './hero/light/f';\n\nimport DarkHeroA from './hero/dark/a';\nimport DarkHeroB from './hero/dark/b';\nimport DarkHeroC from './hero/dark/c';\nimport DarkHeroD from './hero/dark/d';\nimport DarkHeroE from './hero/dark/e';\nimport DarkHeroF from './hero/dark/f';\n\nimport LightPricingA from './pricing/light/a';\nimport LightPricingB from './pricing/light/b';\n\nimport DarkPricingA from './pricing/dark/a';\nimport DarkPricingB from './pricing/dark/b';\n\nimport LightStatisticA from './statistic/light/a';\nimport LightStatisticB from './statistic/light/b';\nimport LightStatisticC from './statistic/light/c';\n\nimport DarkStatisticA from './statistic/dark/a';\nimport DarkStatisticB from './statistic/dark/b';\nimport DarkStatisticC from './statistic/dark/c';\n\nimport LightStepA from './step/light/a';\nimport LightStepB from './step/light/b';\nimport LightStepC from './step/light/c';\n\nimport DarkStepA from './step/dark/a';\nimport DarkStepB from './step/dark/b';\nimport DarkStepC from './step/dark/c';\n\nimport LightTeamA from './team/light/a';\nimport LightTeamB from './team/light/b';\nimport LightTeamC from './team/light/c';\n\nimport DarkTeamA from './team/dark/a';\nimport DarkTeamB from './team/dark/b';\nimport DarkTeamC from './team/dark/c';\n\nimport LightTestimonialA from './testimonial/light/a';\nimport LightTestimonialB from './testimonial/light/b';\nimport LightTestimonialC from './testimonial/light/c';\n\nimport DarkTestimonialA from './testimonial/dark/a';\nimport DarkTestimonialB from './testimonial/dark/b';\nimport DarkTestimonialC from './testimonial/dark/c';\n\nexport default function getBlock({theme = 'indigo', darkMode = false}) {\n return {\n Blog: {\n BlogA: darkMode ? : ,\n BlogB: darkMode ? : ,\n BlogC: darkMode ? : ,\n BlogD: darkMode ? : ,\n BlogE: darkMode ? : \n },\n Contact: {\n ContactA: darkMode ? : ,\n ContactB: darkMode ? : ,\n ContactC: darkMode ? : ,\n },\n Content: {\n ContentA: darkMode ? : ,\n ContentB: darkMode ? : ,\n ContentC: darkMode ? : ,\n ContentD: darkMode ? : ,\n ContentE: darkMode ? : ,\n ContentF: darkMode ? : ,\n ContentG: darkMode ? : ,\n ContentH: darkMode ? : \n },\n CTA: {\n CTAA: darkMode ? : ,\n CTAB: darkMode ? : ,\n CTAC: darkMode ? : ,\n CTAD: darkMode ? : \n },\n Ecommerce: {\n EcommerceA: darkMode ? : ,\n EcommerceB: darkMode ? : ,\n EcommerceC: darkMode ? : \n },\n Feature: {\n FeatureA: darkMode ? : ,\n FeatureB: darkMode ? : ,\n FeatureC: darkMode ? : ,\n FeatureD: darkMode ? : ,\n FeatureE: darkMode ? : ,\n FeatureF: darkMode ? : ,\n FeatureG: darkMode ? : ,\n FeatureH: darkMode ? : \n },\n Footer: {\n FooterA: darkMode ? : ,\n FooterB: darkMode ? : ,\n FooterC: darkMode ? : ,\n FooterD: darkMode ? : ,\n FooterE: darkMode ? : \n },\n Gallery: {\n GalleryA: darkMode ? : ,\n GalleryB: darkMode ? : ,\n GalleryC: darkMode ? : \n },\n Header: {\n HeaderA: darkMode ? : ,\n HeaderB: darkMode ? : ,\n HeaderC: darkMode ? : ,\n HeaderD: darkMode ? : \n },\n Hero: {\n HeroA: darkMode ? : ,\n HeroB: darkMode ? : ,\n HeroC: darkMode ? : ,\n HeroD: darkMode ? : ,\n HeroE: darkMode ? : ,\n HeroF: darkMode ? : \n },\n Pricing: {\n PricingA: darkMode ? : ,\n PricingB: darkMode ? : \n },\n Statistic: {\n StatisticA: darkMode ? : ,\n StatisticB: darkMode ? : ,\n StatisticC: darkMode ? : \n },\n Step: {\n StepA: darkMode ? : ,\n StepB: darkMode ? : ,\n StepC: darkMode ? : \n },\n Team: {\n TeamA: darkMode ? : ,\n TeamB: darkMode ? : ,\n TeamC: darkMode ? : \n },\n Testimonial: {\n TestimonialA: darkMode ? : ,\n TestimonialB: darkMode ? : ,\n TestimonialC: darkMode ? : \n }\n }\n}\n\n" }, { "path": "src/blocks/pricing/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkPricingA(props) {\n return (\n
\n
\n
\n

\n Pricing\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical.\n

\n
\n \n \n
\n
\n
\n
\n
\n

\n START\n

\n

\n Free\n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n \n POPULAR\n \n

\n PRO\n

\n

\n $38\n \n /mo\n \n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Hexagon neutra unicorn\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n

\n BUSINESS\n

\n

\n $56\n \n /mo\n \n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Hexagon neutra unicorn\n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n

\n SPECIAL\n

\n

\n $72\n \n /mo\n \n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Hexagon neutra unicorn\n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n
\n );\n}\n\nDarkPricingA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkPricingA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkPricingA;\n" }, { "path": "src/blocks/pricing/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkPricingB(props) {\n return (\n
\n
\n
\n

\n Pricing\n

\n

\n Banh mi cornhole echo park skateboard authentic crucifix neutra\n tilde lyft biodiesel artisan direct trade mumblecore 3 wolf moon\n twee\n

\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n Plan\n \n Speed\n \n Storage\n \n Price\n
Start5 Mb/s15 GBFree\n \n
Pro\n 25 Mb/s\n 25 GB\n $24\n \n \n
\n Business\n \n 36 Mb/s\n 40 GB\n $50\n \n \n
\n Exclusive\n \n 48 Mb/s\n \n 120 GB\n \n $72\n \n \n
\n
\n
\n \n Learn More\n \n \n \n \n \n
\n
\n
\n );\n}\n\nDarkPricingB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkPricingB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkPricingB;\n" }, { "path": "src/blocks/pricing/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightPricingA(props) {\n return (\n
\n
\n
\n

\n Pricing\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical.\n

\n
\n \n \n
\n
\n
\n
\n
\n

\n START\n

\n

\n Free\n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n \n POPULAR\n \n

\n PRO\n

\n

\n $38\n \n /mo\n \n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Hexagon neutra unicorn\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n

\n BUSINESS\n

\n

\n $56\n \n /mo\n \n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Hexagon neutra unicorn\n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n

\n SPECIAL\n

\n

\n $72\n \n /mo\n \n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Tumeric plaid portland\n

\n

\n \n \n \n \n \n Hexagon neutra unicorn\n

\n

\n \n \n \n \n \n Vexillologist pitchfork\n

\n

\n \n \n \n \n \n Mixtape chillwave tumeric\n

\n \n

\n Literally you probably haven't heard of them jean shorts.\n

\n
\n
\n
\n
\n
\n );\n}\n\nLightPricingA.defaultProps = {\n theme: 'indigo'\n};\n\nLightPricingA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightPricingA;\n" }, { "path": "src/blocks/pricing/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightPricingB(props) {\n return (\n
\n
\n
\n

\n Pricing\n

\n

\n Banh mi cornhole echo park skateboard authentic crucifix neutra\n tilde lyft biodiesel artisan direct trade mumblecore 3 wolf moon\n twee\n

\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n Plan\n \n Speed\n \n Storage\n \n Price\n
Start5 Mb/s15 GBFree\n \n
Pro\n 25 Mb/s\n 25 GB\n $24\n \n \n
\n Business\n \n 36 Mb/s\n 40 GB\n $50\n \n \n
\n Exclusive\n \n 48 Mb/s\n \n 120 GB\n \n $72\n \n \n
\n
\n
\n \n Learn More\n \n \n \n \n \n
\n
\n
\n );\n}\n\nLightPricingB.defaultProps = {\n theme: 'indigo'\n};\n\nLightPricingB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightPricingB;\n" }, { "path": "src/blocks/statistic/dark/a.js", "content": "import React from \"react\";\n\nfunction DarkStatisticA() {\n return (\n
\n
\n
\n
\n

\n 2.7K\n

\n

Users

\n
\n
\n

\n 1.8K\n

\n

Subscribes

\n
\n
\n

\n 35\n

\n

Downloads

\n
\n
\n

\n 4\n

\n

Products

\n
\n
\n
\n
\n );\n}\n\nexport default DarkStatisticA;\n" }, { "path": "src/blocks/statistic/dark/b.js", "content": "import React from \"react\";\n\nfunction DarkStatisticB() {\n return (\n
\n
\n
\n
\n

\n Moon hashtag pop-up try-hard offal truffaut\n

\n
\n Pour-over craft beer pug drinking vinegar live-edge gastropub,\n keytar neutra sustainable fingerstache kickstarter.\n
\n
\n
\n

2.7K

\n

Users

\n
\n
\n

1.8K

\n

Subscribes

\n
\n
\n

35

\n

Downloads

\n
\n
\n

4

\n

Products

\n
\n
\n
\n \n
\n
\n
\n );\n}\n\nexport default DarkStatisticB;" }, { "path": "src/blocks/statistic/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkStatisticC(props) {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n
\n \n \n \n \n

\n 2.7K\n

\n

Downloads

\n
\n
\n
\n
\n \n \n \n \n \n

\n 1.3K\n

\n

Users

\n
\n
\n
\n
\n \n \n \n \n

74

\n

Files

\n
\n
\n
\n
\n \n \n \n

46

\n

Places

\n
\n
\n
\n
\n
\n );\n}\n\nDarkStatisticC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkStatisticC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkStatisticC;\n" }, { "path": "src/blocks/statistic/light/a.js", "content": "import React from \"react\";\n\nfunction LightStatisticA() {\n return (\n
\n
\n
\n
\n

\n 2.7K\n

\n

Users

\n
\n
\n

\n 1.8K\n

\n

Subscribes

\n
\n
\n

\n 35\n

\n

Downloads

\n
\n
\n

\n 4\n

\n

Products

\n
\n
\n
\n
\n );\n}\n\nexport default LightStatisticA;\n" }, { "path": "src/blocks/statistic/light/b.js", "content": "import React from \"react\";\n\nfunction LightStatisticB() {\n return (\n
\n
\n
\n
\n

\n Moon hashtag pop-up try-hard offal truffaut\n

\n
\n Pour-over craft beer pug drinking vinegar live-edge gastropub,\n keytar neutra sustainable fingerstache kickstarter.\n
\n
\n
\n

\n 2.7K\n

\n

Users

\n
\n
\n

\n 1.8K\n

\n

Subscribes

\n
\n
\n

\n 35\n

\n

Downloads

\n
\n
\n

4

\n

Products

\n
\n
\n
\n \n
\n
\n
\n );\n}\n\nexport default LightStatisticB;\n" }, { "path": "src/blocks/statistic/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightStatisicC(props) {\n return (\n
\n
\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n
\n \n \n \n \n

\n 2.7K\n

\n

Downloads

\n
\n
\n
\n
\n \n \n \n \n \n

\n 1.3K\n

\n

Users

\n
\n
\n
\n
\n \n \n \n \n

\n 74\n

\n

Files

\n
\n
\n
\n
\n \n \n \n

\n 46\n

\n

Places

\n
\n
\n
\n
\n
\n );\n}\n\nLightStatisicC.defaultProps = {\n theme: 'indigo'\n};\n\nLightStatisicC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightStatisicC;\n" }, { "path": "src/blocks/step/dark/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkStepA(props) {\n return (\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n STEP 1\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n STEP 2\n

\n

\n Vice migas literally kitsch +1 pok pok. Truffaut hot chicken\n slow-carb health goth, vape typewriter.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n STEP 3\n

\n

\n Coloring book nar whal glossier master cleanse umami. Salvia\n +1 master cleanse blog taiyaki.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n STEP 4\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n FINISH\n

\n

\n Pitchfork ugh tattooed scenester echo park gastropub whatever\n cold-pressed retro.\n

\n
\n
\n
\n \n
\n
\n
\n );\n}\n\nDarkStepA.defaultProps = {\n theme: 'indigo'\n};\n\nDarkStepA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkStepA;\n" }, { "path": "src/blocks/step/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkStepB(props) {\n return (\n
\n
\n \n \"hero\"\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n );\n}\n\nDarkStepB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkStepB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkStepB;\n" }, { "path": "src/blocks/step/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkStepC(props) {\n return (\n
\n
\n
\n
\n
\n
\n
\n 1\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n
\n 2\n
\n
\n
\n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n
\n 3\n
\n
\n
\n \n \n \n \n
\n
\n

\n The 400 Blows\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n
\n 4\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n );\n}\n\nDarkStepC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkStepC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkStepC;\n" }, { "path": "src/blocks/step/light/a.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightStepA(props) {\n return (\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n STEP 1\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n

\n STEP 2\n

\n

\n Vice migas literally kitsch +1 pok pok. Truffaut hot chicken\n slow-carb health goth, vape typewriter.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n STEP 3\n

\n

\n Coloring book nar whal glossier master cleanse umami. Salvia\n +1 master cleanse blog taiyaki.\n

\n
\n
\n
\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n STEP 4\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n \n \n \n \n
\n
\n

\n FINISH\n

\n

\n Pitchfork ugh tattooed scenester echo park gastropub whatever\n cold-pressed retro.\n

\n
\n
\n
\n \n
\n
\n
\n );\n}\n\nLightStepA.defaultProps = {\n theme: 'indigo'\n};\n\nLightStepA.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightStepA;\n" }, { "path": "src/blocks/step/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightStepB(props) {\n return (\n
\n
\n \n \"hero\"\n
\n

\n Master Cleanse Reliac Heirloom\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them man bun deep jianbing selfies heirloom\n prism food truck ugh squid celiac humblebrag.\n

\n
\n
\n
\n );\n}\n\nLightStepB.defaultProps = {\n theme: 'indigo'\n};\n\nLightStepB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightStepB;\n" }, { "path": "src/blocks/step/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightStepC(props) {\n return (\n
\n
\n
\n
\n
\n
\n
\n 1\n
\n
\n
\n \n \n \n
\n
\n

\n Shooting Stars\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n
\n 2\n
\n
\n
\n \n \n \n
\n
\n

\n The Catalyzer\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n
\n 3\n
\n
\n
\n \n \n \n \n
\n
\n

\n The 400 Blows\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n
\n
\n
\n 4\n
\n
\n
\n \n \n \n \n
\n
\n

\n Neptune\n

\n

\n VHS cornhole pop-up, try-hard 8-bit iceland helvetica. Kinfolk\n bespoke try-hard cliche palo santo offal.\n

\n
\n
\n
\n
\n
\n );\n}\n\nLightStepC.defaultProps = {\n theme: 'indigo'\n};\n\nLightStepC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightStepC;\n" }, { "path": "src/blocks/team/dark/a.js", "content": "import React from \"react\";\n\nfunction DarkTeamA(props) {\n return (\n
\n
\n
\n

\n Our Team\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them.\n

\n
\n
\n
\n
\n \n
\n

\n Holden Caulfield\n

\n

UI Designer

\n
\n
\n
\n
\n
\n \n
\n

\n Henry Letham\n

\n

CTO

\n
\n
\n
\n
\n
\n \n
\n

\n Oskar Blinde\n

\n

Founder

\n
\n
\n
\n
\n
\n \n
\n

John Doe

\n

DevOps

\n
\n
\n
\n
\n
\n \n
\n

\n Martin Eden\n

\n

Software Engineer

\n
\n
\n
\n
\n
\n \n
\n

\n Boris Kitua\n

\n

UX Researcher

\n
\n
\n
\n
\n
\n \n
\n

\n Atticus Finch\n

\n

QA Engineer

\n
\n
\n
\n
\n
\n \n
\n

\n Alper Kamu\n

\n

System

\n
\n
\n
\n
\n
\n \n
\n

\n Rodrigo Monchi\n

\n

Product Manager

\n
\n
\n
\n
\n
\n
\n );\n}\n\nexport default DarkTeamA;\n" }, { "path": "src/blocks/team/dark/b.js", "content": "import React from \"react\";\n\nfunction DarkTeamB() {\n return (\n
\n
\n
\n

\n OUR TEAM\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them.\n

\n
\n
\n
\n
\n \n
\n

\n Holden Caulfield\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Alper Kamu\n

\n

Designer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Atticus Finch\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Henry Letham\n

\n

Designer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nexport default DarkTeamB;\n" }, { "path": "src/blocks/team/dark/c.js", "content": "import React from \"react\";\n\nfunction DarkTeamC() {\n return (\n
\n
\n
\n

\n OUR TEAM\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them.\n

\n
\n
\n
\n
\n \n
\n

\n Alper Kamu\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Holden Caulfield\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Atticus Finch\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Henry Letham\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nexport default DarkTeamC;\n" }, { "path": "src/blocks/team/light/a.js", "content": "import React from \"react\";\n\nfunction LightTeamA() {\n return (\n
\n
\n
\n

\n Our Team\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them.\n

\n
\n
\n
\n
\n \n
\n

\n Holden Caulfield\n

\n

UI Designer

\n
\n
\n
\n
\n
\n \n
\n

\n Henry Letham\n

\n

CTO

\n
\n
\n
\n
\n
\n \n
\n

\n Oskar Blinde\n

\n

Founder

\n
\n
\n
\n
\n
\n \n
\n

\n John Doe\n

\n

DevOps

\n
\n
\n
\n
\n
\n \n
\n

\n Martin Eden\n

\n

Software Engineer

\n
\n
\n
\n
\n
\n \n
\n

\n Boris Kitua\n

\n

UX Researcher

\n
\n
\n
\n
\n
\n \n
\n

\n Atticus Finch\n

\n

QA Engineer

\n
\n
\n
\n
\n
\n \n
\n

\n Alper Kamu\n

\n

System

\n
\n
\n
\n
\n
\n \n
\n

\n Rodrigo Monchi\n

\n

Product Manager

\n
\n
\n
\n
\n
\n
\n );\n}\n\nexport default LightTeamA;\n" }, { "path": "src/blocks/team/light/b.js", "content": "import React from \"react\";\n\nfunction LightTeamB() {\n return (\n
\n
\n
\n

\n OUR TEAM\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them.\n

\n
\n
\n
\n
\n \n
\n

\n Holden Caulfield\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Alper Kamu\n

\n

Designer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Atticus Finch\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Henry Letham\n

\n

Designer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nexport default LightTeamB;\n" }, { "path": "src/blocks/team/light/c.js", "content": "import React from \"react\";\n\nfunction LightTeamC() {\n return (\n
\n
\n
\n

\n OUR TEAM\n

\n

\n Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical\n gentrify, subway tile poke farm-to-table. Franzen you probably\n haven't heard of them.\n

\n
\n
\n
\n
\n \n
\n

\n Alper Kamu\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Holden Caulfield\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Atticus Finch\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n

\n Henry Letham\n

\n

UI Developer

\n

\n DIY tote bag drinking vinegar cronut adaptogen squid fanny\n pack vaporware.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n
\n );\n}\n\nexport default LightTeamC;\n" }, { "path": "src/blocks/testimonial/dark/a.js", "content": "import React from \"react\";\n\nfunction DarkTestimonialA() {\n return (\n
\n
\n

\n Testimonials\n

\n
\n
\n
\n \n \n \n

\n Synth chartreuse iPhone lomo cray raw denim brunch everyday\n carry neutra before they sold out fixie 90's microdosing.\n Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard\n pabst authentic iceland.\n

\n \n \"testimonial\"\n \n \n Holden Caulfield\n \n UI DEVELOPER\n \n \n
\n
\n
\n
\n \n \n \n

\n Synth chartreuse iPhone lomo cray raw denim brunch everyday\n carry neutra before they sold out fixie 90's microdosing.\n Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard\n pabst authentic iceland.\n

\n \n \"testimonial\"\n \n \n Alper Kamu\n \n DESIGNER\n \n \n
\n
\n
\n
\n
\n );\n}\n\nexport default DarkTestimonialA;\n" }, { "path": "src/blocks/testimonial/dark/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkTestimonialB(props) {\n return (\n
\n
\n
\n \n \n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki\n taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui\n shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen\n squid fanny pack vaporware. Man bun next level coloring book\n skateboard four loko knausgaard. Kitsch keffiyeh master cleanse\n direct trade indigo juice before they sold out gentrify plaid\n gastropub normcore XOXO 90's pickled cindigo jean shorts.\n Slow-carb next level shoindigoitch ethical authentic, yr scenester\n sriracha forage franzen organic drinking vinegar.\n

\n \n

\n HOLDEN CAULFIELD\n

\n

Senior Product Designer

\n
\n
\n
\n );\n}\n\nDarkTestimonialB.defaultProps = {\n theme: 'indigo'\n};\n\nDarkTestimonialB.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkTestimonialB;\n" }, { "path": "src/blocks/testimonial/dark/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction DarkTestimonialC(props) {\n return (\n
\n
\n
\n
\n
\n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown\n taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin\n coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar\n cronut adaptogen squid fanny pack vaporware.\n

\n \n

\n HOLDEN CAULFIELD\n

\n

Senior Product Designer

\n
\n
\n
\n
\n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown\n taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin\n coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar\n cronut adaptogen squid fanny pack vaporware.\n

\n \n

\n ALPER KAMU\n

\n

UI Develeoper

\n
\n
\n
\n
\n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown\n taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin\n coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar\n cronut adaptogen squid fanny pack vaporware.\n

\n \n

\n HENRY LETHAM\n

\n

CTO

\n
\n
\n
\n
\n
\n );\n}\n\nDarkTestimonialC.defaultProps = {\n theme: 'indigo'\n};\n\nDarkTestimonialC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default DarkTestimonialC;\n" }, { "path": "src/blocks/testimonial/light/a.js", "content": "import React from \"react\";\n\nfunction LightTestimonialA(props) {\n return (\n
\n
\n

\n Testimonials\n

\n
\n
\n
\n \n \n \n

\n Synth chartreuse iPhone lomo cray raw denim brunch everyday\n carry neutra before they sold out fixie 90's microdosing.\n Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard\n pabst authentic iceland.\n

\n \n \"testimonial\"\n \n \n Holden Caulfield\n \n UI DEVELOPER\n \n \n
\n
\n
\n
\n \n \n \n

\n Synth chartreuse iPhone lomo cray raw denim brunch everyday\n carry neutra before they sold out fixie 90's microdosing.\n Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard\n pabst authentic iceland.\n

\n \n \"testimonial\"\n \n \n Alper Kamu\n \n DESIGNER\n \n \n
\n
\n
\n
\n
\n );\n}\n\nexport default LightTestimonialA;" }, { "path": "src/blocks/testimonial/light/b.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightTestimonialC(props) {\n return (\n
\n
\n
\n \n \n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki\n taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui\n shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen\n squid fanny pack vaporware. Man bun next level coloring book\n skateboard four loko knausgaard. Kitsch keffiyeh master cleanse\n direct trade indigo juice before they sold out gentrify plaid\n gastropub normcore XOXO 90's pickled cindigo jean shorts.\n Slow-carb next level shoindigoitch ethical authentic, yr scenester\n sriracha forage franzen organic drinking vinegar.\n

\n \n

\n HOLDEN CAULFIELD\n

\n

Senior Product Designer

\n
\n
\n
\n );\n}\n\nLightTestimonialC.defaultProps = {\n theme: 'indigo'\n};\n\nLightTestimonialC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightTestimonialC;\n" }, { "path": "src/blocks/testimonial/light/c.js", "content": "import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nfunction LightTestimonialC(props) {\n return (\n
\n
\n
\n
\n
\n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown\n taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin\n coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar\n cronut adaptogen squid fanny pack vaporware.\n

\n \n

\n HOLDEN CAULFIELD\n

\n

Senior Product Designer

\n
\n
\n
\n
\n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown\n taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin\n coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar\n cronut adaptogen squid fanny pack vaporware.\n

\n \n

\n ALPER KAMU\n

\n

UI Develeoper

\n
\n
\n
\n
\n \n

\n Edison bulb retro cloud bread echo park, helvetica stumptown\n taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin\n coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar\n cronut adaptogen squid fanny pack vaporware.\n

\n \n

\n HENRY LETHAM\n

\n

CTO

\n
\n
\n
\n
\n
\n );\n}\n\nLightTestimonialC.defaultProps = {\n theme: 'indigo'\n};\n\nLightTestimonialC.propTypes = {\n theme: PropTypes.string.isRequired\n};\n\nexport default LightTestimonialC;\n" }, { "path": "src/icons/blog/a.js", "content": "import React from \"react\"\n\nfunction BlogA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default BlogA;\n" }, { "path": "src/icons/blog/b.js", "content": "import React from \"react\"\n\nfunction BlogB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default BlogB;\n" }, { "path": "src/icons/blog/c.js", "content": "import React from \"react\"\n\nfunction BlogC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default BlogC;\n" }, { "path": "src/icons/blog/d.js", "content": "import React from \"react\"\n\nfunction BlogD() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default BlogD;\n" }, { "path": "src/icons/blog/e.js", "content": "import React from \"react\"\n\nfunction BlogE() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default BlogE;\n" }, { "path": "src/icons/contact/a.js", "content": "import React from \"react\"\n\nfunction ContactA() {\n return (\n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContactA;\n" }, { "path": "src/icons/contact/b.js", "content": "import React from \"react\"\n\nfunction ContactB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContactB;\n" }, { "path": "src/icons/contact/c.js", "content": "import React from \"react\"\n\nfunction ContactC() {\n return (\n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContactC;\n" }, { "path": "src/icons/content/a.js", "content": "import React from \"react\"\n\nfunction ContentA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentA;\n" }, { "path": "src/icons/content/b.js", "content": "import React from \"react\"\n\nfunction ContentB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentB;\n" }, { "path": "src/icons/content/c.js", "content": "import React from \"react\"\n\nfunction ContentC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentC;\n" }, { "path": "src/icons/content/d.js", "content": "import React from \"react\"\n\nfunction ContentD() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentD;\n" }, { "path": "src/icons/content/e.js", "content": "import React from \"react\"\n\nfunction ContentE() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentE;\n" }, { "path": "src/icons/content/f.js", "content": "import React from \"react\"\n\nfunction ContentF() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentF;\n" }, { "path": "src/icons/content/g.js", "content": "import React from \"react\"\n\nfunction ContentG() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentG;\n" }, { "path": "src/icons/content/h.js", "content": "import React from \"react\"\n\nfunction ContentH() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default ContentH;\n" }, { "path": "src/icons/cta/a.js", "content": "import React from \"react\"\n\nfunction CTAA() {\n return (\n \n \n \n \n \n \n )\n}\n\nexport default CTAA;\n" }, { "path": "src/icons/cta/b.js", "content": "import React from \"react\"\n\nfunction CTAB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default CTAB;\n" }, { "path": "src/icons/cta/c.js", "content": "import React from \"react\"\n\nfunction CTAC() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default CTAC\n" }, { "path": "src/icons/cta/d.js", "content": "import React from \"react\"\n\nfunction CTAD() {\n return (\n \n \n \n \n \n \n \n )\n}\n\nexport default CTAD;\n" }, { "path": "src/icons/ecommerce/a.js", "content": "import React from \"react\"\n\nfunction EcommerceA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default EcommerceA;\n" }, { "path": "src/icons/ecommerce/b.js", "content": "import React from \"react\"\n\nfunction EcommerceB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default EcommerceB;\n" }, { "path": "src/icons/ecommerce/c.js", "content": "import React from \"react\"\n\nfunction EcommerceC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default EcommerceC;\n" }, { "path": "src/icons/feature/a.js", "content": "import React from \"react\"\n\nfunction FeatureA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureA;\n" }, { "path": "src/icons/feature/b.js", "content": "import React from \"react\"\n\nfunction FeatureB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureB;\n" }, { "path": "src/icons/feature/c.js", "content": "import React from \"react\"\n\nfunction FeatureC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureC;\n" }, { "path": "src/icons/feature/d.js", "content": "import React from \"react\"\n\nfunction FeatureD() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureD;\n" }, { "path": "src/icons/feature/e.js", "content": "import React from \"react\"\n\nfunction FeatureE() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureE;\n" }, { "path": "src/icons/feature/f.js", "content": "import React from \"react\"\n\nfunction FeatureF() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureF\n" }, { "path": "src/icons/feature/g.js", "content": "import React from \"react\"\n\nfunction FeatureG() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureG;\n" }, { "path": "src/icons/feature/h.js", "content": "import React from \"react\"\n\nfunction FeatureH() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FeatureH;\n" }, { "path": "src/icons/footer/a.js", "content": "import React from \"react\"\n\nfunction FooterA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FooterA;\n" }, { "path": "src/icons/footer/b.js", "content": "import React from \"react\"\n\nfunction FooterB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FooterB;\n" }, { "path": "src/icons/footer/c.js", "content": "import React from \"react\"\n\nfunction FooterC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FooterC\n" }, { "path": "src/icons/footer/d.js", "content": "import React from \"react\"\n\nfunction FooterD(props) {\n return (\n \n \n \n \n \n \n \n \n )\n}\n\nexport default FooterD;\n" }, { "path": "src/icons/footer/e.js", "content": "import React from \"react\"\n\nfunction FooterE() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default FooterE;\n" }, { "path": "src/icons/gallery/a.js", "content": "import React from \"react\"\n\nfunction GalleryA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default GalleryA;\n" }, { "path": "src/icons/gallery/b.js", "content": "import React from \"react\"\n\nfunction GalleryB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default GalleryB;\n" }, { "path": "src/icons/gallery/c.js", "content": "import React from \"react\"\n\nfunction GalleryC() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default GalleryC;\n" }, { "path": "src/icons/header/a.js", "content": "import React from \"react\"\n\nfunction HeaderA() {\n return (\n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeaderA;\n" }, { "path": "src/icons/header/b.js", "content": "import React from \"react\"\n\nfunction HeaderB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeaderB;\n" }, { "path": "src/icons/header/c.js", "content": "import React from \"react\"\n\nfunction HeaderC() {\n return (\n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeaderC;\n" }, { "path": "src/icons/header/d.js", "content": "import React from \"react\"\n\nfunction HeaderD() {\n return (\n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeaderD\n" }, { "path": "src/icons/hero/a.js", "content": "import React from \"react\"\n\nfunction HeroA() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeroA\n" }, { "path": "src/icons/hero/b.js", "content": "import React from \"react\"\n\nfunction HeroB() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeroB;\n" }, { "path": "src/icons/hero/c.js", "content": "import React from \"react\"\n\nfunction HeroC() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeroC;\n" }, { "path": "src/icons/hero/d.js", "content": "import React from \"react\"\n\nfunction HeroD() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeroD;\n" }, { "path": "src/icons/hero/e.js", "content": "import React from \"react\"\n\nfunction HeroE() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeroE;\n" }, { "path": "src/icons/hero/f.js", "content": "import React from \"react\"\n\nfunction HeroF() {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default HeroF;\n" }, { "path": "src/icons/index.js", "content": "import React from 'react';\n\nimport BlogA from './blog/a';\nimport BlogB from './blog/b';\nimport BlogC from './blog/c';\nimport BlogD from './blog/d';\nimport BlogE from './blog/e';\n\nimport ContactA from './contact/a';\nimport ContactB from './contact/b';\nimport ContactC from './contact/c';\n\nimport ContentA from './content/a';\nimport ContentB from './content/b';\nimport ContentC from './content/c';\nimport ContentD from './content/d';\nimport ContentE from './content/e';\nimport ContentF from './content/f';\nimport ContentG from './content/g';\nimport ContentH from './content/h';\n\nimport CTAA from './cta/a';\nimport CTAB from './cta/b';\nimport CTAC from './cta/c';\nimport CTAD from './cta/d';\n\nimport EcommerceA from './ecommerce/a';\nimport EcommerceB from './ecommerce/b';\nimport EcommerceC from './ecommerce/c';\n\nimport FeatureA from './feature/a';\nimport FeatureB from './feature/b';\nimport FeatureC from './feature/c';\nimport FeatureD from './feature/d';\nimport FeatureE from './feature/e';\nimport FeatureF from './feature/f';\nimport FeatureG from './feature/g';\nimport FeatureH from './feature/h';\n\nimport FooterA from './footer/a';\nimport FooterB from './footer/b';\nimport FooterC from './footer/c';\nimport FooterD from './footer/d';\nimport FooterE from './footer/e';\n\nimport GalleryA from './gallery/a';\nimport GalleryB from './gallery/b';\nimport GalleryC from './gallery/c';\n\nimport HeaderA from './header/a';\nimport HeaderB from './header/b';\nimport HeaderC from './header/c';\nimport HeaderD from './header/d';\n\nimport HeroA from './hero/a';\nimport HeroB from './hero/b';\nimport HeroC from './hero/c';\nimport HeroD from './hero/d';\nimport HeroE from './hero/e';\nimport HeroF from './hero/f';\n\nimport PricingA from './pricing/a';\nimport PricingB from './pricing/b';\n\nimport StatisticA from './statistic/a';\nimport StatisticB from './statistic/b';\nimport StatisticC from './statistic/c';\n\nimport StepA from './step/a';\nimport StepB from './step/b';\nimport StepC from './step/c';\n\nimport TeamA from './team/a';\nimport TeamB from './team/b';\nimport TeamC from './team/c';\n\nimport TestimonialA from './testimonial/a';\nimport TestimonialB from './testimonial/b';\nimport TestimonialC from './testimonial/c';\n\nexport default function getIcons() {\n return {\n Blog: {\n BlogA: ,\n BlogB: ,\n BlogC: ,\n BlogD: ,\n BlogE: \n },\n Contact: {\n ContactA: ,\n ContactB: ,\n ContactC: \n },\n Content: {\n ContentA: ,\n ContentB: ,\n ContentC: ,\n ContentD: ,\n ContentE: ,\n ContentF: ,\n ContentG: ,\n ContentH: \n },\n CTA: {\n CTAA: ,\n CTAB: ,\n CTAC: ,\n CTAD: \n },\n Ecommerce: {\n EcommerceA: ,\n EcommerceB: ,\n EcommerceC: \n },\n Feature: {\n FeatureA: ,\n FeatureB: ,\n FeatureC: ,\n FeatureD: ,\n FeatureE: ,\n FeatureF: ,\n FeatureG: ,\n FeatureH: \n },\n Footer: {\n FooterA: ,\n FooterB: ,\n FooterC: ,\n FooterD: ,\n FooterE: \n },\n Gallery: {\n GalleryA: ,\n GalleryB: ,\n GalleryC: \n }, \n Header: {\n HeaderA: ,\n HeaderB: ,\n HeaderC: ,\n HeaderD: \n }, \n Hero: {\n HeroA: ,\n HeroB: ,\n HeroC: ,\n HeroD: ,\n HeroE: ,\n HeroF: \n },\n Pricing: {\n PricingA: ,\n PricingB: \n }, \n Statistic: {\n StatisticA: ,\n StatisticB: ,\n StatisticC: \n }, \n Step: {\n StepA: ,\n StepB: ,\n StepC: \n },\n Team: {\n TeamA: ,\n TeamB: ,\n TeamC: \n },\n Testimonial: {\n TestimonialA: ,\n TestimonialB: ,\n TestimonialC: \n }\n }\n}\n" }, { "path": "src/icons/pricing/a.js", "content": "import React from \"react\"\n\nfunction PricingA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default PricingA;\n" }, { "path": "src/icons/pricing/b.js", "content": "import React from \"react\"\n\nfunction PricingC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default PricingC;\n" }, { "path": "src/icons/statistic/a.js", "content": "import React from \"react\"\n\nfunction StatisticA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default StatisticA;\n" }, { "path": "src/icons/statistic/b.js", "content": "import React from \"react\"\n\nfunction StatisticB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default StatisticB;\n" }, { "path": "src/icons/statistic/c.js", "content": "import React from \"react\"\n\nfunction StatisticC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default StatisticC;\n" }, { "path": "src/icons/step/a.js", "content": "import React from \"react\"\n\nfunction StepA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default StepA;\n" }, { "path": "src/icons/step/b.js", "content": "import React from \"react\"\n\nfunction StepB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default StepB;\n" }, { "path": "src/icons/step/c.js", "content": "import React from \"react\"\n\nfunction StepC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default StepC;\n" }, { "path": "src/icons/team/a.js", "content": "import React from \"react\"\n\nfunction TeamA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default TeamA;\n" }, { "path": "src/icons/team/b.js", "content": "import React from \"react\"\n\nfunction TeamB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default TeamB;\n" }, { "path": "src/icons/team/c.js", "content": "import React from \"react\"\n\nfunction TeamC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default TeamC;\n" }, { "path": "src/icons/testimonial/a.js", "content": "import React from \"react\"\n\nfunction TestimonialA() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default TestimonialA;\n" }, { "path": "src/icons/testimonial/b.js", "content": "import React from \"react\"\n\nfunction TestimonialB() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default TestimonialB;\n" }, { "path": "src/icons/testimonial/c.js", "content": "import React from \"react\"\n\nfunction TestimonialC() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default TestimonialC;\n" }, { "path": "src/index.css", "content": "@import url('https://fonts.googleapis.com/css?family=Space+Mono&display=swap');\n\n:root {\n --base-500: #A0AEC0;\n --base-200: #E2E8F0;\n --base-300: #E2E8F0;\n --base-400: #CBD5E0;\n --main-500: #6366f1;\n --main-400: #7F9CF5;\n --main-200: #c3dafe;\n --main-100: #EBF4FF;\n --solid: #FFF;\n --solid-900: #4a5568;\n --sidebar-bg: #edf2f7;\n --sidebar-color: #4a5568;\n --shadow: 0 10px 15px -3px rgba(36, 69, 101, 0.19), 0 4px 6px -2px rgb(208, 220, 232);\n --shadow-active: 0 0 0 2px currentColor, 0 10px 15px -3px rgba(36, 69, 101, 0.19), 0 4px 6px -2px rgb(208, 220, 232);\n --opener: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E\");\n --opener-active: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E\");\n}\n\n.dark-mode {\n --base-500: #718096;\n --base-200: #2d3748;\n --base-300: #4a5568;\n --base-400: #4a5568;\n --main-500: #6366f1;\n --main-200: #4a5568;\n --main-100: #2d3648;\n --solid: #111827;\n --solid-900: #d1dcec;\n --sidebar-bg: #2e3647;\n --sidebar-color: #fff;\n --shadow: 0 10px 15px -3px rgb(26, 32, 45), 0 4px 6px -2px rgb(48, 58, 84);\n --shadow-active: 0 0 0 2px currentColor, 0 10px 15px -3px rgba(0, 0, 0, 0.35), 0 4px 6px -2px rgb(76, 82, 90);\n}\n\n.red:not(.dark-mode) {\n --main-200: #fed7d7;\n --main-100: #fed7d7;\n}\n\n.red {\n --main-500: #f56565;\n --main-400: #fc8181;\n}\n\n.orange {\n --main-500: #ed8936;\n --main-400: #f6ad55;\n}\n\n.orange:not(.dark-mode) {\n --main-200: #feebc8;\n --main-100: #fffaf0;\n}\n\n.green {\n --main-500: #48bb78;\n --main-400: #68d391;\n}\n\n.green:not(.dark-mode) {\n --main-200: #c6f6d5;\n --main-100: #c6f6d5;\n}\n\n.yellow {\n --main-500: #F59E0B;\n --main-400: #FBBF24;\n}\n\n.blue {\n --main-500: #4299e1;\n --main-400: #63b3ed;\n}\n\n.blue:not(.dark-mode) {\n --main-200: #bee3f8;\n --main-100: #ebf8ff;\n}\n\n.purple {\n --main-500: #9f7aea;\n --main-400: #b794f4;\n}\n\n.purple:not(.dark-mode) {\n --main-200: #e9d8fd;\n --main-100: #faf5ff;\n}\n\n.pink {\n --main-500: #ed64a6;\n --main-400: #f687b3;\n}\n\n.pink:not(.dark-mode) {\n --main-200: #fed7e2;\n --main-100: #fff5f7;\n}\n\nbutton {\n user-select: none;\n}\n\nbutton, button:focus {\n outline: 0;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow: hidden;\n}\n\niframe {\n width: 100%;\n height: 100%;\n border: 0;\n background-color: var(--solid);\n}\n\n.app {\n height: 100vh;\n}\n\n.app.dark-mode {\n background-color: #111827;\n}\n\n.main {\n height: calc(100vh - 64px);\n overflow: auto;\n transition: .3s;\n}\n\n::-webkit-scrollbar-thumb,\n::-webkit-scrollbar-track,\n::-webkit-scrollbar {\n display: none;\n}\n\n.app.has-sidebar .main {\n padding-left: 160px;\n}\n\n.sidebar {\n height: 100vh;\n width: 160px;\n z-index: 1;\n position: fixed;\n overflow: auto;\n left: 0;\n transform: translateX(-100%);\n padding: 20px;\n top: 0;\n background-color: var(--sidebar-bg);\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: transform .3s;\n}\n\n.app.has-sidebar .sidebar {\n box-shadow: 2px 68px 10px rgba(194, 206, 219, 0.68);\n}\n.dark-mode.has-sidebar .sidebar {\n box-shadow: 2px 68px 10px rgba(26, 32, 44, 0.8);\n}\n\n.block-category {\n margin-bottom: 10px;\n color: var(--sidebar-color);\n font-size: 13px;\n text-transform: uppercase;\n font-weight: 600;\n margin-bottom: 10px;\n}\n\n.block-item {\n padding: 0;\n border: 0;\n border-radius: 4px;\n box-shadow: var(--shadow);\n overflow: hidden;\n color: var(--main-500);\n}\n\n.block-item.is-active {\n background-color: var(--main-500);\n box-shadow: var(--shadow-active);\n}\n\n.block-item.is-active > svg {\n opacity: .8;\n}\n\n.block-item + .block-item { margin-top: 20px; }\n.blocks + .blocks { margin-top: 30px; }\nsvg { width: 100%; }\n\n.app.has-sidebar .toolbar {\n padding: 0 16px 0 176px;\n}\n\n.toolbar {\n background-color: var(--main-500);\n transition: padding .3s;\n padding: 0 16px;\n height: 64px;\n display: flex;\n align-items: center;\n}\n\n.app.has-sidebar .sidebar {\n transform: translateX(0);\n}\n\n.switcher {\n display: flex;\n padding: 0 10px;\n height: 32px;\n border-radius: 20px;\n background-color: #fff;\n align-items: center;\n margin-right: 16px;\n}\n\n.theme-button {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n}\n\n.theme-button.is-active {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E\"); background-size: 10px;\n content: \"\";\n background-repeat: no-repeat;\n background-size: 14px;\n background-position: center;\n}\n\n.theme-button + .theme-button {\n margin-left: 5px;\n}\n\n.opener {\n color: #fff;\n display: flex;\n align-items: center;\n font-weight: 600;\n flex-shrink: 0;\n position: relative;\n}\n\n.opener::before {\n background-image: var(--opener);\n display: inline-block;\n width: 18px;\n flex-shrink: 0;\n height: 18px;\n content: \"\";\n background-size: cover;\n background-repeat: no-repeat;\n margin-right: 4px;\n}\n\n.app.has-sidebar .opener::before {\n background-image: var(--opener-active);\n}\n\n.mode {\n background-color: rgba(255, 255, 255, 0.192);\n border-radius: 30px;\n width: 58px;\n position: relative;\n height: 32px;\n flex-shrink: 0;\n margin-left: 16px;\n}\n\n.mode::before {\n width: 32px;\n height: 100%;\n content: \"\";\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='white' stroke-width='2.4' fill='white' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E\"); background-size: cover;\n left: 0;\n position: absolute;\n top: 0;\n background-repeat: no-repeat;\n background-size: 50%;\n transition: .3s;\n background-position: center;\n}\n\n.mode::after {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 6px;\n top: 6px;\n background-color: var(--main-500);\n content: \"\";\n border-radius: 50%;\n transition: transform .3s;\n}\n\n.app.dark-mode .mode { background-color: rgba(0, 0, 0, 0.171); }\n.app.dark-mode .mode::after { transform: translateX(-24px); }\n.app.dark-mode .mode::before {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='white' stroke-width='2' fill='white' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z'/%3E%3C/svg%3E\");\n transform: translateX(26px);\n}\n\n.device {\n color: #fff;\n opacity: 0.3;\n transition: .3s;\n}\n\n.device.is-active {\n opacity: 1;\n}\n\n.device + .device {\n margin-left: 8px;\n}\n\n.view {\n position: relative;\n}\n\n.app.desktop .view {\n height: 100%;\n}\n\n.device > svg {\n width: 24px;\n}\n\n.app.phone .view iframe {\n height: 736px;\n width: 414px;\n margin: 60px auto 0;\n border: 2px solid var(--base-300);\n}\n\n.app.phone .view {\n width: 450px;\n height: 880px;\n background-color: var(--sidebar-bg);\n border-radius: 30px;\n border: 2px solid var(--base-300);\n margin: 60px auto;\n}\n\n.app.phone:not(.dark-mode) .view::before,\n.app.phone:not(.dark-mode) .view::after {\n opacity: .6;\n}\n\n.app.phone .view::before {\n position: absolute;\n left: 50%;\n bottom: 20px;\n transform: translateX(-50%);\n border: 2px solid var(--base-400);\n content: \"\";\n width: 40px;\n border-radius: 50%;\n height: 40px;\n}\n\n.app.phone .view::after {\n content: \"\";\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 23px;\n width: 100px;\n height: 16px;\n border-radius: 40px;;\n border: 2px solid var(--base-400);\n}\n\n.app.tablet .view {\n margin: 60px auto;\n width: 868px;\n height: 1164px;\n background-color: var(--sidebar-bg);\n border-radius: 30px;\n border: 2px solid var(--base-300);\n}\n\n.app.tablet .view iframe {\n height: 1024px;\n width: 768px;\n margin: 50px auto 0;\n border: 2px solid var(--base-300);\n}\n\n.app.tablet .view::before {\n position: absolute;\n left: 50%;\n bottom: 20px;\n transform: translateX(-50%);\n border: 2px solid var(--base-400);\n content: \"\";\n width: 50px;\n border-radius: 50%;\n height: 50px;\n}\n\n.markup {\n display: none;\n}\n\n.toolbar>:nth-child(2) {\n margin-left: auto;\n}\n\n.copy-the-block {\n border: 1px solid rgba(255, 255, 255, 0.4);\n padding: 0 12px;\n flex-shrink: 0;\n border-radius: 20px;\n margin-right: 14px;\n display: flex;\n font-weight: 600;\n align-items: center;\n color: #fff;\n height: 32px;\n overflow: hidden;\n position: relative;\n justify-content: center;\n width: 130px;\n text-align: center;\n font-size: 13px;\n transition: .3s;\n}\n\n.copy-to-clipboard {\n white-space: nowrap;\n width: auto;\n}\n\n.copy-the-block > svg {\n width: 16px;\n flex-shrink: 0;\n margin-right: 6px;\n}\n\n.copy-to-clipboard > svg {\n width: 13px;\n}\n\n.knyttneve {\n position: fixed;\n bottom: 20px;\n right: 20px;\n color: #fff;\n border-radius: 20px;\n height: 32px;\n width: 210px;\n font-size: 13px;\n text-align: center;\n overflow: hidden;\n font-weight: 500;\n}\n\n.knyttneve span {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: .3s;\n}\n\n.id {\n transform: translateY(-100%);\n}\n\n.knyttneve:hover .id {\n transform: none;\n}\n\n.follow svg {\n width: 14px;\n margin-right: 8px;\n height: 14px;\n}\n\n.knyttneve:hover .follow {\n transform: translateY(100%);\n}\n\n.copy-textarea {\n position: absolute;\n right: -9999990px;\n top: -999999999px;\n opacity: 0;\n}\n\n.codes {\n float: right;\n display: none;\n width: 100%;\n transition: .3s;\n}\n\n.dark-mode .view.show-code, .dark-mode .codes pre {\n background-color: #1a202c !important;\n}\n\n.view.show-code, .codes pre {\n background-color: #fff !important;\n}\n\n.codes pre {\n padding: 20px !important;\n font-size: 13.6px;\n line-height: 1.8;\n}\n\n.react-syntax-highlighter-line-number {\n opacity: 0.2;\n pointer-events: none;\n user-select: none;\n font-size: 12px;\n}\n\npre, code {\n font-family:'Space Mono', monospace;\n font-variant-ligatures: no-contextual;\n}\n\n.view.show-code iframe {\n display: none;\n}\n\n.view.show-code .codes {\n display: block;\n}\n\n.github {\n padding: 8px 12px;\n border-radius: 50px;\n position: fixed;\n right: 20px;\n bottom: 20px;\n background-color: var(--solid-900);\n color: #fff;\n display: inline-flex;\n font-weight: 600;\n align-items: center;\n justify-content: center;\n}\n\n.github svg {\n width: 24px;\n flex-shrink: 0;\n margin-right: 6px;\n}\n\n.dark-mode .github {\n color: #1a202c;\n background-color: #fff;\n}\n\n.clipboard-wrapper {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n position: relative;\n}\n\n.clipboard-tooltip {\n color: #68717d;\n font-size: 13px;\n background-color: #fff;\n padding: 2px 5px;\n letter-spacing: .2px;\n border-radius: 4px;\n position: absolute;\n right: 100%;\n opacity: 0;\n transition: opacity .4s, margin-right .4s;\n}\n\n.clipboard-tooltip.is-copied {\n margin-right: 6px;\n opacity: 1;\n}\n\n@media (max-width: 1060px) {\n .device {\n display: none;\n }\n\n .switcher {\n margin-right: 0;\n }\n}\n\n.keyboard-nav {\n position: fixed;\n right: 158px;\n bottom: 18px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.keyboard-nav-row {\n display: flex;\n}\n\n.keyboard-button {\n width: 20px;\n height: 20px;\n opacity: 1;\n border-radius: 4px;\n flex-shrink: 0;\n margin: 1px;\n opacity: 0.5;\n background-color: var(--base-300);\n color: var(--solid-900);\n padding: 3px;\n position: relative;\n}\n\n.keyboard-nav:hover .keyboard-button:not(:hover) {\n opacity: .2;\n}\n\n.keyboard-button:hover {\n opacity: 1;\n}\n\n.keyboard-button:before {\n content: attr(data-info);\n position: absolute;\n color: var(--solid-900);\n pointer-events: none;\n font-size: 8px;\n text-transform: uppercase;\n transition: opacity .3s;\n text-align: center;\n white-space: nowrap;\n padding: 1px 4px;\n background-color: var(--base-200);\n border-radius: 4px;\n opacity: 0;\n pointer-events: none;\n z-index: -1;\n}\n\n.keyboard-button.is-active {\n animation-name: keyboard;\n animation-duration: .2s;\n animation-fill-mode: forwards;\n}\n\n\n@keyframes keyboard {\n 0% {\n box-shadow: 0;\n }\n 50% {\n box-shadow: 0 0 0 5px var(--main-500);\n z-index: 1;\n }\n}\n\n.keyboard-button:hover:before {\n opacity: 1;\n z-index: 1;\n}\n\n.k-up:before {\n left: 50%;\n transform: translateX(-50%);\n top: 24px;\n}\n\n.k-down:before {\n left: 50%;\n transform: translateX(-50%);\n top: -18px;\n}\n\n.k-left:before {\n right: -70px;\n top: 4px;\n}\n\n.k-right:before {\n left: -76px;\n top: 4px;\n}\n\n.keyboard-button:hover:before {\n opacity: 1;\n}\n\n@media (max-width: 960px) {\n .copy-to-clipboard {\n display: none;\n }\n\n .keyboard-nav{\n display: none;\n }\n}\n\n@media (max-width: 760px) {\n .copy-the-block {\n display: none;\n }\n\n .opener {\n width: 40px;\n height: 100%;\n overflow: hidden;\n color: transparent;\n white-space: nowrap;\n }\n\n .opener::before {\n width: 24px;\n height: 24px;\n }\n\n .mode {\n margin-left: auto;\n }\n\n .sidebar {\n z-index: 2;\n }\n\n .switcher {\n position: fixed;\n bottom: 24px;\n z-index: 1;\n background-color: #fff;\n border: 1px solid var(--base-200);\n right: 150px;\n }\n\n .dark-mode .switcher {\n background-color: #1a202c;\n }\n\n .app.has-sidebar .main {\n padding-left: 0;\n }\n}\n\n@media (max-width: 380px) {\n .github {\n width: 36px;\n height: 36px;\n overflow: hidden;\n border-radius: 50%;\n color: transparent;\n white-space: nowrap;\n }\n\n .github svg {\n position: absolute;\n top: 50%;\n left: 50%;\n color: #fff;\n transform: translate(-50%, -50%);\n }\n\n .dark-mode .github {\n color: transparent;\n }\n\n .dark-mode .github svg {\n color: #1a202c;\n }\n\n .switcher {\n right: 70px;\n }\n}\n" }, { "path": "src/index.js", "content": "import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n" }, { "path": "src/serviceWorker.js", "content": "// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n" }, { "path": "src/setupTests.js", "content": "// jest-dom adds custom jest matchers for asserting on DOM nodes.\n// allows you to do things like:\n// expect(element).toHaveTextContent(/react/i)\n// learn more: https://github.com/testing-library/jest-dom\nimport '@testing-library/jest-dom/extend-expect';\n" } ]