@posiwise/public-modules 0.1.2 → 0.1.4
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 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"] }] }); }
|
|
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 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"] }]
|
|
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
|
}] } });
|
|
@@ -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 autocomplete=\"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 autocomplete=\"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 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"] }] }); }
|
|
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 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"] }]
|
|
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
|
}] } });
|
|
@@ -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 autocomplete=\"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 autocomplete=\"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: [{
|
|
@@ -1123,11 +1123,11 @@ 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 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"] }] }); }
|
|
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 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"] }]
|
|
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 {
|