component---src-pages-products-js-cb004c37a1ce38bb59e6.js.map

{"version":3,"sources":["webpack:///./src/components/setup/SetupBox.js","webpack:///./src/pages/products.js"],"names":["SetupBox","to","href","image","headingClass","title","children","className","radius","src","alt","Spirit","h4","small","pageQuery","SetupPage","data","location","imageUrl","getMetaImageUrls","type","description","mainClass","bodyClass","page","xl","sectionHeading","sectionSubHeading"],"mappings":"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","file":"component---src-pages-products-js-cb004c37a1ce38bb59e6.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Box, Icon } from '../common'\nimport { Spirit } from '../../styles/spirit-styles'\n\nconst SetupBox = ({ to, href, image, headingClass, title, children }) => (\n    <Box\n        to={to}\n        href={href}\n        className=\"col-12 col-6-ns col-4-l pa8 tdn middarkgrey setup-box-min-height\"\n        radius=\"4\"\n    >\n        <img className=\"w10 mb1\" src={`/images/logos/` + image} alt=\"MStore\" />\n        <h4 className={`${Spirit.h4} darkgrey ${headingClass}`}>{title}</h4>\n        <div className={`${Spirit.small} mt1 midgrey`}>{children}</div>\n    </Box>\n)\n\nSetupBox.propTypes = {\n    children: PropTypes.node.isRequired,\n    icon: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    to: PropTypes.string,\n    href: PropTypes.string,\n    iconClass: PropTypes.string,\n    headingClass: PropTypes.string,\n}\n\nexport default SetupBox\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\n\nimport { Spirit } from '../styles/spirit-styles'\nimport { Layout } from '../components/common/layout'\nimport { SetupBox } from '../components/setup'\nimport { MetaData, getMetaImageUrls } from '../components/common/meta'\n\nconst SetupPage = ({ data, location }) => {\n    // Add meta title and description for this page here to overwrite the site meta data as set in the config\n    const title = `InspireUI Documents`\n    const description = `User Guide to help using the products`\n    const imageUrl = getMetaImageUrls()\n\n    return (\n        <>\n            <MetaData\n                data={data}\n                location={location}\n                type=\"website\"\n                title={title || data.site.siteMetadata.title}\n                description={description || data.site.siteMetadata.description}\n                image={imageUrl}\n            />\n            <Layout mainClass=\"bg-whitegrey-l2 pb-vw3\" bodyClass=\"bg-white\">\n                <section className=\"bg-setup\">\n                    <div className={`${Spirit.page.xl} tc-ns pt-vw6 pt-vw5-ns pb-vw5 white`}>\n                        <h1 className={`${Spirit.sectionHeading} gh-integration-header-shadow`}>Products Guide</h1>\n                        <p className={Spirit.sectionSubHeading}>\n                            The easiest way to get started is to use <strong>InspireUI products</strong>. \n                        </p>\n                    </div>\n                </section>\n\n                <div className={`${Spirit.page.xl} mt-vw3`}>\n                    <section className=\"grid-12 gutter-row-20 gutter-20-ns gutter-36-l\">\n                        <SetupBox to=\"/fluxstore\" title=\"Fluxstore Pro\" image=\"fluxstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                FluxStore Pro - Universal mobile commerce <strong>Flutter</strong> app for Magento, WooCommerce and Opencart\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/fluxnews\" title=\"FluxNews\" image=\"fluxnews.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                FluxNews - Flutter App for Wordpress\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/mstore\" title=\"MStore Pro\" image=\"mstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The Complete React Native template for <strong>mobile commerce</strong> app by React Native\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/fluxstore/woocommerce-setup/\" title=\"Fluxstore WooCommerce\" image=\"fluxstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                Universal mobile commerce <strong>Flutter</strong> app for WooCommerce\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/fluxstore/multi-vendor//\" title=\"Fluxstore Multi Vendor\" image=\"fluxstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                Multi Vendor app <strong>Flutter</strong> app for WooCommerce\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/fluxstore/listing-directory/\" title=\"Fluxstore Listing\" image=\"fluxstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The Best Of Listing Directory Flutter App\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/fluxstore/fluxstore-shopify/\" title=\"Fluxstore Shopify\" image=\"fluxstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                Universal mobile commerce Flutter app For Shopify \n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/beonews\" title=\"BeoNews Pro\" image=\"beonews.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                React Native mobile app for Wordpress for Multi-purpose\n                            </p>\n                        </SetupBox>\n\n                        <SetupBox to=\"/listapp\" title=\"ListApp\" image=\"listapp.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                            Listing Directory mobile app by React Native support MyLising, Listify & Listable\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/mstore-magento\" title=\"Mstore Magento\" image=\"mstore-magento.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The complete react native app for Magento 2\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/mstore-opencart\" title=\"Mstore Opencart\" image=\"mstore-opencart.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The complete react native app for Opencart\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/mstore-shopify\" title=\"Mstore Shopify\" image=\"mstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The complete react native app for Shopify\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/mstore-mv\" title=\"Mstore Multi Vendor\" image=\"mstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                Complete React Native template for WooCommerce, support with Dokan, WC Vendor & WCFM Marketplace\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/evastore\" title=\"EvaStore\" image=\"evastore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                            Shopify mobile store by React Native and GraphQL\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/mstore-shopify\" title=\"Mstore Shopify\" image=\"mstore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                Mstore Shopify mobile store by React Native and Rest API\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/cestore\" title=\"CeStore\" image=\"cestore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                            ReactJS web app & React Native mobile app for e-commerce\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/buzzapp\" title=\"Buzzapp\" image=\"buzzapp.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                            Viral Magazine WordPress app by React Native (CeNews)\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/cestore-web\" title=\"CeStore Web\" image=\"cestore.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                            Ecommerce Progressive Web Apps Template by ReactJS & MongoDB\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/listpro\" title=\"ListPro\" image=\"listpro.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                Listing Directory React Native template\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/reactxs\" title=\"ReactXS\" image=\"reactxs.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                 UIKit for Material Design 2.0 by React Native\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/beonboard\" title=\"BeOnboard\" image=\"beonboard.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The complete onboarding template for React Native app\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/reactpage\" title=\"ReactPage\" image=\"reactpage.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The Bootstrap Starter Kit for ReactJS and Wordpress\n                            </p>\n                        </SetupBox>\n                        <SetupBox to=\"/beostore\" title=\"BeoStore\" image=\"beoui.png\" headingClass=\"mt2\">\n                            <p className={`${Spirit.small} mw70`}>\n                                The complete Mobile UI template for React Native\n                            </p>\n                        </SetupBox>\n                        \n                    </section>\n                </div>\n            </Layout>\n        </>\n    )\n}\n\nSetupPage.propTypes = {\n    data: PropTypes.shape({\n        site: PropTypes.shape({\n            siteMetadata: PropTypes.shape({\n                siteUrl: PropTypes.string.isRequired,\n                title: PropTypes.string.isRequired,\n                description: PropTypes.string.isRequired,\n            }).isRequired,\n        }).isRequired,\n    }).isRequired,\n    location: PropTypes.shape({\n        pathname: PropTypes.string.isRequired,\n    }).isRequired,\n}\n\nexport default SetupPage\n\nexport const pageQuery = graphql`\n    query {\n        site {\n            ...SiteMetaFields\n        }\n    }\n`\n"],"sourceRoot":""}