{"version":3,"file":"component---src-pages-index-jsx-7c997cb24ca45622b5e4.js","mappings":"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","sources":["webpack://vie_gatsby/./src/components/blogs/Blogs4/blogs4.jsx","webpack://vie_gatsby/./src/components/Full-testimonials/full-testimonials.jsx","webpack://vie_gatsby/./src/components/Intro4/intro4.jsx","webpack://vie_gatsby/./src/components/Intro6/intro6.jsx","webpack://vie_gatsby/./src/components/About-us3/about-us3.jsx","webpack://vie_gatsby/./src/components/Services3/services3.jsx","webpack://vie_gatsby/./src/components/Minimal-Area2/minimal-area2.jsx","webpack://vie_gatsby/./src/pages/index.jsx"],"sourcesContent":["import React from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { useStaticQuery, graphql, Link } from 'gatsby';\r\nimport SwiperCore, {\r\n  Navigation,\r\n  Pagination,\r\n  Parallax,\r\n  EffectFade,\r\n} from \"swiper\";\r\n\r\nimport \"swiper/css\";\r\nimport \"swiper/css/pagination\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/effect-fade\";\r\nimport { thumparallax } from \"common/thumparallax\";\r\nimport removeSlashFromPagination from \"common/removeSlashpagination\";\r\n\r\nSwiperCore.use([Navigation, Pagination, Parallax, EffectFade]);\r\n\r\nconst Blogs4 = () => {\r\n  const {\r\n    allProject: { nodes }\r\n  } = useStaticQuery(graphql`\r\n    query {\r\n      allProject {\r\n        nodes {\r\n          title\r\n          client\r\n          summary\r\n          projectHeaderImage\r\n          gatsbyPath(filePath: \"/project/{project.slug}\")\r\n        }\r\n      }\r\n    }\r\n  `);  \r\n  console.log(nodes);\r\n  const [load, setLoad] = React.useState(true);\r\n\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      setLoad(false);\r\n      removeSlashFromPagination();\r\n      thumparallax();\r\n    }, 1000);\r\n  }, []);\r\n\r\n  const navigationPrevRef = React.useRef(null);\r\n  const navigationNextRef = React.useRef(null);\r\n  const paginationRef = React.useRef(null);\r\n\r\n  return (\r\n    <section className=\"blog-crv sub-bg\">\r\n      <h2 style={{ display: \"none\" }}>&nbsp;</h2>\r\n      <div className=\"stories\">\r\n        <div className=\"container-fluid\">\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-6 no-padding\">\r\n              {!load ? (\r\n                <Swiper\r\n                  speed={800}\r\n                  effect=\"fade\"\r\n                  spaceBetween={0}\r\n                  loop={true}\r\n                  parallax={true}\r\n                  navigation={{\r\n                    prevEl: navigationPrevRef.current,\r\n                    nextEl: navigationNextRef.current,\r\n                  }}\r\n                  pagination={{\r\n                    type: \"fraction\",\r\n                    clickable: true,\r\n                    el: paginationRef.current,\r\n                  }}\r\n                  onBeforeInit={(swiper) => {\r\n                    swiper.params.navigation.prevEl = navigationPrevRef.current;\r\n                    swiper.params.navigation.nextEl = navigationNextRef.current;\r\n                    swiper.params.pagination.el = paginationRef.current;\r\n                  }}\r\n                  onSwiper={(swiper) => {\r\n                    setTimeout(() => {\r\n                      for (var i = 0; i < swiper.slides.length; i++) {\r\n                        swiper.slides[i].childNodes[0].setAttribute(\r\n                          \"data-swiper-parallax\",\r\n                          0.75 * swiper.width\r\n                        );\r\n                      }\r\n\r\n                      swiper.params.navigation.prevEl =\r\n                        navigationPrevRef.current;\r\n                      swiper.params.navigation.nextEl =\r\n                        navigationNextRef.current;\r\n\r\n                      swiper.params.pagination.el = paginationRef.current;\r\n\r\n                      swiper.navigation.destroy();\r\n                      swiper.navigation.init();\r\n                      swiper.navigation.update();\r\n\r\n                      swiper.pagination.destroy();\r\n                      swiper.pagination.init();\r\n                      swiper.pagination.update();\r\n                    });\r\n                  }}\r\n                  className=\"swiper-wrapper swiper-container swiper-img\"\r\n                  slidesPerView={1}\r\n                >\r\n                {nodes.map((node, index) => {\r\n                  return <SwiperSlide className=\"swiper-slide\" key={node.id}>\r\n                    <div className=\"item wow fadeIn\" data-wow-delay=\".3s\">\r\n                      <div className=\"img\">\r\n                        <img\r\n                          className=\"thumparallax\"\r\n                          src={node.projectHeaderImage}\r\n                          alt={node.title}\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </SwiperSlide>\r\n                })}\r\n                </Swiper>\r\n              ) : null}\r\n            </div>\r\n            <div className=\"col-lg-6 no-padding valign\">\r\n              {!load ? (\r\n                <Swiper\r\n                  speed={800}\r\n                  spaceBetween={0}\r\n                  loop={true}\r\n                  navigation={{\r\n                    prevEl: navigationPrevRef.current,\r\n                    nextEl: navigationNextRef.current,\r\n                  }}\r\n                  pagination={{\r\n                    type: \"fraction\",\r\n                    clickable: true,\r\n                    el: paginationRef.current,\r\n                  }}\r\n                  onBeforeInit={(swiper) => {\r\n                    swiper.params.navigation.prevEl = navigationPrevRef.current;\r\n                    swiper.params.navigation.nextEl = navigationNextRef.current;\r\n                    swiper.params.pagination.el = paginationRef.current;\r\n                  }}\r\n                  onSwiper={(swiper) => {\r\n                    setTimeout(() => {\r\n                      for (var i = 0; i < swiper.slides.length; i++) {\r\n                        swiper.slides[i].childNodes[0].setAttribute(\r\n                          \"data-swiper-parallax\",\r\n                          0.75 * swiper.width\r\n                        );\r\n                      }\r\n\r\n                      swiper.params.navigation.prevEl =\r\n                        navigationPrevRef.current;\r\n                      swiper.params.navigation.nextEl =\r\n                        navigationNextRef.current;\r\n\r\n                      swiper.params.pagination.el = paginationRef.current;\r\n\r\n                      swiper.navigation.destroy();\r\n                      swiper.navigation.init();\r\n                      swiper.navigation.update();\r\n\r\n                      swiper.pagination.destroy();\r\n                      swiper.pagination.init();\r\n                      swiper.pagination.update();\r\n                    });\r\n                  }}\r\n                  className=\"swiper-wrapper swiper-container swiper-content\"\r\n                  slidesPerView={1}\r\n                >\r\n                {nodes.map((node, index) => {\r\n                  return <SwiperSlide className=\"swiper-slide\" key=\"detail-{node.id}\">\r\n                    <div className=\"item wow fadeIn\" data-wow-delay=\".6s\">\r\n                      <div className=\"content\">\r\n                        <div className=\"tags\">\r\n                          {node.client}\r\n                        </div>\r\n                        <div className=\"title\">\r\n                          <h4>\r\n                            <Link to={node.gatsbyPath}>\r\n                              {node.title}\r\n                            </Link>\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"text\">\r\n                          <p>\r\n                            {node.summary}\r\n                          </p>\r\n                        </div>\r\n                        <div className=\"more\">\r\n                          <Link to={node.gatsbyPath}>\r\n                            Learn More\r\n                          </Link>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </SwiperSlide>\r\n                })}\r\n                </Swiper>\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"controls\">\r\n            <div\r\n              ref={navigationNextRef}\r\n              className=\"swiper-button-next swiper-nav-ctrl next-ctrl\"\r\n            >\r\n              <i className=\"fas fa-caret-up\"></i>\r\n            </div>\r\n            <div\r\n              ref={navigationPrevRef}\r\n              className=\"swiper-button-prev swiper-nav-ctrl prev-ctrl\"\r\n            >\r\n              <i className=\"fas fa-caret-down\"></i>\r\n            </div>\r\n            <div className=\"swiper-pagination\" ref={paginationRef}></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default Blogs4;\r\n","import React from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\n\r\nclass FullTestimonials extends React.Component {\r\n  renderArrows = () => {\r\n    return (\r\n      <div className=\"arrows\">\r\n        <div className=\"container\">\r\n          <div\r\n            onClick={() => this.slider.slickNext()}\r\n            className=\"next cursor-pointer\"\r\n          >\r\n            <span className=\"pe-7s-angle-right\"></span>\r\n          </div>\r\n          <div\r\n            onClick={() => this.slider.slickPrev()}\r\n            className=\"prev cursor-pointer\"\r\n          >\r\n            <span className=\"pe-7s-angle-left\"></span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n  \r\n  render() {\r\n    return (\r\n      <section\r\n        className={`testimonials ${\r\n          this.props.withIMG\r\n            ? \"section-padding bg-img\"\r\n            : this.props.withCOLOR\r\n            ? \"section-padding back-color\"\r\n            : this.props.noPadding ? \"\"\r\n            : \"section-padding\"\r\n        } ${this.props.classText ? this.props.classText : \"\"}`}\r\n        style={{\r\n          backgroundImage: `${\r\n            this.props.withIMG ? \"url(/img/testim-img.jpg)\" : \"none\"\r\n          }`,\r\n        }}\r\n      >\r\n        {this.props.showHead && (\r\n          <div className=\"container\">\r\n            <div className=\"row justify-content-center\">\r\n              <div className=\"col-lg-8 col-md-10\">\r\n                <div className=\"sec-head  text-center\">\r\n                  <h6 className=\"wow fadeIn\" data-wow-delay=\".5s\">\r\n                    Testimonials\r\n                  </h6>\r\n                  <h3 className=\"wow color-font\">\r\n                    We love our clients from all over the world.\r\n                  </h3>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        <div className=\"container-fluid position-re\">\r\n          <div className=\"row wow fadeInUp\" data-wow-delay=\".5s\">\r\n            <div className=\"col-lg-12\">\r\n              <Slider\r\n                className=\"slic-item\"\r\n                {...{\r\n                  ref: (c) => (this.slider = c),\r\n                  dots: false,\r\n                  infinite: true,\r\n                  arrows: true,\r\n                  autoplaySpeed: 10000,\r\n                  centerMode: true,\r\n                  autoplay: true,\r\n                  rows: 1,\r\n                  slidesToScroll: 1,\r\n                  slidesToShow: 3,\r\n                  pauseOnHover: true,\r\n                  pauseOnFocus: true,\r\n                  speed: 4000,\r\n                  responsive: [\r\n                    {\r\n                      breakpoint: 1024,\r\n                      settings: {\r\n                        slidesToShow: 1,\r\n                        centerMode: false,\r\n                      },\r\n                    },\r\n                    {\r\n                      breakpoint: 767,\r\n                      settings: {\r\n                        slidesToShow: 1,\r\n                        centerMode: false,\r\n                      },\r\n                    },\r\n                    {\r\n                      breakpoint: 480,\r\n                      settings: {\r\n                        slidesToShow: 1,\r\n                        centerMode: false,\r\n                      },\r\n                    },\r\n                  ],\r\n                }}\r\n              >\r\n                <div className=\"item\">\r\n                  <div className=\"info valign\">\r\n                    <div className=\"cont\">\r\n                      <div className=\"author\">\r\n                        <div className=\"img\">\r\n                          <img src=\"/img/clients/2.png\" alt=\"\" />\r\n                        </div>\r\n                        <h6 className=\"author-name color-font\">\r\n                          C.K Sample III\r\n                        </h6>\r\n                        <span className=\"author-details\">\r\n                          CTO, Various Companies\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <p>\r\n                  I have brought Creative Clarity into projects at a number of companies. \r\n                  Always a great experience working with their teams.\r\n                  </p>\r\n                </div>\r\n                <div className=\"item\">\r\n                  <div className=\"info valign\">\r\n                    <div className=\"cont\">\r\n                      <div className=\"author\">\r\n                        <div className=\"img\">\r\n                          <img src=\"/img/clients/1.png\" alt=\"\" />\r\n                        </div>\r\n                        <h6 className=\"author-name color-font\">\r\n                          Greg Smith\r\n                        </h6>\r\n                        <span className=\"author-details\">\r\n                          Managing Partner, Product & Technology, TechCXO\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <p>\r\n                    Outstanding digital agency to work with. Great mix of strong, on-shore architecture and project leadership \r\n                    coupled with a very effective but affordable offshore capability. I would strongly recommend them!\r\n                  </p>\r\n                </div>\r\n                <div className=\"item\">\r\n                  <div className=\"info valign\">\r\n                    <div className=\"cont\">\r\n                      <div className=\"author\">\r\n                        <div className=\"img\">\r\n                          <img src=\"/img/clients/3.png\" alt=\"\" />\r\n                        </div>\r\n                        <h6 className=\"author-name color-font\">\r\n                          Kyle Hall\r\n                        </h6>\r\n                        <span className=\"author-details\">\r\n                        Director, Business Intelligence & Content Marketing\r\n                        Broadcast Med\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <p>\r\n                    The Creative Clarity team took our initial proof-of-concept reporting system and scaled it up for enterprise-level deployment based on industry-leading platforms, techniques, and technology.\r\n                  </p>\r\n                </div>            \r\n                <div className=\"item\">\r\n                  <div className=\"info valign\">\r\n                    <div className=\"cont\">\r\n                      <div className=\"author\">\r\n                        <div className=\"img\">\r\n                          <img src=\"/img/clients/4.jpg\" alt=\"\" />\r\n                        </div>\r\n                        <h6 className=\"author-name color-font\">\r\n                          Casey Cote\r\n                        </h6>\r\n                        <span className=\"author-details\">\r\n                          Founder at Omnience and All Solutions\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <p>\r\n                    Great digital agency to work with. The development teams have helped us hit major product and project milestones time after time.\r\n                  </p>\r\n                </div>\r\n              </Slider>\r\n            </div>\r\n          </div>\r\n          {this.renderArrows()}\r\n        </div>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nexport default FullTestimonials;\r\n","import React, { useEffect, useCallback } from \"react\";\r\nimport particlesConfig from \"config/particle-config\";\r\nimport particlesBlackConfig from \"config/pr-s-black\";\r\nimport Particles from \"react-tsparticles\";\r\nimport { loadFull } from \"tsparticles\";\r\n\r\nconst Intro4 = ({ sliderRef, blackStar }) => {\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      document.querySelector('#particles-js canvas')?.style.removeProperty('position');\r\n    }, 500);\r\n  }, []);\r\n\r\n  const particlesInit = useCallback(async (engine) => {\r\n    await loadFull(engine);\r\n    document.querySelector('#particles-js canvas')?.style.removeProperty('position');\r\n  }, []);\r\n\r\n  return (\r\n    <header ref={sliderRef} className=\"particles circle-bg valign\">\r\n      <div className=\"container\">\r\n        <div className=\"row justify-content-center\">\r\n          <div className=\"col-lg-10\">\r\n            <div className=\"cont text-center\">\r\n              <h1>\r\n                <span className=\"color-font\">Creativity</span> is the art of\r\n                developing <span className=\"color-font\">original ideas</span>.\r\n              </h1>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Particles\r\n        id=\"particles-js\"\r\n        init={particlesInit}\r\n        options={blackStar ? particlesBlackConfig : particlesConfig}\r\n      />\r\n      <div className=\"gradient-circle\"></div>\r\n      <div className=\"gradient-circle two\"></div>\r\n      <div className=\"line bottom left\"></div>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport default Intro4;\r\n","import React from \"react\";\r\n\r\nconst Intro6 = () => {\r\n  return (\r\n    <header className=\"mobile-app valign\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-6 valign\">\r\n            <div className=\"caption\">\r\n              <h1 className=\"mb-20\">\r\n                Let’s Build Amazing <span id=\"thething\">Solutions</span> Together\r\n              </h1>\r\n              <p>\r\n                The digital architects and evangelists at Creative Clarity will work with you \r\n                through every phase of the product development lifecycle to breath life into \r\n                your ideas.\r\n              </p>\r\n              <p>\r\n                We have built social media plaforms, marketing campaigns and websites reaching millions. \r\n                Our embedded development teams are trusted with projects that reach worldwide audiences \r\n                generating millions in annual revenues. \r\n              </p>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"col-lg-5 offset-lg-1\">\r\n            <div className=\"img wow fadeIn\">\r\n              <img src=\"/img/mobile-app/header-img.png\" alt=\"\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport default Intro6;\r\n","import React from \"react\";\r\nimport Split from \"../Split\";\r\nimport { Link } from 'gatsby';\r\nimport AboutUs3date from \"data/sections/about-us3.json\";\r\nimport { thumparallax, thumparallaxDown } from \"common/thumparallax\";\r\n\r\nconst AboutUs3 = () => {\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      thumparallax();\r\n      thumparallaxDown();\r\n    }, 1000);\r\n  }, []);\r\n\r\n  return (\r\n    <section className=\"agency section-padding position-re\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-7\">\r\n            <div className=\"imgsec md-mb50\">\r\n              <div className=\"row\">\r\n                <div className=\"col-md-6\">\r\n                  <div className=\"item\">\r\n                    <div\r\n                      className=\"imgone big-bord wow fadeInDown\"\r\n                      data-wow-delay=\".8s\"\r\n                    >\r\n                      <img\r\n                        className=\"thumparallax-down\"\r\n                        src={AboutUs3date.image1}\r\n                        alt=\"\"\r\n                      />\r\n                    </div>\r\n                    <div className=\"exp\">\r\n                      <h2 className=\"nmb-font\">{AboutUs3date.exp.nmb}</h2>\r\n                      <h6>{AboutUs3date.exp.name}</h6>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"col-md-6\">\r\n                  <div className=\"item\">\r\n                    <div\r\n                      className=\"imgtwo big-bord wow fadeInUp\"\r\n                      data-wow-delay=\".6s\"\r\n                    >\r\n                      <img\r\n                        className=\"thumparallax\"\r\n                        src={AboutUs3date.image2}\r\n                        alt=\"\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-5 valign\">\r\n            <div className=\"content\">\r\n              <Split>\r\n                <h4 className=\"wow words chars splitting\" data-splitting>\r\n                  {AboutUs3date.title.first} <br /> {AboutUs3date.title.second}\r\n                </h4>\r\n              </Split>\r\n              <Split>\r\n                <p className=\"wow txt words chars splitting\" data-splitting>\r\n                  {AboutUs3date.content.first} <br />\r\n                  {AboutUs3date.content.second}\r\n                </p>\r\n              </Split>\r\n              <Link to={`/about`} className=\"butn bord curve mt-40 wow fadeInUp\" data-wow-delay=\".8s\">\r\n                <span>{AboutUs3date.smallTitle}</span>\r\n              </Link>\r\n              <br />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div className=\"line bottom right\"></div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default AboutUs3;\r\n","import React from \"react\";\r\nimport { Link } from 'gatsby';\r\nimport cardMouseEffect from \"common/cardMouseEffect\";\r\n\r\nconst Services3 = () => {\r\n  React.useEffect(() => {\r\n    cardMouseEffect(document.querySelectorAll(\".feat .items\"));\r\n  }, []);\r\n  return (\r\n    <section className=\"feat sub-bg section-padding\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-8 col-md-10\">\r\n            <div className=\"sec-head\">\r\n              <h6 className=\"wow fadeIn\" data-wow-delay=\".5s\">\r\n                Your Partner in Growth\r\n              </h6>\r\n              <h3 className=\"wow color-font\">\r\n                We dont just build solutions, we build businesses.\r\n              </h3>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-3 col-md-6 items md-mb30\">\r\n            <div className=\"item wow fadeIn\" data-wow-delay=\".3s\">\r\n              <span className=\"icon\">\r\n                <i className=\"ion-ios-monitor\"></i>\r\n              </span>\r\n              <h5>Interface Design</h5>\r\n              <p>\r\n                Developing novel and highly usable interfaces to better engage with your audiences.\r\n              </p>\r\n              <Link to=\"/about\" className=\"more-stroke\">\r\n                <span></span>\r\n              </Link>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-3 col-md-6 items active md-mb30\">\r\n            <div className=\"item wow fadeIn\" data-wow-delay=\".3s\">\r\n              <span className=\"icon\">\r\n                <i className=\"ion-ios-bolt-outline\"></i>\r\n              </span>\r\n              <h5>Creative Always</h5>\r\n              <p>\r\n                We are constantly evolving to keep on the leading edge of digital technology trends.\r\n              </p>\r\n              <Link to=\"/about\" className=\"more-stroke\">\r\n                <span></span>\r\n              </Link>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-3 col-md-6 items sm-mb30\">\r\n            <div className=\"item wow fadeIn\" data-wow-delay=\".3s\">\r\n              <span className=\"icon\">\r\n                <i className=\"ion-chatbubbles\"></i>\r\n              </span>\r\n              <h5>Clear Communication</h5>\r\n              <p>\r\n                We approach each project from best practices in process and communication to keep stakeholders informed and in control.\r\n              </p>\r\n              <Link to=\"/about\" className=\"more-stroke\">\r\n                <span></span>\r\n              </Link>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-3 col-md-6 items\">\r\n            <div className=\"item wow fadeIn\" data-wow-delay=\".3s\">\r\n              <span className=\"icon\">\r\n                <i className=\"ion-ios-color-wand\"></i>\r\n              </span>\r\n              <h5>Ongoing Support</h5>\r\n              <p>\r\n                We have been working with many clients over a number of years to continually build on prior success and help reach new markets.\r\n              </p>\r\n              <Link to=\"/contact\" className=\"more-stroke\">\r\n                <span></span>\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default Services3;\r\n","import React from \"react\";\r\nimport Split from \"../Split\";\r\nimport { Link } from 'gatsby';\r\nimport { thumparallaxDown } from \"../../common/thumparallax\";\r\n\r\nconst MinimalArea2 = () => {\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      thumparallaxDown();\r\n    }, 1000);\r\n  }, []);\r\n  return (\r\n    <section className=\"min-area\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-6\">\r\n            <div className=\"img\">\r\n              <img\r\n                className=\"thumparallax-down\"\r\n                src=\"/img/min-area.jpg\"\r\n                alt=\"\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-6 valign\">\r\n            <div className=\"content\">\r\n              <h4 className=\"color-font\">Dream. Innovate. Implement. Repeat.</h4>\r\n              <Split>\r\n                <p className=\"wow txt words chars splitting\" data-splitting>\r\n                  Our digital product development agency is trusted by a wide variety of companies from across the globe to build BIG solutions.\r\n                  We cultivate smart ideas for start-ups and seasoned teams, always innovating and always evolving. \r\n                  We are passionate about our clients, their digital projects and their goals. \r\n                  We are the enterprise software development partner you have been searching for.\r\n                </p>\r\n              </Split>\r\n              <ul>\r\n                <li className=\"wow fadeInUp\" data-wow-delay=\".2s\">\r\n                  Dediacted development teams working across all timezones.\r\n                </li>\r\n                <li className=\"wow fadeInUp\" data-wow-delay=\".4s\">\r\n                  Trusted by major brands and driven startups.\r\n                </li>\r\n              </ul>\r\n              <Link to={`/about`} className=\"butn bord curve mt-40 wow fadeInUp\" data-wow-delay=\".8s\">\r\n                <span>Discover</span>\r\n              </Link>\r\n\r\n              <br />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default MinimalArea2;\r\n","import React from \"react\";\r\nimport Navbar from \"components/Navbar/navbar\";\r\nimport FullTestimonials from \"components/Full-testimonials/full-testimonials\";\r\nimport CallToAction from \"components/Call-to-action/call-to-action\";\r\nimport Footer from \"components/Footer/footer\";\r\nimport Team from \"components/Team/team\";\r\nimport Blogs4 from \"components/blogs/Blogs4/blogs4\";\r\nimport Intro3 from \"components/Intro4/intro4\";\r\nimport Intro6 from \"components/Intro6/intro6\";\r\nimport AboutUs3 from \"components/About-us3/about-us3\";\r\nimport Services3 from \"components/Services3/services3\";\r\nimport MinimalArea2 from \"components/Minimal-Area2/minimal-area2\";\r\nimport DarkTheme from \"layouts/Dark\";\r\n\r\nconst Homepage5 = () => {\r\n  const navbarRef = React.useRef(null);\r\n  const logoRef = React.useRef(null);\r\n\r\n  React.useEffect(() => {\r\n    var navbar = navbarRef.current;\r\n\r\n    if (window.pageYOffset > 300) {\r\n      navbar.classList.add(\"nav-scroll\");\r\n    } else {\r\n      navbar.classList.remove(\"nav-scroll\");\r\n    }\r\n\r\n    window.addEventListener(\"scroll\", () => {\r\n      if (window.pageYOffset > 300) {\r\n        navbar.classList.add(\"nav-scroll\");\r\n      } else {\r\n        navbar.classList.remove(\"nav-scroll\");\r\n      }\r\n    });\r\n  }, [navbarRef]);\r\n\r\n  return (\r\n    <DarkTheme>\r\n      <Navbar nr={navbarRef} lr={logoRef} />\r\n      <Intro3 />\r\n      <AboutUs3 />\r\n      <Intro6 />\r\n      <Services3 />\r\n      <MinimalArea2 />\r\n      <FullTestimonials classText=\"pb-0\" />\r\n      <Team />\r\n      <Blogs4 />\r\n      <CallToAction />\r\n      <Footer />\r\n    </DarkTheme>\r\n  );\r\n};\r\n\r\nexport const Head = () => {\r\n  return (\r\n    <>\r\n      <title>Digital Product Development Company | Creative Clarity</title>\r\n      <meta name=\"title\" content=\"Digital Product Development Company | Creative Clarity\" />\r\n      <meta name=\"description\" content=\"As a digital product development company, we aim to solve complex problems by aligning the right digital services, strategy, design, and technology to deliver impactful customer experiences across channels.\" />\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Homepage5;\r\n"],"names":["SwiperCore","use","Navigation","Pagination","Parallax","EffectFade","allProject","nodes","useStaticQuery","console","log","load","setLoad","React","setTimeout","removeSlashFromPagination","thumparallax","navigationPrevRef","navigationNextRef","paginationRef","className","style","display","speed","effect","spaceBetween","loop","parallax","navigation","prevEl","current","nextEl","pagination","type","clickable","el","onBeforeInit","swiper","params","onSwiper","i","slides","length","childNodes","setAttribute","width","destroy","init","update","slidesPerView","map","node","index","key","id","src","projectHeaderImage","alt","title","client","to","gatsbyPath","summary","ref","FullTestimonials","renderArrows","onClick","slider","slickNext","slickPrev","render","this","props","withIMG","withCOLOR","noPadding","classText","backgroundImage","showHead","c","dots","infinite","arrows","autoplaySpeed","centerMode","autoplay","rows","slidesToScroll","slidesToShow","pauseOnHover","pauseOnFocus","responsive","breakpoint","settings","sliderRef","blackStar","useEffect","document","querySelector","removeProperty","particlesInit","useCallback","async","loadFull","engine","options","particlesBlackConfig","particlesConfig","thumparallaxDown","AboutUs3date","Split","cardMouseEffect","querySelectorAll","Head","name","content","navbarRef","logoRef","navbar","window","pageYOffset","classList","add","remove","addEventListener","Dark","nr","lr"],"sourceRoot":""}