{"version":3,"sources":["webpack:///./src/components/button-link.tsx","webpack:///./node_modules/@material-ui/core/esm/Divider/Divider.js","webpack:///./src/components/bar.tsx","webpack:///./src/components/hero.tsx","webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./node_modules/@material-ui/core/esm/CardContent/CardContent.js","webpack:///./src/components/service-card.tsx","webpack:///./src/components/services.tsx","webpack:///./src/pages/index.tsx","webpack:///./src/theme.tsx"],"names":["useStyles","makeStyles","theme","buttonLink","transition","padding","border","textDecoration","color","backgroundColor","ButtonLink","btnLink","props","classes","key","id","to","link","className","Typography","variant","title","ref","_props$absolute","absolute","_props$component","component","Component","_props$flexItem","flexItem","_props$light","light","_props$orientation","orientation","_props$role","role","undefined","_props$variant","other","root","vertical","withStyles","height","margin","flexShrink","palette","divider","position","bottom","left","width","inset","marginLeft","middle","spacing","marginRight","alignSelf","name","background","marginTop","marginBottom","Bar","Box","style","Hero","Grid","container","data-aos","item","xs","direction","justifyContent","alignItems","paddingLeft","paddingRight","maxWidth","alt","filename","display","_props$raised","raised","Paper","elevation","overflow","paddingBottom","aaa","outerDiv","addIcon","grey","ServiceCard","service","textAlign","minHeight","href","cursor","image","description","Services","delay","map","data-aos-duration","data-aos-delay","sm","IndexPage","Fragment","ThemeProvider","createTheme","typography","fontFamily","subtitle1","subtitle2","fontSize","fontWeight","primary","main","error","red","A400","default","text","secondary","disabled","shape","borderRadius"],"mappings":"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","file":"component---src-pages-index-tsx-1699d0369bc2fe4143b5.js","sourcesContent":["import { Typography } from \"@material-ui/core\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { Link } from \"gatsby\";\r\nimport React from \"react\";\r\n\r\ninterface IProps {\r\n  btnLink: ButtonLinkProp;\r\n}\r\n\r\ninterface ButtonLinkProp {\r\n  title: string;\r\n  id: string | number;\r\n  link: string;\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  buttonLink: {\r\n    \r\n    transition: \"color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out\",\r\n    padding: \"10px 20px 10px 20px\",\r\n    border: \"1px solid #0b9444\",\r\n    textDecoration: \"none\",\r\n    color: \"#0b9444\",\r\n    \"&:hover\": {\r\n      border: \"1px solid white\",\r\n      backgroundColor: \"#c49a6c\",\r\n      color: \"white\",\r\n    },\r\n  }\r\n}));\r\n\r\nconst ButtonLink  = ({ btnLink, ...props }: IProps) => {\r\n  const classes = useStyles();\r\n  return (\r\n    <Link {...props} key={btnLink.id} to={btnLink.link} className={classes.buttonLink}>\r\n      <Typography variant=\"body2\">\r\n        {btnLink.title}\r\n      </Typography>\r\n    </Link>\r\n  );\r\n};\r\nexport default ButtonLink;\r\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      height: 1,\n      margin: 0,\n      // Reset browser default style.\n      border: 'none',\n      flexShrink: 0,\n      backgroundColor: theme.palette.divider\n    },\n\n    /* Styles applied to the root element if `absolute={true}`. */\n    absolute: {\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      width: '100%'\n    },\n\n    /* Styles applied to the root element if `variant=\"inset\"`. */\n    inset: {\n      marginLeft: 72\n    },\n\n    /* Styles applied to the root element if `light={true}`. */\n    light: {\n      backgroundColor: alpha(theme.palette.divider, 0.08)\n    },\n\n    /* Styles applied to the root element if `variant=\"middle\"`. */\n    middle: {\n      marginLeft: theme.spacing(2),\n      marginRight: theme.spacing(2)\n    },\n\n    /* Styles applied to the root element if `orientation=\"vertical\"`. */\n    vertical: {\n      height: '100%',\n      width: 1\n    },\n\n    /* Styles applied to the root element if `flexItem={true}`. */\n    flexItem: {\n      alignSelf: 'stretch',\n      height: 'auto'\n    }\n  };\n};\nvar Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {\n  var _props$absolute = props.absolute,\n      absolute = _props$absolute === void 0 ? false : _props$absolute,\n      classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'hr' : _props$component,\n      _props$flexItem = props.flexItem,\n      flexItem = _props$flexItem === void 0 ? false : _props$flexItem,\n      _props$light = props.light,\n      light = _props$light === void 0 ? false : _props$light,\n      _props$orientation = props.orientation,\n      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,\n      _props$role = props.role,\n      role = _props$role === void 0 ? Component !== 'hr' ? 'separator' : undefined : _props$role,\n      _props$variant = props.variant,\n      variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,\n      other = _objectWithoutProperties(props, [\"absolute\", \"classes\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"variant\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, variant !== 'fullWidth' && classes[variant], absolute && classes.absolute, flexItem && classes.flexItem, light && classes.light, orientation === 'vertical' && classes.vertical),\n    role: role,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiDivider'\n})(Divider);","import React from \"react\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport { Divider } from \"@material-ui/core\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  divider: {\r\n    background: \"#000\",\r\n    height: 2,\r\n    marginTop: 10,\r\n    marginBottom: 10,\r\n  },\r\n}));\r\n\r\nconst Bar = () => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <Box style={{ width: 80 }}>\r\n      <Divider\r\n        classes={{ root: classes.divider }}\r\n        // style={{ height: 3, margin: 10, color: \"#000\" }}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Bar;\r\n","import React from \"react\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Image from \"./image\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport ButtonLink from \"./button-link\";\r\nimport Bar from \"./bar\";\r\n\r\nconst Hero = () => {\r\n  const readMoreLink = {\r\n    id: 1,\r\n    link: \"/over-mij\",\r\n    title: \"Lees meer\",\r\n  };\r\n\r\n  const appointmentBtn = {\r\n    id: 2,\r\n    link: \"/contact\",\r\n    title: \"Ik wil een afspraak\",\r\n  };\r\n\r\n  return (\r\n    <Grid container spacing={3} style={{ marginTop: 50 }}>\r\n      <Grid\r\n        data-aos=\"fade-left\"\r\n        item={true}\r\n        xs={12}\r\n        container\r\n        direction=\"column\"\r\n        justifyContent=\"center\"\r\n        alignItems=\"center\"\r\n        style={{ paddingLeft: 40, paddingRight: 40 }}\r\n      >\r\n        <div style={{ width: \"100%\" }}>\r\n          <Image style={{ margin: \"auto\" }} maxWidth={450} alt=\"Mediatio - Concilium - Maarten\" filename=\"e.png\" />\r\n        </div>\r\n        <Bar />\r\n        <Typography variant=\"subtitle1\" style={{}}>\r\n          Gedreven door dialoog.\r\n        </Typography>\r\n\r\n        {/*<!-- Profile picture -->*/}\r\n        <Grid\r\n          data-aos=\"fade-left\"\r\n          item={true}\r\n          container\r\n          direction=\"column\"\r\n          justifyContent=\"center\"\r\n          alignItems=\"center\"\r\n          style={{ padding: 10 }}\r\n        >\r\n          <Grid item={true} container direction=\"row\" justifyContent=\"center\" alignItems=\"center\">\r\n            <Grid\r\n              style={{ maxWidth: 400 }}\r\n              item={true}\r\n              container\r\n              direction=\"row\"\r\n              justifyContent=\"center\"\r\n              alignItems=\"center\"\r\n            >\r\n              <div style={{ display: \"flex\", margin: 5 }}>\r\n                <ButtonLink btnLink={readMoreLink}></ButtonLink>\r\n              </div>\r\n              <div style={{ display: \"flex\", margin: 5 }}>\r\n                <ButtonLink data-aos=\"fade-up\" btnLink={appointmentBtn}></ButtonLink>\r\n              </div>\r\n            </Grid>\r\n          </Grid>\r\n        </Grid>\r\n      </Grid>\r\n    </Grid>\r\n  );\r\n};\r\nexport default Hero;\r\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    overflow: 'hidden'\n  }\n};\nvar Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$raised = props.raised,\n      raised = _props$raised === void 0 ? false : _props$raised,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"raised\"]);\n\n  return /*#__PURE__*/React.createElement(Paper, _extends({\n    className: clsx(classes.root, className),\n    elevation: raised ? 8 : 1,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCard'\n})(Card);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    padding: 16,\n    '&:last-child': {\n      paddingBottom: 24\n    }\n  }\n};\nvar CardContent = /*#__PURE__*/React.forwardRef(function CardContent(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardContent'\n})(CardContent);","import React from \"react\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Image from \"./image\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport { Link } from \"gatsby\";\r\n\r\ninterface IProps {\r\n  service: Service;\r\n}\r\n\r\ninterface Service {\r\n  title: string;\r\n  image: string;\r\n  description: string;\r\n  link: string;\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  aaa: {\r\n    textDecoration: \"none\",\r\n    color: \"black\",\r\n    \"&:hover\": {\r\n      color: \"#c49a6c\",\r\n      textDecoration: \"underline\",\r\n    },\r\n  },\r\n  outerDiv: {\r\n    padding: theme.spacing(4),\r\n    // \"&:hover\": {\r\n    //   backgroundColor: theme.palette.grey[100],\r\n    // },\r\n  },\r\n  addIcon: () => ({\r\n    height: 50,\r\n    width: 50,\r\n    color: theme.palette.grey[400],\r\n    marginBottom: theme.spacing(2),\r\n  }),\r\n}));\r\n\r\nconst ServiceCard = ({ service, ...props }: IProps) => {\r\n  const classes = useStyles();\r\n  return (\r\n    <Card className={classes.outerDiv}>\r\n      <CardContent style={{ textAlign: \"start\", minHeight: 200 }}>\r\n        <a\r\n          href={service.link}\r\n          style={{\r\n            cursor: \"pointer\",\r\n            width: 40,\r\n            padding: \"10px 10px 10px 0px\",\r\n          }}\r\n        >\r\n          <Image maxWidth={100} alt={service.title} filename={service.image} />\r\n        </a>\r\n        <Typography variant=\"h6\" color=\"inherit\">\r\n          <Link key={service.link} to={service.link} className={classes.aaa}>\r\n            {service.title}\r\n          </Link>\r\n        </Typography>\r\n        <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\r\n          {service.description}\r\n        </Typography>\r\n      </CardContent>\r\n    </Card>\r\n  );\r\n};\r\nexport default ServiceCard;\r\n","import React from \"react\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport ServiceCard from \"./service-card\";\r\nimport Bar from \"./bar\";\r\nimport ButtonLink from \"./button-link\";\r\nimport Image from \"./image\";\r\n\r\nconst Services = () => {\r\n\r\n  let services = [\r\n    {\r\n      id: 1,\r\n      delay: 150,\r\n      image: \"bemiddeling-en-advies.png\",\r\n      link: \"bemiddeling-en-advies\",\r\n      title: \"Bemiddeling en advies\",\r\n      description:\r\n        \"Kom tot een oplossing die in het belang is van alle partijen.\",\r\n    },\r\n    {\r\n      id: 2,\r\n      delay: 300,\r\n      image: \"Tarieven.png\",\r\n      link: \"/tarieven\",\r\n      title: \"Tarieven\",\r\n      description: \"Leer meer over de kosten van een bemiddeling.\",\r\n    },\r\n    {\r\n      id: 3,\r\n      delay: 450,\r\n      image: \"Contact.png\",\r\n      link: \"/contact\",\r\n      title: \"Contact\",\r\n      description:\r\n        \"Neem contact op voor vragen of een afspraak.\",\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <Grid\r\n      container\r\n      spacing={3}\r\n      style={{\r\n        textAlign: \"center\",\r\n        minHeight: 200,\r\n        padding: 10,\r\n      }}\r\n    >\r\n      {services.map(service => (\r\n        <Grid\r\n          data-aos-duration=\"750\"\r\n          data-aos=\"zoom-in\"\r\n          data-aos-delay={service.delay}\r\n          style={{ display: \"inline-grid\" }}\r\n          item\r\n          xs={12}\r\n          sm={4}\r\n          key={service.id}\r\n        >\r\n          <ServiceCard service={service} />\r\n        </Grid>\r\n      ))}\r\n     \r\n    </Grid>\r\n  );\r\n};\r\nexport default Services;\r\n","import { Grid, ThemeProvider, Typography } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport Bar from \"../components/bar\";\r\nimport Hero from \"../components/hero\";\r\nimport Image from \"../components/image\";\r\nimport Layout from \"../components/layout\";\r\nimport SEO from \"../components/seo\";\r\nimport Services from \"../components/services\";\r\nimport theme from \"../theme\";\r\n\r\nconst IndexPage = () => (\r\n  <React.Fragment>\r\n    <ThemeProvider theme={theme}>\r\n      <Layout>\r\n        <SEO title=\"Concilium bemiddeling\" />\r\n\r\n        <Hero />\r\n        <Services />\r\n        <Grid\r\n          data-aos=\"fade-left\"\r\n          item={true}\r\n          xs={12}\r\n          container\r\n          direction=\"column\"\r\n          justifyContent=\"center\"\r\n          alignItems=\"center\"\r\n          style={{ paddingLeft: 40, paddingRight: 40 }}\r\n        >\r\n          <Typography variant=\"subtitle1\" style={{marginTop:20}}>\r\n            Ik maak sinds 1 april 2023 deel uit van het advocatenkantoor Kantoor 33, gelegen te 9600 Ronse, Grote Markt\r\n            33. Ik zal daar mijn bemiddelings- en andere juridische activiteiten, zoals vermeld op deze website, verder\r\n            uitoefenen.\r\n          </Typography>\r\n        </Grid>\r\n      </Layout>\r\n    </ThemeProvider>\r\n  </React.Fragment>\r\n);\r\n\r\nexport default IndexPage;\r\n","import { red } from \"@material-ui/core/colors\";\r\nimport { createTheme } from '@material-ui/core/styles';\r\n// it could be your App.tsx file or theme file that is included in your tsconfig.json\r\nimport { Theme } from '@material-ui/core/styles';\r\n\r\ndeclare module '@material-ui/styles/defaultTheme' {\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface (remove this line if you don't have the rule enabled)\r\n  interface DefaultTheme extends Theme {}\r\n}\r\n\r\nconst theme = createTheme({\r\n  typography: {\r\n    fontFamily: \"\\\"Quicksand\\\", -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, Helvetica, Arial, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\"\",\r\n    subtitle1: {\r\n      color: \"#7D7987\",\r\n    },\r\n    subtitle2: {\r\n      fontSize: \"0.875rem\",\r\n      fontWeight: \"normal\"\r\n    }\r\n  },\r\n  palette: {\r\n    primary: {\r\n      main: \"#d7bea8\",\r\n    },\r\n    error: {\r\n      main: red.A400,\r\n    },\r\n    background: {\r\n      default: \"#fff\",\r\n    },\r\n    text: {\r\n      primary: \"#000\",\r\n      secondary: \"#7D7987 !important\",\r\n      disabled: \"#CCC\"\r\n    },\r\n\r\n  },\r\n  shape: {\r\n    borderRadius: 20,\r\n  },\r\n});\r\n\r\nexport default theme;\r\n"],"sourceRoot":""}