@posiwise/public-modules 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -240,11 +240,11 @@ class LandingPageContactComponent extends AppBaseComponent {
|
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
242
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageContactComponent, deps: [{ token: i1.CommonService }, { token: i2$1.UntypedFormBuilder }, { token: i1.AuthService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
243
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageContactComponent, isStandalone: false, selector: "pw-landing-page-contact", inputs: { gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" />\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" />\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Apply to Build\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-a',\n value: 1\n }\"\n href=\"https://calendly.com/d/cw7y-6nr-ygb/let-s-talk-posiwise-venture-call\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">Talk to the Team</a>\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 address-block-container float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Don\u2019t pitch us an idea. Bring us a problem you\u2019ve lived.</h6>\n <p>\n We build - and fund - profitable software companies from lived pain.\n </p>\n <p>\n If you\u2019ve seen a broken system up close \u2014 and want to productise the fix \u2014 we want to hear from you. No fluff. No\n tourists.\n </p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><i class=\"fas fa-phone\"></i></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-map-marker-alt\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-regular fa-globe\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p><a href=\"mailto:info@posiwise.com\">info@posiwise.com</a></p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }, { kind: "component", type: i6$1.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }] }); }
|
|
243
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageContactComponent, isStandalone: false, selector: "pw-landing-page-contact", inputs: { gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" id=\"input_name_1\" name=\"input_name_1\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" id=\"input_email_2\" name=\"input_email_2\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea id=\"landing-page-contact-message\"\n name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Apply to Build\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">Talk to the Team</a>\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 address-block-container float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Don\u2019t pitch us an idea. Bring us a problem you\u2019ve lived.</h6>\n <p>\n We build - and fund - profitable software companies from lived pain.\n </p>\n <p>\n If you\u2019ve seen a broken system up close \u2014 and want to productise the fix \u2014 we want to hear from you. No fluff. No\n tourists.\n </p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><i class=\"fas fa-phone\"></i></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-map-marker-alt\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-regular fa-globe\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p><a href=\"mailto:info@posiwise.com\">info@posiwise.com</a></p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }, { kind: "component", type: i6$1.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }] }); }
|
|
244
244
|
}
|
|
245
245
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageContactComponent, decorators: [{
|
|
246
246
|
type: Component,
|
|
247
|
-
args: [{ selector: 'pw-landing-page-contact', standalone: false, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" />\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" />\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Apply to Build\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-a',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
247
|
+
args: [{ selector: 'pw-landing-page-contact', standalone: false, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" id=\"input_name_1\" name=\"input_name_1\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" id=\"input_email_2\" name=\"input_email_2\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea id=\"landing-page-contact-message\"\n name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Apply to Build\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">Talk to the Team</a>\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 address-block-container float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Don\u2019t pitch us an idea. Bring us a problem you\u2019ve lived.</h6>\n <p>\n We build - and fund - profitable software companies from lived pain.\n </p>\n <p>\n If you\u2019ve seen a broken system up close \u2014 and want to productise the fix \u2014 we want to hear from you. No fluff. No\n tourists.\n </p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><i class=\"fas fa-phone\"></i></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-map-marker-alt\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-regular fa-globe\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p><a href=\"mailto:info@posiwise.com\">info@posiwise.com</a></p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"] }]
|
|
248
248
|
}], ctorParameters: () => [{ type: i1.CommonService }, { type: i2$1.UntypedFormBuilder }, { type: i1.AuthService }, { type: i0.Injector }], propDecorators: { gaEventObj: [{
|
|
249
249
|
type: Input
|
|
250
250
|
}] } });
|
|
@@ -310,11 +310,11 @@ class LandingPageOurProductsComponent {
|
|
|
310
310
|
HelperService.highlightedProductItem(this.productsList.nativeElement, this.document);
|
|
311
311
|
}
|
|
312
312
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageOurProductsComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
313
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageOurProductsComponent, isStandalone: false, selector: "pw-landing-page-our-products", viewQueries: [{ propertyName: "productsList", first: true, predicate: ["productsList"], descendants: true }], ngImport: i0, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>The Stack Behind the Stealth</h2>\n <h3> Every venture we launch runs on our internal <strong>SaaS Factory Platform</strong> \u2014 a system built to eliminate boilerplate and move\n from idea to product in weeks, not months.</h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>See How It Works</h3>\n <p>\n We don\u2019t start from scratch. Our internal platform handles the boring bits \u2014 backend, auth, UI, integrations \u2014 so we can\n ship polished SaaS products in weeks, not months.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Proven on the battlefield: CloudOlive</h3>\n <p>\n CloudOlive \u2014 now operating in 15+ countries \u2014 was launched entirely on this stack. Same engine. New problems. Faster\n execution.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
313
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageOurProductsComponent, isStandalone: false, selector: "pw-landing-page-our-products", viewQueries: [{ propertyName: "productsList", first: true, predicate: ["productsList"], descendants: true }], ngImport: i0, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>The Stack Behind the Stealth</h2>\n <h3> Every venture we launch runs on our internal <strong>SaaS Factory Platform</strong> \u2014 a system built to eliminate boilerplate and move\n from idea to product in weeks, not months.</h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>See How It Works</h3>\n <p>\n We don\u2019t start from scratch. Our internal platform handles the boring bits \u2014 backend, auth, UI, integrations \u2014 so we can\n ship polished SaaS products in weeks, not months.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Proven on the battlefield: CloudOlive</h3>\n <p>\n CloudOlive \u2014 now operating in 15+ countries \u2014 was launched entirely on this stack. Same engine. New problems. Faster\n execution.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>See It in Action</h3>\n <p>\n Curious how it works behind the curtain? Ask nicely.\n </p>\n </a>\n </li>\n </ul>\n </div>\n <div class=\"col-md-6 col-sm-12 float-end empowering-img\">\n <img src=\"/assets/img/landing-page/services/HyperDashboard-1b.webp\"\n alt=\"Hyper-Dashboard\"\n class=\"responsive-thumb\" />\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.container h3{color:#525f7f!important;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;text-align:center}.succeed-outer{padding:70px 0;position:relative}.succeed-outer h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:48px;font-weight:900;margin:0 0 40px;padding:0 0 25px;position:relative;text-align:center;z-index:3}.succeed-outer h2:after{background:#ffab00;bottom:0;content:\"\";height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.succeed-outer:after{background:url(/assets/img/landing-page/blue-pic.png) no-repeat top center;content:\"\";height:467px;position:absolute;right:0;top:0;width:184px;z-index:-1}.succeed-outer:before{background:url(/assets/img/landing-page/green-img.png) no-repeat top center;bottom:0;content:\"\";height:410px;left:0;position:absolute;width:367px}.empowering h3{color:#36c283;font-family:Roboto,sans-serif;font-size:20px;font-weight:800;margin:0 0 6px}.empowering p{color:#525f7f;font-family:Roboto,sans-serif;font-size:18px;line-height:20px;margin:0}.empowering li{background:#eff8fe;border-radius:20px;cursor:pointer;float:left;margin:10px 0;padding:20px 26px;transition:all .5s ease-out}.empowering li.highlighted{background:linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);background:#056be0;background:-webkit-gradient(left to bottom,right to bottom,color-stop(0%,rgb(5,107,224)),color-stop(24%,rgb(8,122,216)),color-stop(49%,rgb(15,152,202)),color-stop(75%,rgb(19,172,192)),color-stop(100%,rgb(20,176,190))),linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);filter:progid:dximagetransform.microsoft.gradient(startColorstr=\"#056be0\",endColorstr=\"#14b0be\",GradientType=1)}.empowering li.highlighted p{color:#fff}.empowering li.highlighted h3{color:#fff!important}.empowering-img{padding:10px 0 0;text-align:right}@media screen and (max-width: 1199px){.responsive-thumb{width:100%}}@media screen and (min-width: 768px){.empowering{position:relative;padding-left:30px}}@media screen and (max-width: 991px){.future-left img{margin-top:0}.succeed-outer h2{font-size:38px}}@media screen and (max-width: 767px){.succeed-outer{padding:30px 0}.succeed-outer h2{font-size:25px}}@media screen and (max-width: 575px){.succeed-outer:before{background-position:top left;width:100%}.succeed-outer:after{opacity:.4}}\n"], dependencies: [{ kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }] }); }
|
|
314
314
|
}
|
|
315
315
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageOurProductsComponent, decorators: [{
|
|
316
316
|
type: Component,
|
|
317
|
-
args: [{ selector: 'pw-landing-page-our-products', standalone: false, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>The Stack Behind the Stealth</h2>\n <h3> Every venture we launch runs on our internal <strong>SaaS Factory Platform</strong> \u2014 a system built to eliminate boilerplate and move\n from idea to product in weeks, not months.</h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>See How It Works</h3>\n <p>\n We don\u2019t start from scratch. Our internal platform handles the boring bits \u2014 backend, auth, UI, integrations \u2014 so we can\n ship polished SaaS products in weeks, not months.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Proven on the battlefield: CloudOlive</h3>\n <p>\n CloudOlive \u2014 now operating in 15+ countries \u2014 was launched entirely on this stack. Same engine. New problems. Faster\n execution.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
317
|
+
args: [{ selector: 'pw-landing-page-our-products', standalone: false, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>The Stack Behind the Stealth</h2>\n <h3> Every venture we launch runs on our internal <strong>SaaS Factory Platform</strong> \u2014 a system built to eliminate boilerplate and move\n from idea to product in weeks, not months.</h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>See How It Works</h3>\n <p>\n We don\u2019t start from scratch. Our internal platform handles the boring bits \u2014 backend, auth, UI, integrations \u2014 so we can\n ship polished SaaS products in weeks, not months.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Proven on the battlefield: CloudOlive</h3>\n <p>\n CloudOlive \u2014 now operating in 15+ countries \u2014 was launched entirely on this stack. Same engine. New problems. Faster\n execution.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>See It in Action</h3>\n <p>\n Curious how it works behind the curtain? Ask nicely.\n </p>\n </a>\n </li>\n </ul>\n </div>\n <div class=\"col-md-6 col-sm-12 float-end empowering-img\">\n <img src=\"/assets/img/landing-page/services/HyperDashboard-1b.webp\"\n alt=\"Hyper-Dashboard\"\n class=\"responsive-thumb\" />\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.container h3{color:#525f7f!important;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;text-align:center}.succeed-outer{padding:70px 0;position:relative}.succeed-outer h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:48px;font-weight:900;margin:0 0 40px;padding:0 0 25px;position:relative;text-align:center;z-index:3}.succeed-outer h2:after{background:#ffab00;bottom:0;content:\"\";height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.succeed-outer:after{background:url(/assets/img/landing-page/blue-pic.png) no-repeat top center;content:\"\";height:467px;position:absolute;right:0;top:0;width:184px;z-index:-1}.succeed-outer:before{background:url(/assets/img/landing-page/green-img.png) no-repeat top center;bottom:0;content:\"\";height:410px;left:0;position:absolute;width:367px}.empowering h3{color:#36c283;font-family:Roboto,sans-serif;font-size:20px;font-weight:800;margin:0 0 6px}.empowering p{color:#525f7f;font-family:Roboto,sans-serif;font-size:18px;line-height:20px;margin:0}.empowering li{background:#eff8fe;border-radius:20px;cursor:pointer;float:left;margin:10px 0;padding:20px 26px;transition:all .5s ease-out}.empowering li.highlighted{background:linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);background:#056be0;background:-webkit-gradient(left to bottom,right to bottom,color-stop(0%,rgb(5,107,224)),color-stop(24%,rgb(8,122,216)),color-stop(49%,rgb(15,152,202)),color-stop(75%,rgb(19,172,192)),color-stop(100%,rgb(20,176,190))),linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);filter:progid:dximagetransform.microsoft.gradient(startColorstr=\"#056be0\",endColorstr=\"#14b0be\",GradientType=1)}.empowering li.highlighted p{color:#fff}.empowering li.highlighted h3{color:#fff!important}.empowering-img{padding:10px 0 0;text-align:right}@media screen and (max-width: 1199px){.responsive-thumb{width:100%}}@media screen and (min-width: 768px){.empowering{position:relative;padding-left:30px}}@media screen and (max-width: 991px){.future-left img{margin-top:0}.succeed-outer h2{font-size:38px}}@media screen and (max-width: 767px){.succeed-outer{padding:30px 0}.succeed-outer h2{font-size:25px}}@media screen and (max-width: 575px){.succeed-outer:before{background-position:top left;width:100%}.succeed-outer:after{opacity:.4}}\n"] }]
|
|
318
318
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
319
319
|
type: Inject,
|
|
320
320
|
args: [DOCUMENT]
|
|
@@ -397,11 +397,11 @@ class LandingPageSubscribeComponent extends AppBaseComponent {
|
|
|
397
397
|
}
|
|
398
398
|
}
|
|
399
399
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeComponent, deps: [{ token: i1.AuthService }, { token: i2$3.CrmService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
400
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeComponent, isStandalone: false, selector: "pw-landing-page-subscribe", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input name=\"\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input name=\"\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
400
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeComponent, isStandalone: false, selector: "pw-landing-page-subscribe", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
401
401
|
}
|
|
402
402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeComponent, decorators: [{
|
|
403
403
|
type: Component,
|
|
404
|
-
args: [{ selector: 'pw-landing-page-subscribe', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input name=\"\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input name=\"\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
404
|
+
args: [{ selector: 'pw-landing-page-subscribe', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
405
405
|
}], ctorParameters: () => [{ type: i1.AuthService }, { type: i2$3.CrmService }, { type: i0.Injector }], propDecorators: { sourceId: [{
|
|
406
406
|
type: Input
|
|
407
407
|
}], gaEventObj: [{
|
|
@@ -503,11 +503,11 @@ class LandingPageContactBComponent extends AppBaseComponent {
|
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
505
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageContactBComponent, deps: [{ token: i1.CommonService }, { token: i2$1.UntypedFormBuilder }, { token: i1.AuthService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageContactBComponent, isStandalone: false, selector: "pw-landing-page-contact-b", inputs: { gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" />\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" />\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-b',\n value: 1\n }\"\n href=\"https://calendly.com/d/cw7y-6nr-ygb/let-s-talk-posiwise-venture-call\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">Talk to the Team</a>\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Don\u2019t pitch us an idea. Bring us a problem you\u2019ve lived.</h6>\n <p>\n We build - and fund - profitable software companies from lived pain.\n </p>\n <p>\n If you\u2019ve seen a broken system up close \u2014 and want to productise the fix \u2014 we want to hear from you. No fluff. No\n tourists.\n </p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><i class=\"fas fa-phone\"></i></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-map-marker-alt\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-regular fa-globe\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p><a href=\"mailto:info@posiwise.com\">info@posiwise.com</a></p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }, { kind: "component", type: i6$1.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }] }); }
|
|
506
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageContactBComponent, isStandalone: false, selector: "pw-landing-page-contact-b", inputs: { gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" id=\"input_name_1\" name=\"input_name_1\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" id=\"input_email_2\" name=\"input_email_2\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea id=\"landing-page-contact-b-message\"\n name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-b',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">Talk to the Team</a>\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Don\u2019t pitch us an idea. Bring us a problem you\u2019ve lived.</h6>\n <p>\n We build - and fund - profitable software companies from lived pain.\n </p>\n <p>\n If you\u2019ve seen a broken system up close \u2014 and want to productise the fix \u2014 we want to hear from you. No fluff. No\n tourists.\n </p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><i class=\"fas fa-phone\"></i></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-map-marker-alt\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-regular fa-globe\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p><a href=\"mailto:info@posiwise.com\">info@posiwise.com</a></p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }, { kind: "component", type: i6$1.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }] }); }
|
|
507
507
|
}
|
|
508
508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageContactBComponent, decorators: [{
|
|
509
509
|
type: Component,
|
|
510
|
-
args: [{ selector: 'pw-landing-page-contact-b', standalone: false, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" />\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" />\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-b',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
510
|
+
args: [{ selector: 'pw-landing-page-contact-b', standalone: false, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" id=\"input_name_1\" name=\"input_name_1\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" id=\"input_email_2\" name=\"input_email_2\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea id=\"landing-page-contact-b-message\"\n name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n <div class=\"my-4\">\n <hr />\n </div>\n <div class=\"book-demo login-button text-center\">\n <p>Alternatively, you can book a time to talk to us.</p>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-contact-b',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">Talk to the Team</a>\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Don\u2019t pitch us an idea. Bring us a problem you\u2019ve lived.</h6>\n <p>\n We build - and fund - profitable software companies from lived pain.\n </p>\n <p>\n If you\u2019ve seen a broken system up close \u2014 and want to productise the fix \u2014 we want to hear from you. No fluff. No\n tourists.\n </p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><i class=\"fas fa-phone\"></i></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-map-marker-alt\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span>\n <i class=\"fas fa-regular fa-globe\"></i>\n </span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p><a href=\"mailto:info@posiwise.com\">info@posiwise.com</a></p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"] }]
|
|
511
511
|
}], ctorParameters: () => [{ type: i1.CommonService }, { type: i2$1.UntypedFormBuilder }, { type: i1.AuthService }, { type: i0.Injector }], propDecorators: { gaEventObj: [{
|
|
512
512
|
type: Input
|
|
513
513
|
}] } });
|
|
@@ -554,11 +554,11 @@ class LandingPageOurProductsBComponent {
|
|
|
554
554
|
HelperService.highlightedProductItem(this.productsList.nativeElement, this.document);
|
|
555
555
|
}
|
|
556
556
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageOurProductsBComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
557
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageOurProductsBComponent, isStandalone: false, selector: "pw-landing-page-our-products-b", viewQueries: [{ propertyName: "productsList", first: true, predicate: ["productsList"], descendants: true }], ngImport: i0, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>Our Secret Weapon == Our SaaS Factory Platform</h2>\n <h3>\n With our <strong>proprietary Software as a Service (SaaS) Factory Platform</strong>,\n <br />\n we can build complex SaaS solutions <strong>quickly</strong> <br />\n and <strong>cost effectively</strong>.\n </h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>Read More - SaaS Factory Platform</h3>\n <p>\n Our SaaS Factory Platform is a collection of services that we can utilize\n to build enterprise-grade dashboard-like software applications -\n without starting from scratch each time.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Built with PosiWise: CloudOlive</h3>\n <p>\n CloudOlive was built on the PosiWise platform. It raised over $1M and now operates in 15+ countries - and growing.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
557
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageOurProductsBComponent, isStandalone: false, selector: "pw-landing-page-our-products-b", viewQueries: [{ propertyName: "productsList", first: true, predicate: ["productsList"], descendants: true }], ngImport: i0, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>Our Secret Weapon == Our SaaS Factory Platform</h2>\n <h3>\n With our <strong>proprietary Software as a Service (SaaS) Factory Platform</strong>,\n <br />\n we can build complex SaaS solutions <strong>quickly</strong> <br />\n and <strong>cost effectively</strong>.\n </h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>Read More - SaaS Factory Platform</h3>\n <p>\n Our SaaS Factory Platform is a collection of services that we can utilize\n to build enterprise-grade dashboard-like software applications -\n without starting from scratch each time.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Built with PosiWise: CloudOlive</h3>\n <p>\n CloudOlive was built on the PosiWise platform. It raised over $1M and now operates in 15+ countries - and growing.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>See it - Book a Demo</h3>\n <p>\n Please book a demo if you want to see how we utilize our SaaS Factory\n Platform to build great software solutions.\n </p>\n </a>\n </li>\n </ul>\n </div>\n <div class=\"col-md-6 col-sm-12 float-end empowering-img\">\n <img src=\"/assets/img/landing-page/services/HyperDashboard-1b.webp\"\n alt=\"Hyper-Dashboard\"\n class=\"responsive-thumb\" />\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.container h3{color:#525f7f!important;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;text-align:center}.succeed-outer{padding:70px 0;position:relative}.succeed-outer h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:48px;font-weight:900;margin:0 0 40px;padding:0 0 25px;position:relative;text-align:center;z-index:3}.succeed-outer h2:after{background:#ffab00;bottom:0;content:\"\";height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.succeed-outer:after{background:url(/assets/img/landing-page/blue-pic.png) no-repeat top center;content:\"\";height:467px;position:absolute;right:0;top:0;width:184px;z-index:-1}.succeed-outer:before{background:url(/assets/img/landing-page/green-img.png) no-repeat top center;bottom:0;content:\"\";height:410px;left:0;position:absolute;width:367px}.empowering h3{color:#36c283;font-family:Roboto,sans-serif;font-size:20px;font-weight:800;margin:0 0 6px}.empowering p{color:#525f7f;font-family:Roboto,sans-serif;font-size:18px;line-height:20px;margin:0}.empowering li{background:#eff8fe;border-radius:20px;cursor:pointer;float:left;margin:10px 0;padding:20px 26px;transition:all .5s ease-out}.empowering li.highlighted{background:linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);background:#056be0;background:-webkit-gradient(left to bottom,right to bottom,color-stop(0%,rgb(5,107,224)),color-stop(24%,rgb(8,122,216)),color-stop(49%,rgb(15,152,202)),color-stop(75%,rgb(19,172,192)),color-stop(100%,rgb(20,176,190))),linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);filter:progid:dximagetransform.microsoft.gradient(startColorstr=\"#056be0\",endColorstr=\"#14b0be\",GradientType=1)}.empowering li.highlighted p{color:#fff}.empowering li.highlighted h3{color:#fff!important}.empowering-img{padding:10px 0 0;text-align:right}@media screen and (max-width: 1199px){.responsive-thumb{width:100%}}@media screen and (max-width: 991px){.future-left img{margin-top:0}.succeed-outer h2{font-size:38px}}@media screen and (max-width: 767px){.succeed-outer{padding:30px 0}.succeed-outer h2{font-size:25px}}@media screen and (max-width: 575px){.succeed-outer:before{background-position:top left;width:100%}.succeed-outer:after{opacity:.4}}.col-md-6{position:relative}@media screen and (min-width: 768px){.empowering{position:relative;padding-left:30px}}\n"], dependencies: [{ kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }] }); }
|
|
558
558
|
}
|
|
559
559
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageOurProductsBComponent, decorators: [{
|
|
560
560
|
type: Component,
|
|
561
|
-
args: [{ selector: 'pw-landing-page-our-products-b', standalone: false, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>Our Secret Weapon == Our SaaS Factory Platform</h2>\n <h3>\n With our <strong>proprietary Software as a Service (SaaS) Factory Platform</strong>,\n <br />\n we can build complex SaaS solutions <strong>quickly</strong> <br />\n and <strong>cost effectively</strong>.\n </h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>Read More - SaaS Factory Platform</h3>\n <p>\n Our SaaS Factory Platform is a collection of services that we can utilize\n to build enterprise-grade dashboard-like software applications -\n without starting from scratch each time.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Built with PosiWise: CloudOlive</h3>\n <p>\n CloudOlive was built on the PosiWise platform. It raised over $1M and now operates in 15+ countries - and growing.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
561
|
+
args: [{ selector: 'pw-landing-page-our-products-b', standalone: false, template: "<section class=\"succeed-outer\"\n id=\"products\">\n <div class=\"container\">\n <h2>Our Secret Weapon == Our SaaS Factory Platform</h2>\n <h3>\n With our <strong>proprietary Software as a Service (SaaS) Factory Platform</strong>,\n <br />\n we can build complex SaaS solutions <strong>quickly</strong> <br />\n and <strong>cost effectively</strong>.\n </h3>\n\n <div class=\"col-md-6 col-sm-12 float-start empowering\">\n <ul id=\"products-list\"\n #productsList>\n <li class=\"highlighted\">\n <a routerLink=\"/pw-features\"\n target=\"_blank\">\n <h3>Read More - SaaS Factory Platform</h3>\n <p>\n Our SaaS Factory Platform is a collection of services that we can utilize\n to build enterprise-grade dashboard-like software applications -\n without starting from scratch each time.\n </p>\n </a>\n </li>\n <li>\n <a href=\"https://www.cloudolive.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>Built with PosiWise: CloudOlive</h3>\n <p>\n CloudOlive was built on the PosiWise platform. It raised over $1M and now operates in 15+ countries - and growing.\n </p>\n </a>\n </li>\n <li>\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'landing-page-our-products-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n <h3>See it - Book a Demo</h3>\n <p>\n Please book a demo if you want to see how we utilize our SaaS Factory\n Platform to build great software solutions.\n </p>\n </a>\n </li>\n </ul>\n </div>\n <div class=\"col-md-6 col-sm-12 float-end empowering-img\">\n <img src=\"/assets/img/landing-page/services/HyperDashboard-1b.webp\"\n alt=\"Hyper-Dashboard\"\n class=\"responsive-thumb\" />\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.container h3{color:#525f7f!important;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;text-align:center}.succeed-outer{padding:70px 0;position:relative}.succeed-outer h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:48px;font-weight:900;margin:0 0 40px;padding:0 0 25px;position:relative;text-align:center;z-index:3}.succeed-outer h2:after{background:#ffab00;bottom:0;content:\"\";height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.succeed-outer:after{background:url(/assets/img/landing-page/blue-pic.png) no-repeat top center;content:\"\";height:467px;position:absolute;right:0;top:0;width:184px;z-index:-1}.succeed-outer:before{background:url(/assets/img/landing-page/green-img.png) no-repeat top center;bottom:0;content:\"\";height:410px;left:0;position:absolute;width:367px}.empowering h3{color:#36c283;font-family:Roboto,sans-serif;font-size:20px;font-weight:800;margin:0 0 6px}.empowering p{color:#525f7f;font-family:Roboto,sans-serif;font-size:18px;line-height:20px;margin:0}.empowering li{background:#eff8fe;border-radius:20px;cursor:pointer;float:left;margin:10px 0;padding:20px 26px;transition:all .5s ease-out}.empowering li.highlighted{background:linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);background:#056be0;background:-webkit-gradient(left to bottom,right to bottom,color-stop(0%,rgb(5,107,224)),color-stop(24%,rgb(8,122,216)),color-stop(49%,rgb(15,152,202)),color-stop(75%,rgb(19,172,192)),color-stop(100%,rgb(20,176,190))),linear-gradient(to right,#056be0,#087ad8 24%,#0f98ca 49%,#13acc0 75%,#14b0be);filter:progid:dximagetransform.microsoft.gradient(startColorstr=\"#056be0\",endColorstr=\"#14b0be\",GradientType=1)}.empowering li.highlighted p{color:#fff}.empowering li.highlighted h3{color:#fff!important}.empowering-img{padding:10px 0 0;text-align:right}@media screen and (max-width: 1199px){.responsive-thumb{width:100%}}@media screen and (max-width: 991px){.future-left img{margin-top:0}.succeed-outer h2{font-size:38px}}@media screen and (max-width: 767px){.succeed-outer{padding:30px 0}.succeed-outer h2{font-size:25px}}@media screen and (max-width: 575px){.succeed-outer:before{background-position:top left;width:100%}.succeed-outer:after{opacity:.4}}.col-md-6{position:relative}@media screen and (min-width: 768px){.empowering{position:relative;padding-left:30px}}\n"] }]
|
|
562
562
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
563
563
|
type: Inject,
|
|
564
564
|
args: [DOCUMENT]
|
|
@@ -641,11 +641,11 @@ class LandingPageSubscribeBComponent extends AppBaseComponent {
|
|
|
641
641
|
}
|
|
642
642
|
}
|
|
643
643
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeBComponent, deps: [{ token: i1.AuthService }, { token: i2$3.CrmService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
644
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeBComponent, isStandalone: false, selector: "pw-landing-page-subscribe-b", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input name=\"\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input name=\"\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
644
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeBComponent, isStandalone: false, selector: "pw-landing-page-subscribe-b", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_b_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_b_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
645
645
|
}
|
|
646
646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeBComponent, decorators: [{
|
|
647
647
|
type: Component,
|
|
648
|
-
args: [{ selector: 'pw-landing-page-subscribe-b', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input name=\"\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input name=\"\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
648
|
+
args: [{ selector: 'pw-landing-page-subscribe-b', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_b_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_b_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
649
649
|
}], ctorParameters: () => [{ type: i1.AuthService }, { type: i2$3.CrmService }, { type: i0.Injector }], propDecorators: { sourceId: [{
|
|
650
650
|
type: Input
|
|
651
651
|
}], gaEventObj: [{
|
|
@@ -716,11 +716,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
716
716
|
|
|
717
717
|
class MainExplainerComponent {
|
|
718
718
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MainExplainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
719
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: MainExplainerComponent, isStandalone: false, selector: "pw-main-explainer", ngImport: i0, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-a',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
719
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: MainExplainerComponent, isStandalone: false, selector: "pw-main-explainer", ngImport: i0, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe class=\"embed-responsive-item\"\n title=\"Getting to Know CloudOlive\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.main-explainer{background-color:#ececed}.main-explainer h4{letter-spacing:.3px;line-height:28px}.main-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.main-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }] }); }
|
|
720
720
|
}
|
|
721
721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MainExplainerComponent, decorators: [{
|
|
722
722
|
type: Component,
|
|
723
|
-
args: [{ selector: 'pw-main-explainer', standalone: false, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-a',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
723
|
+
args: [{ selector: 'pw-main-explainer', standalone: false, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-a',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe class=\"embed-responsive-item\"\n title=\"Getting to Know CloudOlive\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.main-explainer{background-color:#ececed}.main-explainer h4{letter-spacing:.3px;line-height:28px}.main-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.main-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}\n"] }]
|
|
724
724
|
}] });
|
|
725
725
|
|
|
726
726
|
class LandingPageChangeAdaptBComponent {
|
|
@@ -752,11 +752,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
752
752
|
|
|
753
753
|
class MainExplainerBComponent {
|
|
754
754
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MainExplainerBComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
755
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: MainExplainerBComponent, isStandalone: false, selector: "pw-main-explainer-b", ngImport: i0, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-b',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
755
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: MainExplainerBComponent, isStandalone: false, selector: "pw-main-explainer-b", ngImport: i0, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-b',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"Why does CloudOlive exist\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.main-explainer{background-color:#ececed}.main-explainer h4{letter-spacing:.3px;line-height:28px}.main-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.main-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }] }); }
|
|
756
756
|
}
|
|
757
757
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MainExplainerBComponent, decorators: [{
|
|
758
758
|
type: Component,
|
|
759
|
-
args: [{ selector: 'pw-main-explainer-b', standalone: false, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-b',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
759
|
+
args: [{ selector: 'pw-main-explainer-b', standalone: false, template: "<section class=\"main-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'main-explainer-request-demo',\n action: 'click',\n label: 'landing-page-b',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"Why does CloudOlive exist\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.main-explainer{background-color:#ececed}.main-explainer h4{letter-spacing:.3px;line-height:28px}.main-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.main-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}\n"] }]
|
|
760
760
|
}] });
|
|
761
761
|
|
|
762
762
|
/**
|
|
@@ -1123,20 +1123,20 @@ class CareersContactUsComponent extends BaseContactFormComponent {
|
|
|
1123
1123
|
return 'From career section';
|
|
1124
1124
|
}
|
|
1125
1125
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CareersContactUsComponent, deps: [{ token: i1.CommonService }, { token: i2$1.UntypedFormBuilder }, { token: i1.AuthService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1126
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CareersContactUsComponent, isStandalone: false, selector: "pw-careers-contact-us", usesInheritance: true, ngImport: i0, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.<br />\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" />\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" />\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 address-block-container float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Ready to build what no one else will?</h6>\n <p>\n We don\u2019t work with many. But if you\u2019ve lived the problem \u2014 we\u2019ll build the solution.\n <br/>\n And if it works \u2014 we\u2019ll help fund it.\n </p>\n <p>\n Whether you're looking to be a founder, a member of our core team or join\n one of our companies - we've got something for you.\n </p>\n <p>Get in touch; we can't wait to meet you.</p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><img src=\"/assets/img/landing-page/phone-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/address-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/website-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p>\n <a href=\"mailto:careers@posiwise.com\">careers@posiwise.com</a>\n </p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6$1.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
1126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CareersContactUsComponent, isStandalone: false, selector: "pw-careers-contact-us", usesInheritance: true, ngImport: i0, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.<br />\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" id=\"input_name_1\" name=\"input_name_1\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" id=\"input_email_2\" name=\"input_email_2\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea id=\"careers-contact-us-message\"\n name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 address-block-container float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Ready to build what no one else will?</h6>\n <p>\n We don\u2019t work with many. But if you\u2019ve lived the problem \u2014 we\u2019ll build the solution.\n <br/>\n And if it works \u2014 we\u2019ll help fund it.\n </p>\n <p>\n Whether you're looking to be a founder, a member of our core team or join\n one of our companies - we've got something for you.\n </p>\n <p>Get in touch; we can't wait to meet you.</p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><img src=\"/assets/img/landing-page/phone-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/address-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/website-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p>\n <a href=\"mailto:careers@posiwise.com\">careers@posiwise.com</a>\n </p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6$1.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
1127
1127
|
}
|
|
1128
1128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CareersContactUsComponent, decorators: [{
|
|
1129
1129
|
type: Component,
|
|
1130
|
-
args: [{ selector: 'pw-careers-contact-us', standalone: false, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.<br />\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" />\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" />\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 address-block-container float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Ready to build what no one else will?</h6>\n <p>\n We don\u2019t work with many. But if you\u2019ve lived the problem \u2014 we\u2019ll build the solution.\n <br/>\n And if it works \u2014 we\u2019ll help fund it.\n </p>\n <p>\n Whether you're looking to be a founder, a member of our core team or join\n one of our companies - we've got something for you.\n </p>\n <p>Get in touch; we can't wait to meet you.</p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><img src=\"/assets/img/landing-page/phone-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/address-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/website-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p>\n <a href=\"mailto:careers@posiwise.com\">careers@posiwise.com</a>\n </p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"] }]
|
|
1130
|
+
args: [{ selector: 'pw-careers-contact-us', standalone: false, template: "<section class=\"get-in-touch\">\n <div class=\"container\">\n <h2>\n If you\u2019ve lived the problem, we\u2019ll build the solution.<br />\n </h2>\n <p class=\"description\"></p>\n <div class=\"col-md-5 col-sm-12 float-start contact-form\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSubmit()\"\n class=\"contact-form-inner\">\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"name\"\n placeholder=\"Name*\" id=\"input_name_1\" name=\"input_name_1\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('name').valid && (form.get('name').touched || submitted)\n \"\n errorMsg=\"Name is required\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <input type=\"text\"\n class=\"form-control\"\n formControlName=\"email\"\n placeholder=\"Your Email*\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n (keyup)=\"validateEmail()\" id=\"input_email_2\" name=\"input_email_2\"/>\n <pw-field-error-display [displayError]=\"\n !form.get('email').valid && (form.get('email').touched || submitted)\n \"\n errorMsg=\"Email is invalid\">\n </pw-field-error-display>\n </div>\n <div class=\"mb-3\">\n <textarea id=\"careers-contact-us-message\"\n name=\"message\"\n cols=\"\"\n rows=\"\"\n formControlName=\"message\"\n class=\"form-control textarea\"\n placeholder=\"Message*\"></textarea>\n <pw-field-error-display [displayError]=\"\n !form.get('message').valid && (form.get('message').touched || submitted)\n \"\n errorMsg=\"Message is required\">\n </pw-field-error-display>\n </div>\n <button type=\"submit\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n class=\"contact-btn\">\n Submit\n </button>\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n [ngModelOptions]=\"{ standalone: true }\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n <div class=\"text-primary\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n We've received your request. Thanks. We'll get back to you quickly.\n </div>\n </form>\n </div>\n <div class=\"col-md-7 col-sm-12 address-block-container float-end\">\n <div class=\"address-block\">\n <div class=\"address-white-block\">\n <h6>Ready to build what no one else will?</h6>\n <p>\n We don\u2019t work with many. But if you\u2019ve lived the problem \u2014 we\u2019ll build the solution.\n <br/>\n And if it works \u2014 we\u2019ll help fund it.\n </p>\n <p>\n Whether you're looking to be a founder, a member of our core team or join\n one of our companies - we've got something for you.\n </p>\n <p>Get in touch; we can't wait to meet you.</p>\n <strong> Where to find us: </strong>\n <ul>\n <li class=\"d-none\">\n <span><img src=\"/assets/img/landing-page/phone-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Phone</strong>\n <p>\n Belgium<br />\n <a href=\"callto:+32484163170\"> +32 (0) 484 16 31 70 </a>\n </p>\n <p>\n Australia<br />\n <a href=\"callto:+61478682100\"> +61 (0) 478 68 21 00 </a>\n </p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/address-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Address</strong>\n <p class=\"mb-0\">Rue des Hirondelles 15</p>\n <p>1000 Brussels - Belgium</p>\n <p class=\"mb-0\">12/24 Ocean Street N</p>\n <p>2026 Bondi - NSW - Australia</p>\n </div>\n </li>\n <li>\n <span><img src=\"/assets/img/landing-page/website-icon.png\"\n alt=\"Icon\" /></span>\n <div class=\"address-info\">\n <strong>Email</strong>\n <p>\n <a href=\"mailto:careers@posiwise.com\">careers@posiwise.com</a>\n </p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.get-in-touch{background:#ecf5fc;padding:90px 0 70px}.get-in-touch h2{color:#2e3238!important;font-family:Roboto,sans-serif;font-size:44px;font-weight:900;text-align:center}.get-in-touch .description{color:#42526e;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;margin-bottom:60px;padding:0 0 25px;position:relative;text-align:center}.get-in-touch:after{background:#ffab00;bottom:0;height:4px;left:0;margin:auto;position:absolute;right:0;width:80px}.contact-form-inner{background-color:#fff;box-shadow:1px 1px 57px #0000001a;padding:40px!important;position:relative;z-index:4}.contact-form-inner .book-demo a{display:inline-block;font-size:20px}.contact-form{position:relative}.contact-form:before{background:url(/assets/img/landing-page/form-rounded-img.png) left top no-repeat;content:\"\";height:257px;left:-123px;position:absolute;top:-106px;width:257px;z-index:1}.contact-form-inner .form-control{background-color:#f5f5f5;border:0;border-radius:0;color:#42526e;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;height:55px;margin-bottom:20px;outline:0;padding:0 24px}.textarea{height:135px!important;padding:21px 24px!important}.address-white-block{background-color:#fff;box-shadow:1px 1px 57px #0000001a;float:left;padding:51px 37px 40px!important;position:relative;text-align:left;z-index:2}.address-white-block h6{color:#2e3238!important;font-size:24px;font-weight:900;margin-bottom:19px}.address-white-block p{color:#42526e;font-size:18px;font-weight:300;line-height:24px;margin-bottom:12px}.address-white-block strong{color:#2e3238;display:inline-block;font-size:24px;font-weight:900;margin-bottom:19px;padding:24px 0 0;width:100%}.address-white-block li{float:left;width:265px}.address-white-block li:nth-child(2){float:left;width:314px}.address-white-block li:nth-child(3){float:left;width:265px}.address-white-block li:nth-child(3) .address-info{width:210px}.address-white-block li strong{color:#2e3238;font-size:18px;font-weight:700;margin:0;padding:0}.address-white-block li span{float:left;width:25px}.address-white-block li p{color:#42526e;font-size:15px;font-weight:300;line-height:30px}.address-white-block li p a{color:#42526e;text-decoration:none}.address-white-block li p:hover{color:#000;text-decoration:underline}.address-white-block li i.fa-phone{transform:rotate(90deg)}.address-white-block li i{font-size:17px;color:var(--first)}.address-info{float:left;width:240px}.address-block{position:absolute}.address-block:before{background:url(/assets/img/landing-page/form-rounded-img2.png) center top no-repeat;content:\"\";height:194px;position:absolute;right:-90px;top:-92px;width:194px;z-index:1}.address-block:after{background:url(/assets/img/landing-page/form-rounded-img3.png) center top no-repeat;bottom:-143px;content:\"\";height:352px;position:absolute;right:-160px;width:352px;z-index:1}@media screen and (max-width: 1499px){.get-in-touch{overflow:hidden}}@media screen and (max-width: 991px){.address-white-block{padding:30px 37px 40px!important}}@media screen and (max-width: 991px){.address-block{position:relative}}@media screen and (max-width: 767px){.get-in-touch h2{font-size:31px}.get-in-touch .description{font-size:20px;position:relative;z-index:2}.address-block{float:left;height:100%;position:relative;width:100%}.contact-form-inner{padding:20px!important}}@media screen and (max-width: 575px){.contact-form{padding:0!important}.get-in-touch{padding:50px 0 54px}.get-in-touch h2{font-size:29px}.address-white-block{max-width:100%;padding:20px!important}.address-white-block p{font-size:17px}.address-white-block li p{font-size:15px}}.address-block-container{position:relative;padding-right:15px;padding-left:29px}@media (min-width: 768px){.col-md-7{flex:0 0 auto;width:58.33333333%;position:relative;padding-right:15px;padding-left:29px}}@media screen and (min-width: 768px){.banner-left-bar{flex:0 0 auto;width:58.33333333%;padding-right:15px;padding-left:29px}}\n"] }]
|
|
1131
1131
|
}], ctorParameters: () => [{ type: i1.CommonService }, { type: i2$1.UntypedFormBuilder }, { type: i1.AuthService }, { type: i0.Injector }] });
|
|
1132
1132
|
|
|
1133
1133
|
class CareersExplainerComponent {
|
|
1134
1134
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CareersExplainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1135
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CareersExplainerComponent, isStandalone: false, selector: "pw-careers-explainer", ngImport: i0, template: "<section class=\"careers-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'pw-careers-explainer',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
1135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CareersExplainerComponent, isStandalone: false, selector: "pw-careers-explainer", ngImport: i0, template: "<section class=\"careers-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'pw-careers-explainer',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"Vendor Invoices\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.careers-explainer{background-color:#f5f7fa}.careers-explainer h4{letter-spacing:.3px;line-height:28px;color:#222!important}.careers-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.careers-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }] }); }
|
|
1136
1136
|
}
|
|
1137
1137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CareersExplainerComponent, decorators: [{
|
|
1138
1138
|
type: Component,
|
|
1139
|
-
args: [{ selector: 'pw-careers-explainer', standalone: false, template: "<section class=\"careers-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'pw-careers-explainer',\n value: 1\n }\"\n href=\"https://calendly.com/
|
|
1139
|
+
args: [{ selector: 'pw-careers-explainer', standalone: false, template: "<section class=\"careers-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a class=\"book-demo\"\n [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'pw-careers-explainer',\n value: 1\n }\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"Vendor Invoices\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.careers-explainer{background-color:#f5f7fa}.careers-explainer h4{letter-spacing:.3px;line-height:28px;color:#222!important}.careers-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.careers-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}\n"] }]
|
|
1140
1140
|
}] });
|
|
1141
1141
|
|
|
1142
1142
|
class CareersComponent extends AppBaseComponent {
|
|
@@ -1218,11 +1218,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
1218
1218
|
|
|
1219
1219
|
class CoreFeatureExplainerComponent {
|
|
1220
1220
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CoreFeatureExplainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1221
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CoreFeatureExplainerComponent, isStandalone: false, selector: "pw-core-feature-explainer", ngImport: i0, template: "<section class=\"core-feature-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>The Stack Behind Every Startup We Launch</h2>\n <div class=\"sub-text\">\n <h4>\n We don\u2019t waste time rebuilding boilerplate. Our internal platform is made of modular microservices, tuned for speed,\n scale, and SaaS repeatability.\n </h4>\n <h4>\n Every product we ship \u2014 including CloudOlive \u2014 runs on this foundation.\n </h4>\n <h4 class=\"mt-5\">See how we built CloudOlive using PosiWise \u2192.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'core-feature-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/
|
|
1221
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CoreFeatureExplainerComponent, isStandalone: false, selector: "pw-core-feature-explainer", ngImport: i0, template: "<section class=\"core-feature-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>The Stack Behind Every Startup We Launch</h2>\n <div class=\"sub-text\">\n <h4>\n We don\u2019t waste time rebuilding boilerplate. Our internal platform is made of modular microservices, tuned for speed,\n scale, and SaaS repeatability.\n </h4>\n <h4>\n Every product we ship \u2014 including CloudOlive \u2014 runs on this foundation.\n </h4>\n <h4 class=\"mt-5\">See how we built CloudOlive using PosiWise \u2192.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'core-feature-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Request Access</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"why does CloudOlive exist\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">Watch CloudOlive get built</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.core-feature-explainer h4{letter-spacing:.3px;line-height:28px}.core-feature-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.core-feature-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}h4{color:#222!important}\n"], dependencies: [{ kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }] }); }
|
|
1222
1222
|
}
|
|
1223
1223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CoreFeatureExplainerComponent, decorators: [{
|
|
1224
1224
|
type: Component,
|
|
1225
|
-
args: [{ selector: 'pw-core-feature-explainer', standalone: false, template: "<section class=\"core-feature-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>The Stack Behind Every Startup We Launch</h2>\n <div class=\"sub-text\">\n <h4>\n We don\u2019t waste time rebuilding boilerplate. Our internal platform is made of modular microservices, tuned for speed,\n scale, and SaaS repeatability.\n </h4>\n <h4>\n Every product we ship \u2014 including CloudOlive \u2014 runs on this foundation.\n </h4>\n <h4 class=\"mt-5\">See how we built CloudOlive using PosiWise \u2192.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'core-feature-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/
|
|
1225
|
+
args: [{ selector: 'pw-core-feature-explainer', standalone: false, template: "<section class=\"core-feature-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>The Stack Behind Every Startup We Launch</h2>\n <div class=\"sub-text\">\n <h4>\n We don\u2019t waste time rebuilding boilerplate. Our internal platform is made of modular microservices, tuned for speed,\n scale, and SaaS repeatability.\n </h4>\n <h4>\n Every product we ship \u2014 including CloudOlive \u2014 runs on this foundation.\n </h4>\n <h4 class=\"mt-5\">See how we built CloudOlive using PosiWise \u2192.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'core-feature-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Request Access</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"why does CloudOlive exist\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">Watch CloudOlive get built</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.core-feature-explainer h4{letter-spacing:.3px;line-height:28px}.core-feature-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.core-feature-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}h4{color:#222!important}\n"] }]
|
|
1226
1226
|
}] });
|
|
1227
1227
|
|
|
1228
1228
|
class BaseTechFeatureComponent extends AppBaseComponent {
|
|
@@ -1385,11 +1385,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
1385
1385
|
|
|
1386
1386
|
class VentureExplainerComponent {
|
|
1387
1387
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: VentureExplainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1388
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: VentureExplainerComponent, isStandalone: false, selector: "pw-venture-explainer", ngImport: i0, template: "<section class=\"venture-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'venture-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/
|
|
1388
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: VentureExplainerComponent, isStandalone: false, selector: "pw-venture-explainer", ngImport: i0, template: "<section class=\"venture-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'venture-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"Why does CloudOlive exist\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.venture-explainer h4{letter-spacing:.3px;line-height:28px}.venture-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.venture-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}h4{color:#222!important}\n"], dependencies: [{ kind: "directive", type: i2.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }] }); }
|
|
1389
1389
|
}
|
|
1390
1390
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: VentureExplainerComponent, decorators: [{
|
|
1391
1391
|
type: Component,
|
|
1392
|
-
args: [{ selector: 'pw-venture-explainer', standalone: false, template: "<section class=\"venture-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'venture-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/
|
|
1392
|
+
args: [{ selector: 'pw-venture-explainer', standalone: false, template: "<section class=\"venture-explainer\">\n <div class=\"container container-wrapper my-5\">\n <div class=\"row m-0\">\n <div class=\"col-md-6\">\n <h2>BUILDING SaaS MADE EASY</h2>\n <div class=\"sub-text\">\n <h4>\n Welcome to PosiWise - we think technology shouldn't be in the way of people\n developing great software solutions.\n </h4>\n <h4>\n We have built an ecosystem of microservices that we can leverage to quickly\n and cost-effectively build any dashboard-like products.\n </h4>\n <h4 class=\"mt-5\">Let\u2019s build software that solves real problems\u2014and scales smartly.</h4>\n <div class=\"login-button my-2\">\n <a [eventTracker]=\"{\n category: 'request-demo',\n action: 'click',\n label: 'venture-explainer',\n value: 1\n }\"\n class=\"book-demo\"\n href=\"https://calendly.com/posiwise/office-hours-mentoring\"\n target=\"_blank\"\n rel=\"noopener noreferrer\">\n Book a demo</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"product-video ratio ratio-16x9\">\n <iframe title=\"Why does CloudOlive exist\"\n class=\"embed-responsive-item\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n src=\"https://www.youtube.com/embed/5eV0uXjRxRs\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen></iframe>\n </div>\n <h6 class=\"text-center mt-3\">See how we leveraged PosiWise to build CloudOlive.</h6>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}*{font-family:Roboto,sans-serif}h2{font-size:32px;font-weight:700;letter-spacing:.03em;line-height:1.1em;text-transform:uppercase}.venture-explainer h4{letter-spacing:.3px;line-height:28px}.venture-explainer .book-demo{background:#36c283;border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:10px 35px;text-transform:uppercase;transition:all .5s ease-out;margin-top:30px;display:inline-block}.venture-explainer .book-demo:hover{background-color:#fff;color:#36c283}@media (max-width: 1200px){.container-wrapper{padding:0 3rem!important}}h4{color:#222!important}\n"] }]
|
|
1393
1393
|
}] });
|
|
1394
1394
|
|
|
1395
1395
|
class VentureComponent extends AppBaseComponent {
|