{"version":3,"sources":["webpack://omega-gatsby/./src/components/PageWrapper/PageWrapper.js","webpack://omega-gatsby/./src/sections/landing1/Hero.js","webpack://omega-gatsby/./src/assets/image/svg/hero-shape-svg.svg","webpack://omega-gatsby/./src/sections/landing1/Feature.js","webpack://omega-gatsby/./src/assets/image/png/l1-feature-oval.png","webpack://omega-gatsby/./src/assets/image/svg/l1-curve-feature.svg","webpack://omega-gatsby/./src/sections/landing1/Content1.js","webpack://omega-gatsby/./src/sections/landing1/Content2.js","webpack://omega-gatsby/./src/assets/image/svg/l1-curve-content2.svg","webpack://omega-gatsby/./src/sections/landing6/Content1.js","webpack://omega-gatsby/./src/sections/landing3/FAQ.js","webpack://omega-gatsby/./src/sections/landing6/CTA.js","webpack://omega-gatsby/./src/pages/index.js"],"names":["children","headerDark","footerDark","gContext","useContext","GlobalContext","useEffect","goHeaderDark","goHeaderLight","goFooterDark","goFooterLight","ShapeTopLeft","styled","ButtonContainer","Box","className","src","alt","Container","Row","Col","lg","md","sm","S","loading","placeholder","py","pr","pt","variant","mb","PlayButton","ShapeTopRight","ShapeBottmRight","theme","color","rgba","colors","FeatureCard","iconName","title","rest","bg","px","borderRadius","size","fontSize","as","fontWeight","letterSpacing","my","lineHeight","data-aos","data-aos-duration","data-aos-once","opacity","ShapeCard1","device","ShapeCard2","p","data-aos-delay","ShapeTop","ShapeCard","ContentCard","width","border","borderColor","minWidth","mr","SectionStyled","Section","WidgetContainer","WidgetStyled","secondary","light","Widget","num","mt","FaqCard","primary","xl","href","target","rel","PageWrapper"],"mappings":"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","file":"component---src-pages-index-js-d26e5972e6ba069b5a1f.js","sourcesContent":["import React, { useEffect, useContext } from \"react\";\r\n\r\nimport GlobalContext from \"../../context/GlobalContext\";\r\n\r\nconst PageWrapper = ({ children, headerDark = false, footerDark = false }) => {\r\n  const gContext = useContext(GlobalContext);\r\n\r\n  useEffect(() => {\r\n    if (headerDark) {\r\n      gContext.goHeaderDark();\r\n    } else {\r\n      gContext.goHeaderLight();\r\n    }\r\n\r\n    if (footerDark) {\r\n      gContext.goFooterDark();\r\n    } else {\r\n      gContext.goFooterLight();\r\n    }\r\n  }, [gContext, headerDark, footerDark]);\r\n\r\n  return <>{children}</>;\r\n};\r\n\r\nexport default PageWrapper;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\n\r\nimport { Title, Section, Box, Text } from \"../../components/Core\";\r\nimport PlayButton from \"../../components/PlayButton/PlayButton\";\r\n\r\nimport svgHeroShape from \"../../assets/image/svg/hero-shape-svg.svg\";\r\n\r\n\r\nconst ShapeTopLeft = styled.div`\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  transform: translate(-50%, -50%);\r\n`;\r\n\r\n\r\nconst ButtonContainer = styled(Box)`\r\n  margin-top: 35px;\r\n  display: flex;\r\n  justify-content: center;\r\n`;\r\n\r\n\r\n\r\nconst Hero = () => {\r\n  return (\r\n    <>\r\n      {/* <!-- Hero Area --> */}\r\n      <Section className=\"position-relative\">\r\n        <div className=\"pt-5\"></div>\r\n        <ShapeTopLeft>\r\n          <img src={svgHeroShape} alt=\"\" className=\"img-fluid\" />\r\n        </ShapeTopLeft>\r\n        <Container>\r\n          <Row className=\"justify-content-center align-items-center\">\r\n            <Col lg=\"5\" md=\"8\" sm=\"9\" className=\"order-lg-2\">\r\n              <div className=\"text-center text-lg-right position-relative\">\r\n                <StaticImage\r\n                  src=\"../../assets/image/png/ProductPictureStore-optimized-smaller.png\"\r\n                  alt=\"MiniDukan Store and Login Screen picture\"\r\n                  className=\"hero-main-dukan first-hero\"\r\n                  loading=\"eager\"\r\n                  placeholder=\"tracedSVG\"\r\n                />\r\n                {/* <div\r\n                    className=\"img-main \"\r\n                    data-aos=\"fade-left\"\r\n                    data-aos-duration=\"500\"\r\n                    data-aos-once=\"true\"\r\n                    data-aos-delay=\"200\"\r\n                    >\r\n                    <StaticImage\r\n                    src=\"../../assets/image/png/MiniDukanShop.png\"\r\n                    alt=\"MiniDukan Store and Login Screen picture\"\r\n                    className=\"hero-main-dukan second-hero\"\r\n                    loading=\"eager\"\r\n                    />\r\n                    </div> */}\r\n              </div>\r\n            </Col>\r\n            <Col lg=\"7\" className=\"order-lg-1\">\r\n              <Box py={[null, null, null, 5]} pr={5} pt={[4, null]}>\r\n                <Title variant=\"hero\">\r\n                  Start your own online dukan\r\n                </Title>\r\n                <Text mb={4}>\r\n                  Create your MiniDukan in 20 seconds and easily share it with your customers.\r\n                </Text>\r\n                <div className=\"d-flex flex-column align-items-start\">\r\n                  <ButtonContainer>\r\n                    <PlayButton />\r\n                  </ButtonContainer>\r\n                </div>\r\n              </Box>\r\n            </Col>\r\n          </Row>\r\n\r\n        </Container>\r\n      </Section>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Hero;\r\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjUwIiBoZWlnaHQ9IjEyNTAiIHZpZXdCb3g9IjAgMCAxMjUwIDEyNTAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iaDU2Z2EiIHgxPSI1NzUuODUiIHgyPSI5NTEuODQiIHkxPSI1NjkuMDciIHkyPSIxMTU0Ljk2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOGQ4ZGVjIiBzdG9wLW9wYWNpdHk9Ii4xNyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzU0NTRkNCIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PGc+PHBhdGggZmlsbD0idXJsKCNoNTZnYSkiIGQ9Ik02MjUgMTI1MGMzNDUuMTc4IDAgNjI1LTI3OS44MjIgNjI1LTYyNVM5NzAuMTc4IDAgNjI1IDAgMCAyNzkuODIyIDAgNjI1czI3OS44MjIgNjI1IDYyNSA2MjV6Ii8+PC9nPjwvZz48L3N2Zz4=\"","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { rgba } from \"polished\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\n\r\nimport { Title, Section, Box, Text } from \"../../components/Core\";\r\n\r\nimport imgL1FeatureOval from \"../../assets/image/png/l1-feature-oval.png\";\r\nimport imgL1FeatureCurve from \"../../assets/image/svg/l1-curve-feature.svg\";\r\n\r\nconst ShapeTopRight = styled(Box)`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0px;\r\n`;\r\n\r\nconst ShapeBottmRight = styled(Box)`\r\n  position: absolute;\r\n  bottom: -10px;\r\n  left: 0;\r\n  width: 100%;\r\n  img {\r\n    min-width: 100%;\r\n  }\r\n`;\r\n\r\nconst FeatureCard = ({\r\n  color = \"primary\",\r\n  iconName,\r\n  title,\r\n  children,\r\n  ...rest\r\n}) => (\r\n  <Box bg=\"light\" py=\"25px\" px=\"30px\" borderRadius={10} mb={4} {...rest}>\r\n    <Box\r\n      size={69}\r\n      borderRadius=\"50%\"\r\n      color={color}\r\n      fontSize=\"28px\"\r\n      className=\"d-flex justify-content-center align-items-center\"\r\n      css={`\r\n        background-color: ${({ theme, color }) =>\r\n          rgba(theme.colors[color], 0.1)};\r\n        `}\r\n    >\r\n      <i className={`${iconName}`}></i>\r\n    </Box>\r\n    <div>\r\n      <Text\r\n        color=\"heading\"\r\n        as=\"h3\"\r\n        fontSize={4}\r\n        fontWeight={500}\r\n        letterSpacing={-0.75}\r\n        my={3}\r\n      >\r\n        {title}\r\n      </Text>\r\n      <Text fontSize={2} lineHeight={1.75}>\r\n        {children}\r\n      </Text>\r\n    </div>\r\n  </Box>\r\n);\r\n\r\nconst Feature = () => (\r\n  <>\r\n    {/* <!-- Feature section --> */}\r\n    <Section bg=\"secondary\" className=\"position-relative\">\r\n      <ShapeTopRight\r\n        data-aos=\"fade-left\"\r\n        data-aos-duration=\"750\"\r\n        data-aos-once=\"true\"\r\n      >\r\n        <img src={imgL1FeatureOval} alt=\"\" className=\"img-fluid\" />\r\n      </ShapeTopRight>\r\n      <ShapeBottmRight>\r\n        <img src={imgL1FeatureCurve} alt=\"\" className=\"img-fluid\" />\r\n      </ShapeBottmRight>\r\n      <Container>\r\n        <Row className=\"align-items-center\">\r\n          <Col lg=\"6\" className=\"pl-lg-5 order-lg-2\">\r\n            <div className=\"feature-content section-title\">\r\n              <Title color=\"light\">Start your perfect online dukan.</Title>\r\n              <Text color=\"light\" opacity={0.7} mb={4}>\r\n                Create a dukan in less than 20 seconds and start selling now. Sell on WhatsApp, Facebook and other Social Media platforms using our powerful sharing features. Notify users through SMS to increase your sales.\r\n              </Text>\r\n\r\n              {/* <Button variant=\"outline\">Check all features</Button> */}\r\n            </div>\r\n          </Col>\r\n          <Col lg=\"6\" className=\"order-lg-1 mt-5 mt-lg-0\">\r\n            <Row>\r\n              <Col md=\"6\">\r\n                <FeatureCard\r\n                  color=\"secondary\"\r\n                  iconName=\"icon-Store-Front\"\r\n                  title=\"Get your FREE online store\"\r\n                >\r\n                  with your personalised logo and cover photo!\r\n                </FeatureCard>\r\n              </Col>\r\n              <Col md=\"6\">\r\n                <FeatureCard\r\n                  color=\"success\"\r\n                  iconName=\"icon-Whatsapp\"\r\n                  title=\"Share and Sell\"\r\n                >\r\n                  Sell anything on WhatsApp and Facebook\r\n                </FeatureCard>\r\n              </Col>\r\n\r\n              <Col md=\"6\">\r\n                <FeatureCard\r\n                  color=\"ash\"\r\n                  iconName=\"icon-Orders\"\r\n                  title=\"Manage Orders\"\r\n                >\r\n                  Manage all your orders in one place via notifications.\r\n                </FeatureCard>\r\n              </Col>\r\n              <Col md=\"6\">\r\n                <FeatureCard\r\n                  color=\"warning\"\r\n                  iconName=\"fas fa-sms\"\r\n                  title=\"Notify Buyers through SMS\"\r\n                >\r\n                  Free SMS notifications help you keep orders on track\r\n                </FeatureCard>\r\n              </Col>\r\n            </Row>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </Section>\r\n  </>\r\n);\r\n\r\nexport default Feature;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbMAAABnCAMAAAC961w4AAAAk1BMVEUAAAD+3Fr/3Vr93Fr/0FX/1l/93Fr/3Vr/3Vr+3Fr+3Fr/3Fr/3Vr/3Vr+3Fr+3Fr+3Fr+3Fr93Fn/3Fn+3Vr93Fn93Vr/3Fj+3Fr+3Fr+3Fr+3Fn/3Vr/3Fr/3Vr/4Vn+3Fn+3Fr+3Fr/3Fr/3Vr+3Vr93Vn/3Fv/3Vr/3lr/4Vr+3Vr/3Ff+3Fr/3Vn/3Fj+3Fp4U66jAAAAMHRSTlMA4iCkBAyDaVLv3XNJPfzr18yfKfOakhr457avfnhhCNK/q11YuodOQi0RyBXENjJijzX6AAADlElEQVR42u3ciXaaUBSF4c2MColCBKsizlNset//6Urapk0bB1xt0nNwf6/wL/RwuADXN6QLgOjekCao2FNDiuBZmRjSA99NBoa0wA+7tiEl8MJzDOmAXxYPhjTAK3bPkAJ4zV0bkg+/i1qGpMMf8s+GhMMbhSHZ8NaXriHJcESZGRIMR20tQ2LhuD23InLhlCWnfqlwUr4yJBLOmPBSEwnn5END8uC8Jc+KyIMLDnNDwuCikJeaMLjswBM+sqCOiGsRSVCLt74zJAVqSnnuQAzU5Qa8wxYC9eXcG8uAa2x5cFUCXIcHswTAlWyuIP87XC3iD+R1BDRD2eEEeQ0JzYADJ8gryGgGPPHV0NqkNAMmnwzVIqcZPJ/vPtUiqBmQJ9wc1yCqGbDjGxmXCWsGbHi4/xJxzeAGPHtwnrxmgDfmhyrOkdgMyDMOI6fJbAakI0MnSG0GxDx8cILcZkDIEfIoyc04Qh4nuhngjVntDeHNAK9gtT+IbwZ4HW78f6OgGVCy2msqmgFlwBP+PylpVmG1F3qawQ15l/2NomaVmIchK7qaAanD7bG2ZoCd8diItmbAfszRX1szwF0+GtLVrPLEPzZ1zYB8zWP+2poBZcAnbNqaVbb8rI+6ZkBe8P01bc0q0YjziLZmQD7mBllbs0rIXaS6ZoDtcz+irRnghvzmsbZmvNhUNuPFprFZxR5zQaKtWWW35vSvrVkl7nOJrK0Z4EYOH2ora1bxlnNmU9as4oW82rQ1q5SbhP9typpV3KjPN2yUNau4sf/Ipza6mj3bLxMut5Q1e7brrPgFEmXNKt4m45GEH9rQww5GN38P8DAKbOhy01PJXc+PXai0n/RvcJ1s9Zd7qGZPnBvq1k4W2n4Qb7qb5Uwa0utFGjgNflraTYIUjeRti3njLjhrXmw9NNth468aslW+H/rRAbfC3oxHqu+826Nx2LB/r1q8OEh66lZdg14SxE3/Mbzgy9IfKZlOunN/uQN956bheD4Ve80NpvNxmCrdbLyzdNPpz0RNltas39k0dIz/l8o0/P/pnmOFaQm6hmtvJ34ya9+ZD3TXniX+ZGvzd/Dv5PGiyJxVzxqYdzKweisnKxbxLY7v78yzn6JFx8+c4eep1TJ/oWVNPw+dzO8soif7xif3D7W3d3EULoJOsc76zmg4e+xNu23r033rwVQeWvefrHZ32nucDUdOP1sXnWARRvHO3uODfAVDqeoukVY3vwAAAABJRU5ErkJggg==\"","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2MDBweCIgaGVpZ2h0PSIxMjNweCIgdmlld0JveD0iMCAwIDE2MDAgMTIzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTkgKDg2MTI3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4NCiAgICA8dGl0bGU+d2hpdGUtY3VydmUtMTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJMYW5kaW5nLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAtMTk0Ny4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4NCiAgICAgICAgICAgIDxnIGlkPSJGZWF0dXJlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuMDAwMDAwLCAxMTMxLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjQ3NTg5OTg3LDkwNS41MTE3MTkgQzc3OS4yMDg1NzgsOTI4LjAyNzM0NCAxMzEzLjcxNjYxLDg5OC4xOTAxMDQgMTYwNSw4MTYgQzE2MDUsODk3LjM1NDE2NyAxNjA1LDkzOC4wMzEyNSAxNjA1LDkzOC4wMzEyNSBMMCw5MzguMDMxMjUiIGlkPSJ3aGl0ZS1jdXJ2ZS0xIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=\"","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\n\r\nimport { Title, Section, Box, Text } from \"../../components/Core\";\r\nimport { device } from \"../../utils\";\r\n\r\nconst ShapeCard1 = styled(Box)`\r\n  width: 220px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 13%;\r\n  transform: scale(0.85);\r\n  @media ${device.sm} {\r\n    width: 290px;\r\n    left: 13;\r\n    transform: scale(1);\r\n  }\r\n  @media ${device.md} {\r\n    left: 13%;\r\n  }\r\n`;\r\n\r\nconst ShapeCard2 = styled(Box)`\r\n  width: 305px;\r\n  position: absolute;\r\n  top: 45%;\r\n  left: 23%;\r\n  transform: scale(0.85);\r\n  @media ${device.sm} {\r\n    left: 23%;\r\n    transform: scale(1);\r\n  }\r\n  @media ${device.md} {\r\n    left: 40%;\r\n  }\r\n`;\r\n\r\n\r\n\r\nconst Content1 = () => (\r\n  <>\r\n    {/* <!-- Content section 1 --> */}\r\n    <Section>\r\n      <Container>\r\n        <Row className=\"align-items-center\">\r\n          <Col md=\"12\" lg=\"6\" className=\"order-lg-2\">\r\n            <div className=\"position-relative pl-lg-5\">\r\n              <div\r\n                className=\"pl-lg-4 text-center text-lg-right\"\r\n                data-aos=\"fade-down\"\r\n                data-aos-duration=\"750\"\r\n                data-aos-once=\"true\"\r\n              >\r\n                <StaticImage\r\n                  src=\"../../assets/image/png/AddProductsBG-optimized.png\"\r\n                  alt=\"Products and Add Products Screens\"\r\n                  className=\"img-fluid\"\r\n                  placeholder=\"blurred\"\r\n                />\r\n              </div>\r\n\r\n              <ShapeCard1\r\n                p=\"18px\"\r\n                borderRadius={0}\r\n                className=\"d-flex align-items-start\"\r\n                data-aos=\"fade-right\"\r\n                data-aos-duration=\"750\"\r\n                data-aos-once=\"true\"\r\n                data-aos-delay=\"500\"\r\n              >\r\n                <StaticImage src=\"../../assets/image/png/AddProductButton-optimized.png\" alt=\"Add Product Button\" className=\"img-fluid\" />\r\n              </ShapeCard1>\r\n              <ShapeCard2\r\n                p=\"18px\"\r\n                borderRadius={0}\r\n                className=\"d-flex align-items-start\"\r\n                data-aos=\"fade-left\"\r\n                data-aos-duration=\"750\"\r\n                data-aos-once=\"true\"\r\n                data-aos-delay=\"500\"\r\n              >\r\n                <StaticImage src=\"../../assets/image/png/AddProductZoomedEntry-optimized.png\" alt=\"Adding a Product to Store field\" className=\"img-fluid\" />\r\n              </ShapeCard2>\r\n\r\n            </div>\r\n          </Col>\r\n          <Col lg=\"6\" className=\"order-lg-1 mt-5 mt-lg-0\">\r\n            <div\r\n              data-aos=\"fade-right\"\r\n              data-aos-duration=\"750\"\r\n              data-aos-once=\"true\"\r\n            >\r\n              <Box>\r\n                <Title>Quickly Add Products</Title>\r\n                <Text mb={4}>\r\n                  Its fast and easy add your products. Take a picture, set a name, set a price and add your product! You can also add your products to different categories, letting you easily build your online store.\r\n                </Text>\r\n\r\n              </Box>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </Section>\r\n  </>\r\n);\r\n\r\nexport default Content1;\r\n","import React from \"react\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { rgba } from \"polished\";\r\nimport styled from \"styled-components\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\n\r\nimport { Title, Section, Box, Text } from \"../../components/Core\";\r\nimport { device } from \"../../utils\";\r\n\r\nimport svgCurve from \"../../assets/image/svg/l1-curve-content2.svg\";\r\n\r\nconst ShapeTop = styled(Box)`\r\n  position: absolute;\r\n  top: 0;\r\n  left: -150px;\r\n  img {\r\n    min-width: 100%;\r\n  }\r\n`;\r\n\r\nconst ShapeCard = styled(Box)`\r\n  position: absolute;\r\n  width: 225px;\r\n  top: 5%;\r\n  left: 30%;\r\n @media ${device.xs} {\r\n  width: 250px;\r\n  z-index: 2;\r\n }\r\n  transform: scale(0.85);\r\n  @media ${device.sm} {\r\n    width: 305px;\r\n    transform: scale(1);\r\n    top: 6%;\r\n    left: 25%;\r\n\r\n  }\r\n  @media ${device.md} {\r\n    width: 400px;\r\n    top: 0;\r\n  }\r\n  @media ${device.lg} {\r\n    width: 305px;\r\n    top: 25%;\r\n}\r\n`;\r\n\r\nconst ContentCard = ({\r\n  color = \"primary\",\r\n  className,\r\n  iconName,\r\n  title,\r\n  children,\r\n  ...rest\r\n}) => (\r\n  <Box\r\n    width={360}\r\n    bg=\"light\"\r\n    border=\"1px solid\"\r\n    borderColor=\"border\"\r\n    p=\"20px\"\r\n    borderRadius={10}\r\n    className={`d-flex ${className}`}\r\n    {...rest}\r\n    css={`\r\n      min-width: 100%;\r\n      width: 100%;\r\n      @media ${device.sm} {\r\n        width: 360px;\r\n        min-width: 360px;\r\n      }\r\n      `}\r\n  >\r\n    <Box\r\n      size={55}\r\n      minWidth={55}\r\n      borderRadius=\"50%\"\r\n      color={color}\r\n      fontSize=\"28px\"\r\n      className=\"d-flex justify-content-center align-items-center\"\r\n      css={`\r\n        background-color: ${({ theme, color }) =>\r\n          rgba(theme.colors[color], 0.1)};\r\n        `}\r\n      mr={3}\r\n    >\r\n      <i className={`fab ${iconName}`}></i>\r\n    </Box>\r\n    <div>\r\n      <Title variant=\"card\" mb={0}>\r\n        {title}\r\n      </Title>\r\n\r\n      <Text>{children}</Text>\r\n    </div>\r\n  </Box>\r\n);\r\n\r\nconst Content2 = () => (\r\n  <>\r\n    {/* <!-- Content section 2 --> */}\r\n    <Section bg=\"#f7f7fb\" className=\"position-relative\">\r\n      <ShapeTop>\r\n        <img src={svgCurve} alt=\"\" className=\"img-fluid\" />\r\n      </ShapeTop>\r\n      <Container>\r\n        <Row className=\"align-items-center\">\r\n          <Col lg=\"5\" md=\"9\" sm=\"10\" className=\"mb-5 mb-lg-0\">\r\n            <div className=\"position-relative\">\r\n              <div\r\n                data-aos=\"fade-down\"\r\n                data-aos-duration=\"750\"\r\n                data-aos-once=\"true\"\r\n              >\r\n                <StaticImage src=\"../../assets/image/png/ProductPage-optimized.png\" alt=\"\" className=\"img-fluid\" />\r\n              </div>\r\n              <ShapeCard\r\n                p=\"18px\"\r\n                borderRadius={0}\r\n                className=\"d-flex align-items-start\"\r\n                data-aos=\"fade-left\"\r\n                data-aos-duration=\"750\"\r\n                data-aos-once=\"true\"\r\n                data-aos-delay=\"500\"\r\n              >\r\n                <StaticImage src=\"../../assets/image/png/ShareProduct-optimized.png\" alt=\"\" className=\"img-fluid\" />\r\n\r\n              </ShapeCard>\r\n            </div>\r\n          </Col>\r\n          <Col lg=\"7\">\r\n            <div\r\n              data-aos=\"fade-left\"\r\n              data-aos-duration=\"750\"\r\n              data-aos-once=\"true\"\r\n            >\r\n              <div className=\"content-text pl-lg--50\">\r\n                <div className=\"section-title\">\r\n                  <Title>\r\n                    Easily share your store<br className=\"d-none d-sm-block\" />{\" \"}\r\n                    and products.\r\n                  </Title>\r\n                  <Text mb={4}>\r\n                    You can share your store or any product in your store over WhatsApp, Facebook or any other platform with ease.\r\n                  </Text>\r\n                </div>\r\n                <div className=\"mt-5\">\r\n                  <ContentCard\r\n                    title=\"Share to your list\"\r\n                    color=\"success\"\r\n                    iconName=\"fa-whatsapp\"\r\n                    mb={3}\r\n                  >\r\n                    or directly with a customer.\r\n                  </ContentCard>\r\n                  <ContentCard\r\n                    title=\"Share to all your groups\"\r\n                    color=\"secondary\"\r\n                    iconName=\"fa-facebook\"\r\n                  >\r\n                    in just one go!\r\n                  </ContentCard>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </Section>\r\n  </>\r\n);\r\n\r\nexport default Content2;\r\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDEwIiBoZWlnaHQ9IjEyMiIgdmlld0JveD0iMCAwIDEwMTAgMTIyIj48Zz48Zz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTc5Ny43MTMtMi4xMzFTNjMxLjExNC0zNS45MDUgMTk0LjE4OSA4Ny4zOGMtNDM2LjkyNSAxMjMuMjg1IDAtMTIyLjAzMiAwLTEyMi4wMzJoMTYwNSIvPjwvZz48L2c+PC9zdmc+\"","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\n\r\nimport { Title, Section, Box, Text } from \"../../components/Core\";\r\n\r\nconst SectionStyled = styled(Section)``;\r\n\r\nconst WidgetContainer = styled(Box)`\r\n  counter-reset: widget-counter;\r\n`;\r\n\r\nconst WidgetStyled = styled(Box)`\r\n  padding-left: 70px;\r\n  position: relative;\r\n  max-width: 411px;\r\n  &:before {\r\n    counter-increment: widget-counter;\r\n    content: counter(widget-counter);\r\n    position: absolute;\r\n    left: 0;\r\n    min-width: 49px;\r\n    width: 49px;\r\n    height: 49px;\r\n    background-color: ${({ theme }) => theme.colors.secondary};\r\n    border-radius: 500px;\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: ${({ theme }) => theme.colors.light};\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    letter-spacing: -0.75px;\r\n  }\r\n`;\r\n\r\nconst Widget = ({ num = 1, title = \"\", children = \"\", ...rest }) => {\r\n  return (\r\n    <WidgetStyled {...rest}>\r\n      <Title variant=\"card\" mb={2}>\r\n        {title}\r\n      </Title>\r\n      <Text variant=\"small\">{children}</Text>\r\n    </WidgetStyled>\r\n  );\r\n};\r\n\r\nconst Content1 = () => {\r\n  return (\r\n    <>\r\n      {/* <!-- Content1 section --> */}\r\n      <SectionStyled>\r\n        <Container>\r\n          <Row className=\"align-items-center\">\r\n            <Col lg=\"6\" className=\"mb-4 mb-lg-0 pl-lg-5 order-lg-2\">\r\n              <div\r\n                data-aos=\"fade-right\"\r\n                data-aos-duration=\"750\"\r\n                data-aos-delay=\"500\"\r\n                data-aos-once=\"true\"\r\n              >\r\n                <StaticImage src=\"../../assets/image/png/ManageOrders-optimized.png\" alt=\"\" className=\"img-fluid\" />\r\n              </div>\r\n            </Col>\r\n            <Col lg=\"6\" md={9} className=\"order-lg-1\">\r\n              <div>\r\n                <Title>\r\n                  Manage all{\" \"}\r\n                  <br className=\"d-none d-sm-block d-md-none d-xl-block\" /> your\r\n                  orders in one place\r\n                </Title>\r\n                <Text>Get notifications for all your orders and never miss a sale!</Text>\r\n                <WidgetContainer mt={5}>\r\n                  <Widget title=\"Accept or Reject Orders\" mb={4}>\r\n                    Accept your orders with one tap, update your delivery fee and keep your customers automatically informed!\r\n                  </Widget>\r\n                  <Widget title=\"Directly share your bill\" mb={4}>\r\n                    With your customers over WhatsApp\r\n                  </Widget>\r\n                  <Widget title=\"SMS your buyers\">\r\n                    Free SMS notifications help increase your sales and ensure your orders are delivered smoothly\r\n                  </Widget>\r\n                </WidgetContainer>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n        </Container>\r\n      </SectionStyled>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Content1;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\n\r\nimport { Title, Section, Box, Text } from \"../../components/Core\";\r\n\r\nconst SectionStyled = styled(Section)``;\r\n\r\nconst FaqCard = ({ title, children, ...rest }) => (\r\n  <Box {...rest}>\r\n    <Title variant=\"card\" mb={4} fontSize=\"24px\" fontWeight=\"900\" color=\"light\">\r\n      {title}\r\n    </Title>\r\n    <Text variant=\"small\" color=\"lightShade\">\r\n      {children}\r\n    </Text>\r\n  </Box>\r\n);\r\n\r\nconst FAQ = () => (\r\n  <>\r\n    <SectionStyled bg=\"dark\">\r\n      <Container>\r\n        <Row className=\"justify-content-center\">\r\n          <Col xl=\"7\" lg=\"8\" md=\"9\">\r\n            <div className=\"text-center\">\r\n              <Title color=\"light\">\r\n                Frequently\r\n                <br className=\"d-none d-sm-block\" /> Asked Questions\r\n              </Title>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <Row className=\"pt-4\">\r\n          <Col lg=\"6\" className=\"mt-5\">\r\n            <FaqCard title=\"Why do I need an online store?\">In the age of social media, if you are not promoting your products on Facebook and Whatsapp you are missing out. </FaqCard>\r\n          </Col>\r\n          <Col lg=\"6\" className=\"mt-5\">\r\n            <FaqCard title=\"Is MiniDukan free?\">Yes, MiniDukan is on a mission to help small businesses by providing them free services. We don’t take any commissions on orders</FaqCard>\r\n          </Col>\r\n          <Col lg=\"6\" className=\"mt-5\">\r\n            <FaqCard title=\"Can I use my own domain name?\">Yes, you will get a personal domain name when you sign up for MiniDukan. </FaqCard>\r\n          </Col>\r\n          <Col lg=\"6\" className=\"mt-5\">\r\n            <FaqCard title=\"What type of products can I sell on MiniDukan?\">You can use MiniDukan to sell any kind of product, from clothing to groceries to electronics.</FaqCard>\r\n          </Col>\r\n          <Col lg=\"12\" className=\"\">\r\n            <Box className=\"text-center\" pt={5}>\r\n              <Text variant=\"small\" color=\"lightShade\">\r\n                Didn’t find your answer?{\" \"}\r\n                <a\r\n                  href=\"https://api.whatsapp.com/send?phone=+923306464385\"\r\n                  target=\"_blank\"\r\n                  css={`\r\n                    color: ${({ theme }) => theme.colors.primary} !important;\r\n                    `}\r\n                  rel=\"noreferrer\" \r\n                >\r\n                  Contact us here\r\n                </a>\r\n              </Text>\r\n            </Box>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </SectionStyled>\r\n  </>\r\n);\r\n\r\nexport default FAQ;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\n\r\nimport { Title, Section, Box, Text } from \"../../components/Core\";\r\n\r\nimport PlayButton from \"../../components/PlayButton/PlayButton\";\r\n\r\nconst SectionStyled = styled(Section)`\r\n  border-bottom: 1px solid #eae9f2;\r\n`;\r\n\r\nconst ButtonContainer = styled(Box)`\r\n  margin-top: 35px;\r\n  display: flex;\r\n  justify-content: center;\r\n`;\r\n\r\nconst CTA = () => (\r\n  <>\r\n    <SectionStyled className=\"position-relative\">\r\n      <Container>\r\n        <Row className=\"justify-content-center\">\r\n          <Col md=\"8\" lg=\"7\" xl=\"6\">\r\n            <div className=\"text-center\">\r\n              <Title variant=\"section\">Start your Dukan Now!</Title>\r\n\r\n              <Text>Download the app and get your dukan started in less than 20 seconds.</Text>\r\n              <ButtonContainer>\r\n                <PlayButton />\r\n              </ButtonContainer>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </SectionStyled>\r\n  </>\r\n);\r\n\r\nexport default CTA;\r\n","import React from \"react\";\nimport Hero from \"../sections/landing1/Hero\";\nimport Feature from \"../sections/landing1/Feature\";\nimport Content1 from \"../sections/landing1/Content1\";\nimport Content2 from \"../sections/landing1/Content2\";\nimport Content3 from \"../sections/landing6/Content1\";\nimport FAQs from \"../sections/landing3/FAQ\";\nimport CTA from \"../sections/landing6/CTA\";\nimport PageWrapper from \"../components/PageWrapper\";\n\nconst IndexPage = () => {\n  return (\n    <>\n      <PageWrapper footerDark>\n        <Hero />\n        <Feature />\n        <Content1 />\n        <Content2 />\n        <Content3 />\n        <FAQs />\n        <CTA />\n      </PageWrapper>\n    </>\n  );\n};\nexport default IndexPage;\n"],"sourceRoot":""}