{"data":{"allBlock":{"nodes":[{"__typename":"MdxBlock","id":"34583ebf-2fd0-5fa0-8b78-4b83549cbf3f","src":"contactus","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","data":null},{"__typename":"MdxBlock","id":"9f0b35e0-4556-5e15-a41d-f973e5eae817","src":"aboutus","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Section = makeShortcode(\"Section\");\nvar Container = makeShortcode(\"Container\");\nvar Div = makeShortcode(\"Div\");\nvar H2 = makeShortcode(\"H2\");\nvar P = makeShortcode(\"P\");\nvar Span = makeShortcode(\"Span\");\nvar Br = makeShortcode(\"Br\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Section, {\n    py: \"8|12|16|24\",\n    mdxType: \"Section\"\n  }, mdx(Container, {\n    mdxType: \"Container\"\n  }, mdx(Div, {\n    textAlign: \"center\",\n    mdxType: \"Div\"\n  }, mdx(H2, {\n    fontSize: \"4xl|5xl\",\n    m: \"0\",\n    mdxType: \"H2\"\n  }, \"Our Story\"), mdx(P, {\n    fontSize: \"xl|2xl\",\n    mt: \"2\",\n    mdxType: \"P\"\n  }, mdx(Span, {\n    fontWeight: \"thin\",\n    mdxType: \"Span\"\n  }, \"Archish Enterprises is a Mumbai, India based company engaged in design, printing, manufacturing & distributing wide range of packaging materials such as corrugated boxes, cardboard boxes, BOPP tapes, Bubble Wraps, Courier Bags, Strech Film, etc.\"), mdx(Br, {\n    mdxType: \"Br\"\n  }), \"We provide package design solutions to a wide array of industry and end user applications.\")))));\n}\n;\nMDXContent.isMDXComponent = true;","data":null},{"__typename":"MdxBlock","id":"a7367985-6303-5e43-a9b7-9fdab3ba86d1","src":"cards","body":"function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar Team = function Team(_ref) {\n  var props = Object.assign({}, _ref);\n  return mdx(Section, _extends({\n    py: \"8|12|16|24\"\n  }, props, {\n    mdxType: \"Section\"\n  }), mdx(Container, {\n    mdxType: \"Container\"\n  }, mdx(Flexbox, {\n    flexDirection: \"column\",\n    textAlign: \"center\",\n    mdxType: \"Flexbox\"\n  }, mdx(H2, {\n    m: \"0\",\n    mdxType: \"H2\"\n  }, \"Our Products\"), mdx(P, {\n    fontSize: \"xl|2xl\",\n    mt: \"2\",\n    textAlign: \"center\",\n    mdxType: \"P\"\n  }, \"Grow your business with the help of our products\")), mdx(Grid, {\n    col: \"1|3\",\n    gap: \"4|6|8\",\n    mt: \"4|6|8\",\n    mdxType: \"Grid\"\n  }, mdx(Member, {\n    picture: \"corrugated_box.png\",\n    name: \"Corrugated Box\",\n    position: \"3 Ply | 5 Ply | 7 Ply\",\n    bio: \"All kinds of custom, brown & white boxes\",\n    mdxType: \"Member\"\n  }), mdx(Member, {\n    picture: \"corrugated_roll.png\",\n    name: \"Corrugated Roll\",\n    position: \"2 Ply\",\n    bio: \"Easily adapts to all shapes with different measurement & sizes\",\n    mdxType: \"Member\"\n  }), mdx(Member, {\n    picture: \"bopp_tape.png\",\n    name: \"BOPP Tape\",\n    position: \"Foam | Transparent | Tissue | Packaging\",\n    bio: \"Strong grip with excellent durability. Custom sizes & color tapes\",\n    mdxType: \"Member\"\n  }), mdx(Member, {\n    picture: \"stretch_film.png\",\n    name: \"Stretch Film\",\n    position: \"Wrap | Cling Film\",\n    bio: \"Wide range of sizes from 3 inch to 2 feet rolls to suit manual application on various product types\",\n    mdxType: \"Member\"\n  }), mdx(Member, {\n    picture: \"air_bubble.png\",\n    name: \"Air Bubble\",\n    position: \"Wrap | Roll Transparent\",\n    bio: \"Great for e-commerce shipments & confidential products. Sizes ranging from 35 GSM to 120 GSM\",\n    mdxType: \"Member\"\n  }), mdx(Member, {\n    picture: \"strapping_roll.jpg\",\n    name: \"Strapping Rolls\",\n    position: \"1 inch | 2 inch\",\n    bio: \"Made from high grade virgin polymer\",\n    mdxType: \"Member\"\n  }))));\n};\n\nvar Member = function Member(_ref2) {\n  var picture = _ref2.picture,\n      name = _ref2.name,\n      position = _ref2.position,\n      bio = _ref2.bio,\n      socialLinks = _ref2.socialLinks,\n      props = _objectWithoutProperties(_ref2, [\"picture\", \"name\", \"position\", \"bio\", \"socialLinks\"]);\n\n  return mdx(Div, _extends({\n    boxShadow: \"md\",\n    rounded: \"lg\",\n    overflow: \"hidden\"\n  }, props, {\n    mdxType: \"Div\"\n  }), mdx(Image, {\n    src: picture,\n    w: \"full\",\n    h: \"48|56|64\",\n    mdxType: \"Image\"\n  }), mdx(Div, {\n    p: \"6\",\n    mdxType: \"Div\"\n  }, mdx(P, {\n    m: \"0\",\n    fontSize: \"xl\",\n    fontWeight: \"semibold\",\n    mdxType: \"P\"\n  }, name), mdx(P, {\n    m: \"0\",\n    fontSize: \"md\",\n    mdxType: \"P\"\n  }, position), mdx(P, {\n    mt: \"4\",\n    fontSize: \"md\",\n    mdxType: \"P\"\n  }, bio)));\n};\n\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Section = makeShortcode(\"Section\");\nvar Container = makeShortcode(\"Container\");\nvar Flexbox = makeShortcode(\"Flexbox\");\nvar H2 = makeShortcode(\"H2\");\nvar P = makeShortcode(\"P\");\nvar Grid = makeShortcode(\"Grid\");\nvar Div = makeShortcode(\"Div\");\nvar Image = makeShortcode(\"Image\");\nvar layoutProps = {\n  Team: Team,\n  Member: Member,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref3) {\n  var components = _ref3.components,\n      props = _objectWithoutProperties(_ref3, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","data":null},{"__typename":"MdxBlock","id":"65af7eb9-364d-5727-b770-931ebd37897b","src":"copyright","body":"function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar Copyright = function Copyright(_ref) {\n  var props = Object.assign({}, _ref);\n\n  var _useSiteMetadata = useSiteMetadata(),\n      title = _useSiteMetadata.title;\n\n  return mdx(P, _extends({\n    fontSize: \"sm\"\n  }, props, {\n    mdxType: \"P\"\n  }), \"\\xA9 \", new Date().getFullYear(), \" \", title);\n};\n\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar P = makeShortcode(\"P\");\nvar layoutProps = {\n  Copyright: Copyright,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref2) {\n  var components = _ref2.components,\n      props = _objectWithoutProperties(_ref2, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","data":null},{"__typename":"MdxBlock","id":"3989f827-3801-581c-9d9b-671bc382e668","src":"features","body":"function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar Features = function Features(_ref) {\n  var props = Object.assign({}, _ref);\n  return mdx(Section, _extends({\n    py: \"8|12|16|24\"\n  }, props, {\n    mdxType: \"Section\"\n  }), mdx(Container, {\n    mdxType: \"Container\"\n  }, mdx(H2, {\n    m: \"0\",\n    lineHeight: \"tight\",\n    textAlign: \"center\",\n    mdxType: \"H2\"\n  }, \"Why choose us?\"), mdx(P, {\n    fontSize: \"xl|2xl\",\n    mt: \"2\",\n    textAlign: \"center\",\n    mdxType: \"P\"\n  }, \"We provide the best services to help you grow your business\"), mdx(Grid, {\n    col: \"1|2|3\",\n    mt: \"8|10|12\",\n    gap: \"4|6|8\",\n    mdxType: \"Grid\"\n  }, mdx(Feature, {\n    icon: \"check\",\n    heading: \"Quality\",\n    description: \"We provide finest premium quality product\",\n    mdxType: \"Feature\"\n  }), mdx(Feature, {\n    icon: \"clock\",\n    heading: \"Delivery\",\n    description: \"Timely delivery of product\",\n    mdxType: \"Feature\"\n  }), mdx(Feature, {\n    icon: \"smile\",\n    heading: \"Loyalty\",\n    description: \"Best services, support & customer satisfication\",\n    mdxType: \"Feature\"\n  }))));\n};\n\nvar Feature = function Feature(_ref2) {\n  var icon = _ref2.icon,\n      heading = _ref2.heading,\n      description = _ref2.description,\n      props = _objectWithoutProperties(_ref2, [\"icon\", \"heading\", \"description\"]);\n\n  return mdx(Flexbox, _extends({\n    flexDirection: \"column\",\n    textAlign: \"center\",\n    borderWidth: \"1px\",\n    rounded: \"lg\",\n    p: \"4|6|8\"\n  }, props, {\n    mdxType: \"Flexbox\"\n  }), mdx(Flexbox, {\n    bg: \"primary\",\n    color: \"white\",\n    rounded: \"full\",\n    size: \"16\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    mdxType: \"Flexbox\"\n  }, mdx(Icon, {\n    name: icon,\n    size: \"8\",\n    mdxType: \"Icon\"\n  })), mdx(H3, {\n    fontSize: \"2xl\",\n    mt: \"4|6\",\n    mb: \"0\",\n    mdxType: \"H3\"\n  }, heading), mdx(P, {\n    mb: \"0\",\n    mdxType: \"P\"\n  }, description));\n};\n\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Section = makeShortcode(\"Section\");\nvar Container = makeShortcode(\"Container\");\nvar H2 = makeShortcode(\"H2\");\nvar P = makeShortcode(\"P\");\nvar Grid = makeShortcode(\"Grid\");\nvar Flexbox = makeShortcode(\"Flexbox\");\nvar Icon = makeShortcode(\"Icon\");\nvar H3 = makeShortcode(\"H3\");\nvar layoutProps = {\n  Features: Features,\n  Feature: Feature,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref3) {\n  var components = _ref3.components,\n      props = _objectWithoutProperties(_ref3, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","data":null},{"__typename":"MdxBlock","id":"34798355-4a0f-5834-9ddd-93c97486b9bd","src":"footer","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar FooterBlock = function FooterBlock() {\n  var _useSiteMetadata = useSiteMetadata(),\n      title = _useSiteMetadata.title;\n\n  return mdx(Section, {\n    py: [8, 10, 12],\n    mdxType: \"Section\"\n  }, mdx(Container, {\n    mdxType: \"Container\"\n  }, mdx(Flexbox, {\n    flexDirection: [\"column\", \"row\"],\n    alignItems: [\"flex-start\", \"center\"],\n    justifyContent: \"space-between\",\n    mdxType: \"Flexbox\"\n  }, mdx(Div, {\n    maxW: \"300px\",\n    mdxType: \"Div\"\n  }, mdx(H2, {\n    m: \"0\",\n    fontSize: \"xl|2xl|3xl\",\n    color: \"primary\",\n    mdxType: \"H2\"\n  }, title), mdx(A, {\n    href: \"mailto:archishenterprises@gmail.com\",\n    fontSize: \"md\",\n    color: \"primary\",\n    lineHeight: \"none\",\n    mdxType: \"A\"\n  }, mdx(Icon, {\n    name: \"mail\",\n    size: \"5\",\n    mr: \"2\",\n    color: \"primary\",\n    mdxType: \"Icon\"\n  }), \"archishenterprises@gmail.com\")), mdx(NavMenu, {\n    name: \"footer-example\",\n    dropdown: false,\n    expand: false,\n    my: \"6|0\",\n    gap: \"4|8\",\n    mdxType: \"NavMenu\"\n  }), mdx(Grid, {\n    col: \"2\",\n    gap: \"4\",\n    mt: [4, 0],\n    mdxType: \"Grid\"\n  }, mdx(A, {\n    href: \"tel: +91 9324647300\",\n    color: \"primary\",\n    mdxType: \"A\"\n  }, mdx(Icon, {\n    name: \"phone\",\n    size: 5,\n    mdxType: \"Icon\"\n  }), mdx(VisuallyHidden, {\n    mdxType: \"VisuallyHidden\"\n  }, \"Call us\")), mdx(A, {\n    href: \"mailto:archishenterprises@gmail.com\",\n    color: \"primary\",\n    mdxType: \"A\"\n  }, mdx(Icon, {\n    name: \"mail\",\n    size: 5,\n    mdxType: \"Icon\"\n  }), mdx(VisuallyHidden, {\n    mdxType: \"VisuallyHidden\"\n  }, \"Mail Us\")))), mdx(Div, {\n    borderTopWidth: 1,\n    textAlign: \"center\",\n    pt: [4, 5, 6],\n    mt: [4, 5, 6],\n    mdxType: \"Div\"\n  }, mdx(P, {\n    fontSize: \"sm\",\n    mt: \"0\",\n    mdxType: \"P\"\n  }, \"\\xA9 \", new Date().getFullYear(), \" \", title))));\n};\n\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Section = makeShortcode(\"Section\");\nvar Container = makeShortcode(\"Container\");\nvar Flexbox = makeShortcode(\"Flexbox\");\nvar Div = makeShortcode(\"Div\");\nvar H2 = makeShortcode(\"H2\");\nvar A = makeShortcode(\"A\");\nvar Icon = makeShortcode(\"Icon\");\nvar NavMenu = makeShortcode(\"NavMenu\");\nvar Grid = makeShortcode(\"Grid\");\nvar VisuallyHidden = makeShortcode(\"VisuallyHidden\");\nvar P = makeShortcode(\"P\");\nvar layoutProps = {\n  FooterBlock: FooterBlock,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","data":null},{"__typename":"MdxBlock","id":"bdf53ca2-94e2-50e5-aef6-550744ba7af5","src":"header","body":"function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar HeaderBlock = function HeaderBlock(_ref) {\n  var props = Object.assign({}, _ref);\n\n  var _React$useState = React.useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      showMenu = _React$useState2[0],\n      setShowMenu = _React$useState2[1];\n\n  var navName = \"header\";\n  return mdx(Header, _extends({\n    position: [\"sticky\", \"relative\"],\n    top: \"0\",\n    bg: \"background\",\n    zIndex: \"1000\"\n  }, props, {\n    mdxType: \"Header\"\n  }), mdx(Container, {\n    mdxType: \"Container\"\n  }, mdx(Flexbox, {\n    d: [\"none\", \"flex\"],\n    justifyContent: \"space-between\",\n    py: \"1\",\n    mdxType: \"Flexbox\"\n  }, mdx(Image, {\n    src: \"logo.jpg\",\n    w: \"20\",\n    h: \"20\",\n    mr: \"2\",\n    mdxType: \"Image\"\n  }), mdx(Branding, {\n    mdxType: \"Branding\"\n  }), mdx(NavMenu, {\n    name: navName,\n    gap: [0, 8, 14],\n    ml: [\"auto\", \"auto\"],\n    mr: \"null|10\",\n    mdxType: \"NavMenu\"\n  }), mdx(ModeToggle, {\n    ml: \"0\",\n    mdxType: \"ModeToggle\"\n  }))), mdx(Flexbox, {\n    d: [\"flex\", \"none\"],\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    mdxType: \"Flexbox\"\n  }, mdx(Flexbox, {\n    justifyContent: \"space-between\",\n    w: \"full\",\n    pl: \"4\",\n    pr: \"1\",\n    visibility: showMenu ? \"hidden\" : \"visible\",\n    transition: \"all .15s ease-in\",\n    mdxType: \"Flexbox\"\n  }, mdx(Image, {\n    src: \"logo.jpg\",\n    w: \"20\",\n    h: \"16\",\n    mr: \"2\",\n    mdxType: \"Image\"\n  }), mdx(Branding, {\n    mdxType: \"Branding\"\n  }), mdx(Button, {\n    variant: \"link\",\n    hoverBg: \"secondary\",\n    outline: \"none\",\n    onClick: function onClick() {\n      return setShowMenu(true);\n    },\n    mdxType: \"Button\"\n  }, mdx(Icon, {\n    name: \"menu\",\n    size: \"7\",\n    mdxType: \"Icon\"\n  }))), mdx(Div, {\n    position: \"absolute\",\n    zIndex: \"1000\",\n    bg: \"background\",\n    top: \"4\",\n    left: \"4\",\n    right: \"4\",\n    px: \"4\",\n    rounded: \"xl\",\n    overflow: \"scroll\",\n    boxShadow: \"3xl\",\n    border: \"1px solid\",\n    borderColor: \"border\",\n    transform: \"scale(\".concat(showMenu ? 1 : 0.95, \")\"),\n    visibility: showMenu ? \"visible\" : \"hidden\",\n    opacity: showMenu ? 1 : 0,\n    transition: \"all .25s ease-in\",\n    transformOrigin: \"100% 0\",\n    maxHeight: \"95vh\",\n    mdxType: \"Div\"\n  }, mdx(Flexbox, {\n    justifyContent: \"space-between\",\n    w: \"full\",\n    py: \"2\",\n    px: \"0\",\n    mdxType: \"Flexbox\"\n  }, mdx(Branding, {\n    mdxType: \"Branding\"\n  }), mdx(Button, {\n    variant: \"link\",\n    hoverBg: \"secondary\",\n    onClick: function onClick() {\n      return setShowMenu(false);\n    },\n    mr: -3,\n    mdxType: \"Button\"\n  }, mdx(Icon, {\n    name: \"x\",\n    size: \"6\",\n    mdxType: \"Icon\"\n  }))), mdx(NavMenu, {\n    name: navName,\n    gap: [0, 8],\n    borderTopWidth: \"1px\",\n    mdxType: \"NavMenu\"\n  }))));\n};\n\nvar Branding = function Branding() {\n  var _useSiteMetadata = useSiteMetadata(),\n      title = _useSiteMetadata.title;\n\n  return mdx(Span, {\n    fontSize: \"2xl\",\n    fontWeight: \"semibold\",\n    color: \"primary\",\n    mdxType: \"Span\"\n  }, title);\n};\n\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Header = makeShortcode(\"Header\");\nvar Container = makeShortcode(\"Container\");\nvar Flexbox = makeShortcode(\"Flexbox\");\nvar Image = makeShortcode(\"Image\");\nvar NavMenu = makeShortcode(\"NavMenu\");\nvar ModeToggle = makeShortcode(\"ModeToggle\");\nvar Button = makeShortcode(\"Button\");\nvar Icon = makeShortcode(\"Icon\");\nvar Div = makeShortcode(\"Div\");\nvar Span = makeShortcode(\"Span\");\nvar layoutProps = {\n  HeaderBlock: HeaderBlock,\n  Branding: Branding,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref2) {\n  var components = _ref2.components,\n      props = _objectWithoutProperties(_ref2, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","data":null},{"__typename":"MdxBlock","id":"8a4301ab-1a79-5f43-8b69-94e28b87ca6f","src":"hero","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Section = makeShortcode(\"Section\");\nvar Container = makeShortcode(\"Container\");\nvar Grid = makeShortcode(\"Grid\");\nvar Flexbox = makeShortcode(\"Flexbox\");\nvar H1 = makeShortcode(\"H1\");\nvar Span = makeShortcode(\"Span\");\nvar Br = makeShortcode(\"Br\");\nvar P = makeShortcode(\"P\");\nvar Image = makeShortcode(\"Image\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Section, {\n    py: \"2|2\",\n    mdxType: \"Section\"\n  }, mdx(Container, {\n    mdxType: \"Container\"\n  }, mdx(Grid, {\n    col: \"1|2\",\n    gap: \"8|12|16\",\n    alignItems: \"center\",\n    mdxType: \"Grid\"\n  }, mdx(Flexbox, {\n    flexDirection: \"column\",\n    alignItems: \"center|flex-start\",\n    textAlign: \"center|left\",\n    mdxType: \"Flexbox\"\n  }, mdx(H1, {\n    m: \"0\",\n    fontWeight: \"extrabold\",\n    lineHeight: \"tight\",\n    color: \"primary\",\n    mdxType: \"H1\"\n  }, mdx(Span, {\n    fontWeight: \"thin\",\n    mdxType: \"Span\"\n  }, \"Best-class\"), \" business in  \", mdx(Br, {\n    mdxType: \"Br\"\n  }), \" \", mdx(Span, {\n    fontWeight: \"thin\",\n    mdxType: \"Span\"\n  }, \"A Best-class\"), \" way\"), mdx(P, {\n    fontWeight: \"thin\",\n    fontSize: \"xl|2xl\",\n    mt: \"2\",\n    mdxType: \"P\"\n  }, \"Supplier of all kinds of packing materials\")), mdx(Image, {\n    src: \"stack_boxes.svg\",\n    colStart: \"null|2\",\n    w: \"full\",\n    h: \"512\",\n    mdxType: \"Image\"\n  })))));\n}\n;\nMDXContent.isMDXComponent = true;","data":null}]}}}