{"version":3,"sources":["webpack://t-cards-online/./src/components/Service/Service.jsx","webpack://t-cards-online/./src/components/Service/Service.module.scss","webpack://t-cards-online/./src/components/TextMedia/TextMedia.module.scss","webpack://t-cards-online/./src/components/TextMedia/TextMedia.jsx","webpack://t-cards-online/./src/pages/pricing.js","webpack://t-cards-online/./src/svgs/single-card.svg"],"names":["serviceContent","title","body","img","props","className","Container","Row","Col","lg","Link","to","Button","variant","size","href","map","item","i","key","icon","defaultData","text","image","S","src","alt","data","blocks","el","even","order","data-sal","data-sal-duration","data-sal-delay","data-sal-easing","styles","display","paddingTop","Text","additional","showAdvanced","style","React","SingleCard","createElement","defaultProps","module","exports","default"],"mappings":"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","file":"component---src-pages-pricing-js-cd439fe1521702621687.js","sourcesContent":["import { Link } from \"gatsby\";\r\nimport React from \"react\";\r\nimport { Button, Col, Container, Row } from \"react-bootstrap\";\r\nimport * as styles from \"./Service.module.scss\";\r\n\r\nconst serviceContent = [\r\n  {\r\n    title: \"FREE Bespoke Setup\",\r\n    body: `We understand that our clients don't always have the time to set\r\n  up and learn a brand new system so we can do that for you\r\n  completely FREE OF CHARGE. Get truly custom Boards and T Cards\r\n  to suit your specific needs alongside ongoing assistance at zero\r\n  extra cost.`,\r\n    img: \"http://placehold.it/800x600\",\r\n  },\r\n  {\r\n    title: \"Personal Client Support\",\r\n    body: `When you contact us you'll be speaking directly to a member of\r\n    our team and never a call centre. Client satisfaction is our top\r\n    priority so you can rest assured that whatever your query we'll\r\n    be there to assist you personally.`,\r\n    img: \"http://placehold.it/800x600\",\r\n  },\r\n  {\r\n    title: \"Always Evolving, Always Listening\",\r\n    body: `We're constantly adding new features to T Cards Online based on\r\n  our clients' needs so if there's a feature your business needs\r\n  which we're missing, contact us as it could be coming soon.`,\r\n    img: \"http://placehold.it/800x600\",\r\n  },\r\n];\r\n\r\nconst Service = (props) => {\r\n  return (\r\n    <section className={styles.root}>\r\n      <Container>\r\n        <Row className='align-items-center'>\r\n          <Col lg className={styles.left}>\r\n            {/* {serviceContent.map((item, i) => (\r\n              <img\r\n                key={\"service-img-\" + i}\r\n                className='img-fluid'\r\n                src={item.img}\r\n              />\r\n            ))} */}\r\n            <h2 className='title'>\r\n              Packaged with\r\n              <br />\r\n              50+ Years of Planning Experience\r\n            </h2>\r\n            <p>\r\n              T Cards Online is built and maintained by T Cards Direct; A family\r\n              business with over 50 years experience designing, manufacturing\r\n              and supplying T Cards and T Card Systems for a wide range of{\" \"}\r\n              <Link to='/construction'>industries</Link>.\r\n            </p>\r\n            <p>\r\n              A subscription to T Cards Online includes full access to this\r\n              experience offering support and advice to improve your processes.\r\n            </p>\r\n\r\n            <Button\r\n              variant='primary'\r\n              size='lg'\r\n              href='https://app.tcardsonline.co.uk/register'\r\n            >\r\n              Sign up for a free trial now\r\n            </Button>\r\n          </Col>\r\n          <Col lg>\r\n            {serviceContent.map((item, i) => (\r\n              <div key={\"service-content-\" + i} className={styles.box}>\r\n                <h4>{item.title}</h4>\r\n                <p>{item.body}</p>\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default Service;\r\n","// extracted by mini-css-extract-plugin\nexport var root = \"Service-module--root---3V7F\";\nexport var left = \"Service-module--left--lkGod\";\nexport var box = \"Service-module--box--3COeF\";\nexport var btn = \"Service-module--btn--2iyd6\";","// extracted by mini-css-extract-plugin\nexport var root = \"TextMedia-module--root--2V1fG\";\nexport var block = \"TextMedia-module--block--2riRd\";\nexport var row = \"TextMedia-module--row--Kp4_x\";\nexport var image = \"TextMedia-module--image--2gjih\";\nexport var text = \"TextMedia-module--text--2LK0d\";\nexport var icon = \"TextMedia-module--icon--iLgyM\";\nexport var icon1 = \"TextMedia-module--icon1--1Iyo4\";\nexport var icon2 = \"TextMedia-module--icon2--KEgN4\";\nexport var icon3 = \"TextMedia-module--icon3--2GlVZ\";","import React from \"react\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\nimport * as styles from \"./TextMedia.module.scss\";\r\nimport Icon from \"../../svgs/single-card.svg\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\n\r\nconst defaultData = [\r\n  {\r\n    title: \"Calendar or Custom Boards\",\r\n    text: \"Quickly create and edit boards using dates or custom column names. Create and name Row Groups for extra versatile planning.\",\r\n    image: (\r\n      <StaticImage\r\n        src='../../images/new-board.png'\r\n        alt='Calendar or Custom Boards'\r\n      />\r\n    ),\r\n  },\r\n  {\r\n    title: \"Unlimited Card Designs\",\r\n    text: \"Card Designs can easily be created to suit any process using one of our design templates or simply create your own.\",\r\n    image: (\r\n      <StaticImage\r\n        src='../../images/new-design.png'\r\n        alt='Unlimited Card Designs'\r\n      />\r\n    ),\r\n  },\r\n  {\r\n    title: \"Flexible User Permissions\",\r\n    text: \"Change permissions to restrict the access or editing rights for all team members. Choose who can edit or view anything from Boards to Row Groups to individual fields.\",\r\n    image: (\r\n      <StaticImage\r\n        src='../../images/user-permissions.png'\r\n        alt='Flexible User Permissions'\r\n      />\r\n    ),\r\n  },\r\n  {\r\n    title: \"Import Data to Boards\",\r\n    text: \"Quickly import cards straight to a Board from an Excel spreadsheet. Simply download the Board template, populate the fields and upload.\",\r\n    image: (\r\n      <StaticImage src='../../images/import.png' alt='Import Data to Boards' />\r\n    ),\r\n  },\r\n];\r\n\r\nconst TextMedia = ({ title, data = defaultData }) => {\r\n  const blocks = data.map((el, i) => {\r\n    const even = i % 2 === 0;\r\n\r\n    return (\r\n      <div key={\"textMediaBlock-\" + i} className={styles.block}>\r\n        <Row className='align-items-md-center'>\r\n          <Col lg={{ order: even ? 0 : 1 }}>\r\n            <div\r\n              className={styles.image}\r\n              data-sal={`slide-${even ? \"right\" : \"left\"}`}\r\n              data-sal-duration='500'\r\n              data-sal-delay='0'\r\n              data-sal-easing='ease'\r\n            >\r\n              {el.image}\r\n            </div>\r\n          </Col>\r\n          <Col lg>\r\n            <div className={styles.text}>\r\n              <h2>{el.title}</h2>\r\n              <p>{el.text}</p>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n      </div>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <section className={styles.root}>\r\n      <Icon className={`${styles.icon} ${styles.icon1}`} />\r\n      <Icon className={`${styles.icon} ${styles.icon2}`} />\r\n      <Icon className={`${styles.icon} ${styles.icon3}`} />\r\n      <Container>\r\n        {title && (\r\n          <h2 className='title text-center italic'>\r\n            {title}\r\n            {/* ...with productivity <span>boosting</span> features... */}\r\n          </h2>\r\n        )}\r\n\r\n        {blocks}\r\n      </Container>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default TextMedia;\r\n","import React from \"react\";\r\nimport Layout from \"../components/Layout/Layout\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport Pricing2 from \"../components/Pricing2/Pricing2\";\r\nimport TextMedia from \"../components/TextMedia/TextMedia\";\r\nimport Features from \"../components/Features/Features\";\r\nimport Service from \"../components/Service/Service\";\r\n\r\nconst title = {\r\n  display: \"inline-block\",\r\n  paddingTop: \"3rem\",\r\n};\r\n\r\nconst Text = () => {\r\n  return (\r\n    <>\r\n      <h1>Fair Pricing</h1>\r\n      <p>\r\n        Prices are based on the number of users, not the number of features, so\r\n        whether a team of 2 or 100 you get the same great product:\r\n      </p>\r\n      <p>\r\n        Unlimited T Cards, Unlimited Card Designs, 5 Custom Boards, 1gb\r\n        Attachment Storage and much more.\r\n      </p>\r\n    </>\r\n  );\r\n};\r\n\r\nconst PricingPage = () => {\r\n  return (\r\n    <Layout>\r\n      <Helmet>\r\n        <title>T Cards Online | Pricing</title>\r\n      </Helmet>\r\n      <Pricing2 additional showAdvanced text={<Text />} />\r\n      <TextMedia\r\n        title={\r\n          <span style={title}>\r\n            Packed with productivity <em>boosting</em> features...\r\n          </span>\r\n        }\r\n      />\r\n      <Features />\r\n      <Service />\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default PricingPage;\r\n","var React = require('react');\n\nfunction SingleCard (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M23.88,18.42l1.49-1.49a1.74,1.74,0,0,0,0-2.48L12,1A1.76,1.76,0,0,0,9.47,1L8.23,2.26A2.11,2.11,0,0,0,8,5L1,12a1.77,1.77,0,0,0,0,2.49L12,25.37a1.76,1.76,0,0,0,2.49,0l7-6.95A1.76,1.76,0,0,0,23.88,18.42Z\"}));\n}\n\nSingleCard.defaultProps = {\"id\":\"SingleCardIcon\",\"data-name\":\"SingleCardIcon\",\"viewBox\":\"0 0 26.38 26.38\"};\n\nmodule.exports = SingleCard;\n\nSingleCard.default = SingleCard;\n"],"sourceRoot":""}