diff --git a/src/assets/images/borrower-profile/education-placement/africa/associate.png b/src/assets/images/borrower-profile/education-placement/africa/associate.png new file mode 100644 index 0000000000..45de0e8145 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/africa/associate.png differ diff --git a/src/assets/images/borrower-profile/education-placement/africa/photo_1.jpg b/src/assets/images/borrower-profile/education-placement/africa/photo_1.jpg new file mode 100644 index 0000000000..a7d3a6cbe2 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/africa/photo_1.jpg differ diff --git a/src/assets/images/borrower-profile/education-placement/africa/photo_2.jpg b/src/assets/images/borrower-profile/education-placement/africa/photo_2.jpg new file mode 100644 index 0000000000..bab7b25d12 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/africa/photo_2.jpg differ diff --git a/src/assets/images/borrower-profile/education-placement/central-south-america/associate.png b/src/assets/images/borrower-profile/education-placement/central-south-america/associate.png new file mode 100644 index 0000000000..479f6236a3 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/central-south-america/associate.png differ diff --git a/src/assets/images/borrower-profile/education-placement/central-south-america/photo_1.jpg b/src/assets/images/borrower-profile/education-placement/central-south-america/photo_1.jpg new file mode 100644 index 0000000000..febd3c4716 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/central-south-america/photo_1.jpg differ diff --git a/src/assets/images/borrower-profile/education-placement/central-south-america/photo_2.jpg b/src/assets/images/borrower-profile/education-placement/central-south-america/photo_2.jpg new file mode 100644 index 0000000000..b74f400fb0 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/central-south-america/photo_2.jpg differ diff --git a/src/assets/images/borrower-profile/education-placement/europe-asia/associate.png b/src/assets/images/borrower-profile/education-placement/europe-asia/associate.png new file mode 100644 index 0000000000..5bd7f67aa4 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/europe-asia/associate.png differ diff --git a/src/assets/images/borrower-profile/education-placement/europe-asia/photo_1.jpg b/src/assets/images/borrower-profile/education-placement/europe-asia/photo_1.jpg new file mode 100644 index 0000000000..95ed70a888 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/europe-asia/photo_1.jpg differ diff --git a/src/assets/images/borrower-profile/education-placement/europe-asia/photo_2.jpg b/src/assets/images/borrower-profile/education-placement/europe-asia/photo_2.jpg new file mode 100644 index 0000000000..93d736ec11 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/europe-asia/photo_2.jpg differ diff --git a/src/assets/images/borrower-profile/education-placement/north-america/associate.png b/src/assets/images/borrower-profile/education-placement/north-america/associate.png new file mode 100644 index 0000000000..72277bb93e Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/north-america/associate.png differ diff --git a/src/assets/images/borrower-profile/education-placement/north-america/photo_1.jpg b/src/assets/images/borrower-profile/education-placement/north-america/photo_1.jpg new file mode 100644 index 0000000000..aad6fa3049 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/north-america/photo_1.jpg differ diff --git a/src/assets/images/borrower-profile/education-placement/north-america/photo_2.jpg b/src/assets/images/borrower-profile/education-placement/north-america/photo_2.jpg new file mode 100644 index 0000000000..6ef457d374 Binary files /dev/null and b/src/assets/images/borrower-profile/education-placement/north-america/photo_2.jpg differ diff --git a/src/components/BorrowerProfile/BorrowerEducationPlacement.vue b/src/components/BorrowerProfile/BorrowerEducationPlacement.vue new file mode 100644 index 0000000000..5595551038 --- /dev/null +++ b/src/components/BorrowerProfile/BorrowerEducationPlacement.vue @@ -0,0 +1,138 @@ + + + + + diff --git a/src/pages/BorrowerProfile/BorrowerProfile.vue b/src/pages/BorrowerProfile/BorrowerProfile.vue index 752a16fa37..1f516da9c1 100644 --- a/src/pages/BorrowerProfile/BorrowerProfile.vue +++ b/src/pages/BorrowerProfile/BorrowerProfile.vue @@ -84,6 +84,12 @@ /> + + + route?.query?.utm_content ?? route?.query?.name ?? ''; const SHARE_LANGUAGE_EXP = 'share_language_bp'; +const EDUCATION_PLACEMENT_EXP = 'education_placement_bp'; const preFetchQuery = gql` query borrowerProfileMeta( @@ -195,6 +203,7 @@ const preFetchQuery = gql` country { name isoCode + region } } image { @@ -296,6 +305,7 @@ export default { SummaryCard, TopBannerPfp, WwwPage, + BorrowerEducationPlacement, }, metaInfo() { const title = this.anonymizationLevel === 'full' ? undefined : this.pageTitle; @@ -407,6 +417,17 @@ export default { state: '', isMobile: false, isLoading: true, + regionBelongsToExp: false, + showEducationPlacementExp: false, + loanRegion: '', + expRegionList: [ + 'North America', + 'Central America', + 'South America', + 'Africa', + 'Asia', + 'Europe' + ], }; }, mixins: [fiveDollarsTest, guestComment], @@ -450,6 +471,7 @@ export default { return Promise.all([ client.query({ query: experimentAssignmentQuery, variables: { id: SHARE_LANGUAGE_EXP } }), client.query({ query: experimentAssignmentQuery, variables: { id: FIVE_DOLLARS_NOTES_EXP } }), + client.query({ query: experimentAssignmentQuery, variables: { id: EDUCATION_PLACEMENT_EXP } }), ]); }); }, @@ -496,6 +518,8 @@ export default { this.isoCode = loan?.geocode?.country?.isoCode ?? ''; this.city = loan?.geocode?.city ?? ''; this.state = loan?.geocode?.state ?? ''; + this.loanRegion = loan?.geocode?.country?.region ?? ''; + this.regionBelongsToExp = this.expRegionList.includes(this.loanRegion); }, }, async mounted() { @@ -530,6 +554,19 @@ export default { this.shareLanguageExpVersion = version; } + if (this.regionBelongsToExp) { + const educationExpData = trackExperimentVersion( + this.apollo, + this.$kvTrackEvent, + 'borrower-profile', + EDUCATION_PLACEMENT_EXP, + 'EXP-MARS-514-DEC2023 ', + ); + if (educationExpData.version === 'a') { + this.showEducationPlacementExp = true; + } + } + this.determineIfMobile(); window.addEventListener('resize', _throttle(() => {