{"version":3,"sources":["webpack:///./src/views/Public/NewLanding.vue?8e6a","webpack:///src/views/Public/NewLanding.vue","webpack:///./src/views/Public/NewLanding.vue?754b","webpack:///./src/views/Public/NewLanding.vue?3bf0","webpack:///./src/assets/Landing/information-icon.svg","webpack:///./src/assets/Landing/buyer-icon.svg","webpack:///./src/assets/Landing/arrow.svg","webpack:///./src/assets/Landing/result-icon.svg","webpack:///./src/assets/Landing/mobile-iphone13.png","webpack:///./src/views/Public/NewLanding.vue?ca9a","webpack:///./src/assets/Landing/simplification-vendor.png","webpack:///./src/assets/Landing/simplification-buyer.png","webpack:///./src/assets/Landing/iphone13.png","webpack:///./src/assets/Landing/vendor-icon.svg","webpack:///./src/assets/Landing/performance-icon.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","on","$event","isSidebarOpen","$router","push","_v","name","staticRenderFns","mixins","_appApiHelper","components","LandingSidebarVue","LandingFooter","data","mounted","scrollToTop","methods","document","getElementById","scrollIntoView","scrollToDetails","component","module","exports"],"mappings":"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","file":"js/chunk-4702c31f.11e8457e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page\"},[_c('div',{staticClass:\"header\",attrs:{\"id\":\"navbar\"}},[_c('div',{staticClass:\"navbar navbar-mobile d-flex justify-content-between d-md-none\"},[_vm._m(0),_vm._m(1),_c('img',{staticClass:\"hamburger text-white\",attrs:{\"src\":require(\"@/assets/Landing/hamburger.svg\")},on:{\"click\":function($event){_vm.isSidebarOpen = true}}})]),_c('div',{staticClass:\"navbar d-none d-md-flex\"},[_vm._m(2),_c('div',{staticClass:\"buttons\"},[_c('button',{staticClass:\"btn login mr-3\",on:{\"click\":function($event){return _vm.$router.push('login')}}},[_vm._v(\"LOGIN\")]),_c('button',{staticClass:\"btn signup\",on:{\"click\":function($event){return _vm.$router.push('register')}}},[_vm._v(\"SIGN UP\")])])]),_c('LandingSidebarVue',{attrs:{\"isOpen\":_vm.isSidebarOpen,\"activeItem\":\"home\"},on:{\"close\":function($event){_vm.isSidebarOpen = false}}}),_c('div',{staticClass:\"hero\"},[_vm._m(3),_c('div',{staticClass:\"buttons d-flex d-md-block\"},[_c('button',{staticClass:\"btn buyer\",on:{\"click\":function($event){return _vm.$router.push('buyer')}}},[_vm._v(\"Buyers\")]),_c('button',{staticClass:\"btn vendor\",on:{\"click\":function($event){return _vm.$router.push('vendor')}}},[_vm._v(\"Vendors\")])])])],1),_c('div',{staticClass:\"body\"},[_vm._m(4),_c('div',{staticClass:\"simplification\"},[_vm._m(5),_c('div',{staticClass:\"items d-flex justify-content-between flex-column flex-md-row\"},[_c('div',{staticClass:\"item buyer\"},[_vm._m(6),_vm._m(7),_c('p',[_vm._v(\"Buyers can effortlessly explore a wide range of materials, compare prices, and make purchases or request quotations, all in one place. \")]),_c('router-link',{staticClass:\"learn\",attrs:{\"to\":{ name: 'Buyer' }}},[_vm._v(\"Learn More \"),_c('img',{attrs:{\"src\":require(\"@/assets/Landing/arrow.svg\")}})])],1),_c('div',{staticClass:\"item vendor\"},[_vm._m(8),_vm._m(9),_c('p',[_vm._v(\"Vendors have a platform to showcase their products, manage their transactions, and engage with buyers efficiently.\")]),_c('router-link',{staticClass:\"learn\",attrs:{\"to\":{ name: 'Vendor' }}},[_vm._v(\"Learn More \"),_c('img',{attrs:{\"src\":require(\"@/assets/Landing/arrow.svg\")}})])],1)])]),_vm._m(10)]),_c('LandingFooter',{attrs:{\"activeItem\":\"homepage\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"/#/\"}},[_c('img',{staticClass:\"logo d-md-none\",attrs:{\"alt\":\"Logo\",\"title\":\"Logo\",\"src\":require(\"@/assets/pocketyard_logo.svg\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"/#/\"}},[_c('img',{staticClass:\"logo d-none d-md-inline\",attrs:{\"alt\":\"Logo\",\"title\":\"Logo\",\"src\":require(\"@/assets/pocketyard_logo_black.svg\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"/#\"}},[_c('img',{staticClass:\"logo\",attrs:{\"alt\":\"Logo\",\"title\":\"Logo\",\"src\":require(\"@/assets/pocketyard_logo.svg\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"texts\"},[_c('h1',{staticClass:\"d-none d-md-block\"},[_vm._v(\"Digitizing the construction marketplace.\")]),_c('h1',{staticClass:\"d-block d-md-none\"},[_vm._v(\"Digitizing the construction marketplace.\")]),_c('p',{staticClass:\"d-none d-md-block\"},[_vm._v(\" Our platform serves as a digital bridge, connecting vendors and\"),_c('br'),_vm._v(\"buyers in the construction industry. \")]),_c('p',{staticClass:\"d-block d-md-none\"},[_vm._v(\" Our platform serves as a digital bridge,\"),_c('br'),_vm._v(\"connecting vendors and buyers in the\"),_c('br'),_vm._v(\"construction industry. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"list\"},[_c('div',{staticClass:\"heading\"},[_c('h3',[_vm._v(\"Let's cut to the quick.\")]),_c('p',[_vm._v(\"We offer transformative solutions.\")]),_c('div',{staticClass:\"line\"},[_vm._v(\" \")])]),_c('div',{staticClass:\"items d-flex flex-column flex-md-row justify-contents-between\"},[_c('div',{staticClass:\"item\"},[_c('img',{attrs:{\"src\":require(\"@/assets/Landing/information-icon.svg\")}}),_c('h6',[_vm._v(\"About Pocketyard\")]),_c('p',[_vm._v(\"Pocketyard is exactly what you need, precisely when you need it, minus the typical construction supply procurement chaos. \")])]),_c('div',{staticClass:\"item\"},[_c('img',{attrs:{\"src\":require(\"@/assets/Landing/performance-icon.svg\")}}),_c('h6',[_vm._v(\"Our Performance\")]),_c('p',[_vm._v(\"More convenient, faster, smarter, smoother. Obtaining crucial building materials for your site is as simple as Choose, Order... Build!\")])]),_c('div',{staticClass:\"item\"},[_c('img',{attrs:{\"src\":require(\"@/assets/Landing/result-icon.svg\")}}),_c('h6',[_vm._v(\"Final Results\")]),_c('p',[_vm._v(\"Buyers and estimators love pocketyard because receiving several vendor bids at once results in substantial savings of both time and money. \")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"heading\"},[_c('h3',[_vm._v(\"Simplification is a key\")]),_c('p',[_vm._v(\"Streamlining the procurement process like never before.\")]),_c('div',{staticClass:\"line\"},[_vm._v(\" \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner-container\"},[_c('a',{attrs:{\"href\":\"/#/buyer\"}},[_c('img',{staticClass:\"banner\",attrs:{\"src\":require(\"@/assets/Landing/simplification-buyer.png\")}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title d-flex\"},[_c('img',{attrs:{\"src\":require(\"@/assets/Landing/buyer-icon.svg\")}}),_c('h3',[_vm._v(\"For Buyers\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner-container\"},[_c('a',{attrs:{\"href\":\"/#/vendor\"}},[_c('img',{staticClass:\"banner\",attrs:{\"src\":require(\"@/assets/Landing/simplification-vendor.png\")}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title d-flex\"},[_c('img',{attrs:{\"src\":require(\"@/assets/Landing/vendor-icon.svg\")}}),_c('h3',[_vm._v(\"For Vendors\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"marketplace\"},[_c('div',{staticClass:\"heading\"},[_c('h3',[_vm._v(\"Pocketyard is more than Just a marketplace\")]),_c('div',{staticClass:\"line\"},[_vm._v(\" \")])]),_c('div',{staticClass:\"content d-flex justify-content-between flex-column flex-md-row\"},[_c('div',{staticClass:\"iphone\"},[_c('div',{staticClass:\"iphone-container\"},[_c('img',{staticClass:\"d-none d-md-block\",attrs:{\"src\":require(\"@/assets/Landing/iphone13.png\")}}),_c('img',{staticClass:\"d-block d-md-none\",attrs:{\"src\":require(\"@/assets/Landing/mobile-iphone13.png\")}})])]),_c('div',{staticClass:\"items\"},[_c('div',{staticClass:\"item community\"},[_c('h6',{staticClass:\"title\"},[_vm._v(\"It's a Community\")]),_c('p',[_vm._v(\"Fosters transparency, efficiency, and innovation in the construction industry.\")])]),_c('div',{staticClass:\"item construction\"},[_c('h6',{staticClass:\"title\"},[_vm._v(\"New Era of Construction\")]),_c('p',[_vm._v(\"Step into a new era of construction material procurement with Pocketyard today.\")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page\">\r\n    <div class=\"header\" id=\"navbar\">\r\n      <div class=\"navbar navbar-mobile d-flex justify-content-between d-md-none\">\r\n        <a href=\"/#/\"><img class=\"logo d-md-none\" alt=\"Logo\" title=\"Logo\" src=\"@/assets/pocketyard_logo.svg\" /></a>\r\n        <a href=\"/#/\"><img class=\"logo d-none d-md-inline\" alt=\"Logo\" title=\"Logo\" src=\"@/assets/pocketyard_logo_black.svg\" /></a>\r\n        <img\r\n          class=\"hamburger text-white\"\r\n          src=\"@/assets/Landing/hamburger.svg\"\r\n          @click=\"isSidebarOpen = true\"\r\n        />\r\n      </div>\r\n      <div class=\"navbar d-none d-md-flex\">\r\n        <a href=\"/#\">\r\n          <img\r\n            class=\"logo\"\r\n            alt=\"Logo\"\r\n            title=\"Logo\"\r\n            src=\"@/assets/pocketyard_logo.svg\"\r\n          />\r\n        </a>\r\n        <div class=\"buttons\">\r\n          <button class=\"btn login mr-3\" @click=\"$router.push('login')\">LOGIN</button>\r\n          <button class=\"btn signup\" @click=\"$router.push('register')\">SIGN UP</button>\r\n        </div>\r\n      </div>\r\n      <LandingSidebarVue :isOpen=\"isSidebarOpen\" @close=\"isSidebarOpen = false\" activeItem=\"home\"/>\r\n      <div class=\"hero\">\r\n        <div class=\"texts\">\r\n          <h1 class=\"d-none d-md-block\">Digitizing the construction marketplace.</h1>\r\n          <h1 class=\"d-block d-md-none\">Digitizing the construction marketplace.</h1>\r\n          <p class=\"d-none d-md-block\">\r\n            Our platform serves as a digital bridge, connecting vendors and<br />buyers\r\n            in the construction industry.\r\n          </p>\r\n          <p class=\"d-block d-md-none\">\r\n            Our platform serves as a digital bridge,<br />connecting vendors and buyers\r\n            in the<br />construction industry.\r\n          </p>\r\n        </div>\r\n        <div class=\"buttons d-flex d-md-block\">\r\n          <button class=\"btn buyer\" @click=\"$router.push('buyer')\">Buyers</button>\r\n          <button class=\"btn vendor\" @click=\"$router.push('vendor')\">Vendors</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"body\">\r\n      <div class=\"list\">\r\n        <div class=\"heading\">\r\n          <h3>Let's cut to the quick.</h3>\r\n          <p>We offer transformative solutions.</p>\r\n          <div class=\"line\">&nbsp;</div>\r\n        </div>\r\n        <div class=\"items d-flex flex-column flex-md-row justify-contents-between\">\r\n          <div class=\"item\">\r\n            <img src=\"@/assets/Landing/information-icon.svg\">\r\n            <h6>About Pocketyard</h6>\r\n            <p>Pocketyard is exactly what you need, precisely when you need it, minus the typical construction supply procurement chaos. </p>\r\n          </div>\r\n          <div class=\"item\">\r\n            <img src=\"@/assets/Landing/performance-icon.svg\">\r\n            <h6>Our Performance</h6>\r\n            <p>More convenient, faster, smarter, smoother. Obtaining crucial building materials for your site is as simple as Choose, Order... Build!</p>\r\n          </div>\r\n          <div class=\"item\">\r\n            <img src=\"@/assets/Landing/result-icon.svg\">\r\n            <h6>Final Results</h6>\r\n            <p>Buyers and estimators love pocketyard because receiving several vendor bids at once results in substantial savings of both time and money. </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"simplification\">\r\n        <div class=\"heading\">\r\n          <h3>Simplification is a key</h3>\r\n          <p>Streamlining the procurement process like never before.</p>\r\n          <div class=\"line\">&nbsp;</div>\r\n        </div>\r\n        <div class=\"items d-flex justify-content-between flex-column flex-md-row\">\r\n          <div class=\"item buyer\">\r\n            <div class=\"banner-container\">\r\n              <a href=\"/#/buyer\">\r\n                <img class=\"banner\" src=\"@/assets/Landing/simplification-buyer.png\">\r\n              </a>\r\n            </div>\r\n            <div class=\"title d-flex\">\r\n              <img src=\"@/assets/Landing/buyer-icon.svg\">\r\n              <h3>For Buyers</h3>\r\n            </div>\r\n            <p>Buyers can effortlessly explore a wide range of materials, compare prices, and make purchases or request quotations, all in one place. </p>\r\n            <router-link :to=\"{ name: 'Buyer' }\" class=\"learn\">Learn More <img src=\"@/assets/Landing/arrow.svg\" /></router-link>\r\n          </div>\r\n          <div class=\"item vendor\">\r\n            <div class=\"banner-container\">\r\n              <a href=\"/#/vendor\">\r\n                <img class=\"banner\" src=\"@/assets/Landing/simplification-vendor.png\">\r\n              </a>\r\n            </div>\r\n            <div class=\"title d-flex\">\r\n              <img src=\"@/assets/Landing/vendor-icon.svg\">\r\n              <h3>For Vendors</h3>\r\n            </div>\r\n            <p>Vendors have a platform to showcase their products, manage their transactions, and engage with buyers efficiently.</p>\r\n            <router-link :to=\"{ name: 'Vendor' }\" class=\"learn\">Learn More <img src=\"@/assets/Landing/arrow.svg\" /></router-link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"marketplace\">\r\n        <div class=\"heading\">\r\n          <h3>Pocketyard is more than Just a marketplace</h3>\r\n          <div class=\"line\">&nbsp;</div>\r\n        </div>\r\n        <div class=\"content d-flex justify-content-between flex-column flex-md-row\">\r\n          <div class=\"iphone\">\r\n            <div class=\"iphone-container\">\r\n              <img class=\"d-none d-md-block\" src=\"@/assets/Landing/iphone13.png\">\r\n              <img class=\"d-block d-md-none\" src=\"@/assets/Landing/mobile-iphone13.png\">\r\n            </div>\r\n          </div>\r\n          <div class=\"items\">\r\n            <div class=\"item community\">\r\n              <h6 class=\"title\">It's a Community</h6>\r\n              <p>Fosters transparency, efficiency, and innovation in the construction industry.</p>\r\n            </div>\r\n            <div class=\"item construction\">\r\n              <h6 class=\"title\">New Era of Construction</h6>\r\n              <p>Step into a new era of construction material procurement with Pocketyard today.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <LandingFooter activeItem=\"homepage\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _appApiHelper from '@/shared/mixins/_appApiHelper';\r\nimport LandingSidebarVue from '@/shared/elements/LandingSidebar.vue';\r\nimport LandingFooter from '@/shared/elements/LandingFooter.vue';\r\n\r\n\r\nexport default {\r\n  name: 'Landing',\r\n\r\n  mixins: [_appApiHelper],\r\n\r\n  components: {\r\n    LandingSidebarVue,\r\n    LandingFooter,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      isSidebarOpen: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.scrollToTop();\r\n  },\r\n  methods: {\r\n    scrollToTop() {\r\n      document.getElementById('navbar').scrollIntoView({ behavior: 'smooth' });\r\n    },\r\n    scrollToDetails() {\r\n      document.getElementById('details').scrollIntoView({ behavior: 'smooth' });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/scss/theme/_breakpoints';\r\n\r\n.header {\r\n  height: 100vh;\r\n  background: url(~@/assets/Landing/LandingBackground.png);\r\n  background-color: #282828;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  @include media-md('below') {\r\n    background: url(~@/assets/Landing/mobile-header.png);\r\n  }\r\n\r\n  .navbar-mobile {\r\n    background-color: #282828;\r\n  }\r\n\r\n  .navbar {\r\n    padding-left: 8.59vw;\r\n    padding-right: 8.59vw;\r\n    @include media-md('below') {\r\n      padding-left: 15px;\r\n      padding-right: 15px;\r\n      img {\r\n        height: 41px;\r\n      }\r\n\r\n      .hamburger {\r\n        height: 24px;\r\n      }\r\n    }\r\n    .buttons {\r\n      font-family: Inter;\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n\r\n      button {\r\n        width: 162px;\r\n        height: 48px;\r\n      }\r\n      .login {\r\n        background-color: #F38725;\r\n        color: white;\r\n\r\n        &:hover {\r\n          background-color: #E67200;\r\n        }\r\n      }\r\n\r\n      .signup {\r\n        background-color: #28282899;\r\n        color: #F59F51;\r\n\r\n        &:hover {\r\n          background-color: #282828;\r\n          border: 1px solid #F38725;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .hero {\r\n    text-align: center;\r\n    @include media-md('below') {\r\n      text-align: left;\r\n      padding-left: 15px;\r\n      padding-right: 15px;\r\n    }\r\n    .texts {\r\n      margin-top: 11vh;\r\n      @include media-md('below') {\r\n        margin-top: 25vh;\r\n      }\r\n      h1 {\r\n        color: #F1F1F1;\r\n        text-transform: capitalize;\r\n        font-family: Oswald;\r\n        font-weight: 600;\r\n        font-size: 64px;\r\n        line-height: 89.6px;\r\n        letter-spacing: 0.5px;\r\n        @include media-md('below') {\r\n          color: #FCFCFC;\r\n          font-family: Inter;\r\n          font-size: 2em;\r\n          font-weight: 800;\r\n          line-height: 39px;\r\n          letter-spacing: 0.8px;\r\n        }\r\n      }\r\n      p {\r\n        color: #F1F1F1;\r\n        margin-top: 20px;\r\n        line-height: 33.6px;\r\n        font-family: Inter;\r\n        font-weight: 400;\r\n        font-size: 24px;\r\n        @include media-md('below') {\r\n          margin-top: 30px;\r\n          font-size: 14px;\r\n          font-weight: 500;\r\n          line-height: 21px;\r\n          letter-spacing: 0.2px;\r\n        }\r\n      }\r\n    }\r\n    .buttons {\r\n      margin-top: 9.24vh;\r\n      @include media-md('below') {\r\n        padding-right: 47px;\r\n        margin-top: 85px;\r\n        height: 48px;\r\n      }\r\n      button {\r\n        width: 12.5vw;\r\n        height: 6.1664vh;\r\n        font-family: Inter;\r\n        font-weight: 600;\r\n        line-height: 25.2px;\r\n        font-size: 18px;\r\n        text-transform: uppercase;\r\n        @include media-md('below') {\r\n          width: 31.88vw;\r\n          font-size: 16px;\r\n          height: auto;\r\n        }\r\n      }\r\n      .buyer {\r\n        background-color: #F38725;\r\n        color: #333333;\r\n        margin-right: 30px;\r\n        &:hover {\r\n          background-color: #E67200;\r\n          box-shadow: 0px 4px 8px 0px #3031331A;\r\n          box-shadow: 0px 0px 1px 0px #3031330D;\r\n        }\r\n      }\r\n      .vendor {\r\n        background-color: #28282880;\r\n        border: 2px solid #F38725;\r\n        color: #F38725;\r\n        @include media-md('below') {\r\n          width: 35.265vw;\r\n        }\r\n        &:hover {\r\n          background-color: #282828;\r\n          box-shadow: 0px 4px 24px 0px #00000040;\r\n          border: 1px solid #F38725;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.body {\r\n  color: #4F4F4F;\r\n  .heading {\r\n    text-align: center;\r\n    font-family: Inter;\r\n    padding-bottom: 60px;\r\n    @include media-md('below') {\r\n      text-align: left;\r\n      padding-left: 15px;\r\n      padding-right: 15px;\r\n    }\r\n    h3 {\r\n      font-family: inherit;\r\n      color: #282828;\r\n      letter-spacing: 0.5px;\r\n      text-transform: capitalize;\r\n      font-size: 56px;\r\n      font-weight: 800;\r\n      line-height: 78px;\r\n      @include media-md('below') {\r\n        font-size: 24px;\r\n        line-height: 36px;\r\n        letter-spacing: 0.2px;\r\n      }\r\n    }\r\n    p {\r\n      font-family: inherit;\r\n      padding-top: 16px;\r\n      padding-bottom: 16px;\r\n      font-weight: 500;\r\n      font-size: 24px;\r\n      line-height: 33.6px;\r\n      @include media-md('below') {\r\n        padding-top: 8px;\r\n        font-size: 16px;\r\n        line-height: 22px;\r\n        letter-spacing: 0.20000000298023224px;\r\n        text-align: left;\r\n\r\n      }\r\n    }\r\n    .line {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      width: 100px;\r\n      height: 5px;\r\n      background-color: #E67200;\r\n      border-radius: 5px;\r\n      @include media-md('below') {\r\n        margin-left: 0px;\r\n      }\r\n    }\r\n  }\r\n  .list {\r\n    padding-top: 16.7vh;\r\n    padding-bottom: 16.7vh;\r\n    background-color: #F6F6F6;\r\n\r\n    .items {\r\n      width: 71.875vw;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      text-align: center;\r\n      @include media-md('below') {\r\n        width: 100%;\r\n        text-align: left;\r\n      }\r\n      .item {\r\n        padding: 40px;\r\n        width: 33.33%;\r\n        font-family: Inter;\r\n        @include media-md('below') {\r\n          width: 100%;\r\n        }\r\n        img {\r\n          width: 64px;\r\n          height: 64px;\r\n          margin-bottom: 24px;\r\n        }\r\n        h6 {\r\n          font-family: inherit;\r\n          font-weight: 700;\r\n          line-height: 33.6px;\r\n          font-size: 24px;\r\n          margin-bottom: 24px;\r\n          @include media-md('below') {\r\n            font-size: 20px;\r\n            line-height: 30px;\r\n            letter-spacing: 0.2px;\r\n          }\r\n        }\r\n        p {\r\n          font-family: inherit;\r\n          font-weight: 400;\r\n          line-height: 27px;\r\n          font-size: 18px;\r\n          @include media-md('below') {\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n            letter-spacing: 0.2px;\r\n          }\r\n        }\r\n      }\r\n      .item:first-child {\r\n        margin-right: 30px;\r\n        @include media-md('below') {\r\n          margin-right: 0px;\r\n        }\r\n      }\r\n      .item:last-child {\r\n        margin-left: 30px;\r\n        @include media-md('below') {\r\n          margin-left: 0px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .simplification {\r\n    padding-top: 7.399vh;\r\n    padding-bottom: 7.399vh;\r\n    .items {\r\n      padding-left: 8.541vw;\r\n      padding-right: 8.541vw;\r\n    }\r\n\r\n    .item {\r\n      padding: 3.125vw;\r\n      width: 50%;\r\n      box-shadow: 0px 2px 14px 0px #0000000F;\r\n      &:hover {\r\n        box-shadow: 0px 14px 24px 0px #0000000F;\r\n      }\r\n      &:hover > .banner-container .banner {\r\n          transform: scale(1.15);\r\n      }\r\n      &:hover > .learn {\r\n        font-weight: 600;\r\n      }\r\n      @include media-md('below') {\r\n        width: 100%;\r\n        padding: 40px 30px;\r\n      }\r\n\r\n      .learn {\r\n        img {\r\n          margin-left: 8px;\r\n          margin-bottom: 3px;\r\n        }\r\n      }\r\n\r\n      .banner-container {\r\n        overflow: hidden;\r\n        border-radius: 8px;\r\n        margin-bottom: 3.125vw;\r\n        @include media-md('below') {\r\n          margin-bottom: 40px;\r\n        }\r\n      }\r\n\r\n      .banner {\r\n        width: 100%;\r\n        border-radius: 8px;\r\n        transition: transform 0.4s;\r\n      }\r\n\r\n      .title {\r\n        margin-bottom: 32px;\r\n        img {\r\n          width: 48px;\r\n          margin-right: 18px;\r\n          @include media-md('below') {\r\n            width: 30px;\r\n            margin-right: 16px;\r\n          }\r\n        }\r\n        h3 {\r\n          font-family: Oswald;\r\n          font-size: 32px;\r\n          font-weight: 600;\r\n          line-height: 48px;\r\n          @include media-md('below') {\r\n            font-size: 20px;\r\n            line-height: 30px;\r\n            letter-spacing: 0.8px;\r\n          }\r\n        }\r\n      }\r\n      p {\r\n        font-family: Inter;\r\n        font-weight: 400;\r\n        font-size: 20px;\r\n        line-height: 30px;\r\n        margin-bottom: 62px;\r\n        @include media-md('below') {\r\n          font-size: 14px;\r\n          font-weight: 400;\r\n          line-height: 21px;\r\n          letter-spacing: 0.2px;\r\n          margin-bottom: 30px;\r\n        }\r\n      }\r\n      a {\r\n        color: #F38725;\r\n        font-family: Inter;\r\n        font-weight: 400;\r\n        line-height: 30px;\r\n        font-size: 20px;\r\n        text-decoration: none;\r\n        letter-spacing: 0.2px;\r\n        @include media-md('below') {\r\n          font-size: 16px;\r\n          line-height: 24px;\r\n          letter-spacing: 0.2px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .buyer {\r\n      margin-right: 15px;\r\n      @include media-md('below') {\r\n        margin-right: 0px;\r\n        margin-bottom: 20px;\r\n        padding-bottom: 20px;\r\n      }\r\n    }\r\n\r\n    .vendor {\r\n      margin-left: 15px;\r\n      @include media-md('below') {\r\n        margin-left: 0px;\r\n        margin-bottom: 20px;\r\n        padding-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  .marketplace {\r\n    padding-top: 17.06vh;\r\n    padding-bottom: 17.06vh;\r\n    background-color: #F6F6F6;\r\n    .content {\r\n      padding-right: 10.88vw;\r\n      padding-left: 10.88vw;\r\n      @include media-md('below') {\r\n        padding-right: 15px;\r\n        padding-left: 15px;\r\n      }\r\n    }\r\n    .iphone {\r\n      padding-bottom: 5px;\r\n      text-align: center;\r\n      img {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        @include media-md('below') {\r\n          width: 100%;\r\n          margin-bottom: 156px;\r\n        }\r\n      }\r\n    }\r\n    .items {\r\n      width: 29.01vw;\r\n      @include media-md('below') {\r\n        width: 100%;\r\n      }\r\n      .community {\r\n        margin-bottom: 6.16vh;\r\n      }\r\n      .item {\r\n        font-family: Inter;\r\n        padding-right: 1.25vw;\r\n        h6 {\r\n          font-family: inherit;\r\n          color: #282828;\r\n          font-weight: 800;\r\n          font-size: 30px;\r\n          line-height: 39px;\r\n          font-family: Inter;\r\n          letter-spacing: 0.8px;\r\n          @include media-md('below') {\r\n            font-size: 24px;\r\n            line-height: 31px;\r\n            letter-spacing: 0.24px;\r\n          }\r\n        }\r\n        p {\r\n          font-family: inherit;\r\n          font-weight: 400;\r\n          font-size: 20px;\r\n          line-height: 30px;\r\n          letter-spacing: 0.8px;\r\n          @include media-md('below') {\r\n            font-size: 14px;\r\n            line-height: 21px;\r\n            letter-spacing: 0.2px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewLanding.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewLanding.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewLanding.vue?vue&type=template&id=60da0614&scoped=true&\"\nimport script from \"./NewLanding.vue?vue&type=script&lang=js&\"\nexport * from \"./NewLanding.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewLanding.vue?vue&type=style&index=0&id=60da0614&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"60da0614\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/information-icon.4cc06176.svg\";","module.exports = __webpack_public_path__ + \"img/buyer-icon.6ddc808f.svg\";","module.exports = __webpack_public_path__ + \"img/arrow.d4d42cd7.svg\";","module.exports = __webpack_public_path__ + \"img/result-icon.93006e6e.svg\";","module.exports = __webpack_public_path__ + \"img/mobile-iphone13.f336ef15.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewLanding.vue?vue&type=style&index=0&id=60da0614&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/simplification-vendor.4b64d8fa.png\";","module.exports = __webpack_public_path__ + \"img/simplification-buyer.9841619c.png\";","module.exports = __webpack_public_path__ + \"img/iphone13.200e073d.png\";","module.exports = __webpack_public_path__ + \"img/vendor-icon.112e4804.svg\";","module.exports = __webpack_public_path__ + \"img/performance-icon.03da986f.svg\";"],"sourceRoot":""}