diff --git a/public/0_33у.png b/public/0_33у.png deleted file mode 100644 index ab9196d..0000000 Binary files a/public/0_33у.png and /dev/null differ diff --git a/public/5-stars.png b/public/5-stars.png deleted file mode 100644 index 3ad7b84..0000000 Binary files a/public/5-stars.png and /dev/null differ diff --git a/public/5-stars.webp b/public/5-stars.webp new file mode 100644 index 0000000..8ffb2e9 Binary files /dev/null and b/public/5-stars.webp differ diff --git a/public/DeWatermark2.png b/public/DeWatermark2.png deleted file mode 100644 index c2c6e6c..0000000 Binary files a/public/DeWatermark2.png and /dev/null differ diff --git a/public/DeWatermark2.webp b/public/DeWatermark2.webp new file mode 100644 index 0000000..628cb54 Binary files /dev/null and b/public/DeWatermark2.webp differ diff --git a/public/DeWatermark3.png b/public/DeWatermark3.png deleted file mode 100644 index 535ff70..0000000 Binary files a/public/DeWatermark3.png and /dev/null differ diff --git a/public/DeWatermark3.webp b/public/DeWatermark3.webp new file mode 100644 index 0000000..8ddf867 Binary files /dev/null and b/public/DeWatermark3.webp differ diff --git a/public/ExclamationIcon.png b/public/ExclamationIcon.png deleted file mode 100644 index a098232..0000000 Binary files a/public/ExclamationIcon.png and /dev/null differ diff --git a/public/ExclamationIcon.webp b/public/ExclamationIcon.webp new file mode 100644 index 0000000..5b4ffc1 Binary files /dev/null and b/public/ExclamationIcon.webp differ diff --git a/public/Leo-icon.png b/public/Leo-icon.png deleted file mode 100644 index cb84bd3..0000000 Binary files a/public/Leo-icon.png and /dev/null differ diff --git a/public/Montagna.png b/public/Montagna.png deleted file mode 100644 index 9f5c2ee..0000000 Binary files a/public/Montagna.png and /dev/null differ diff --git a/public/Save-icon.png b/public/Save-icon.png deleted file mode 100644 index a0bc729..0000000 Binary files a/public/Save-icon.png and /dev/null differ diff --git a/public/Save-icon.webp b/public/Save-icon.webp new file mode 100644 index 0000000..ad6ba2e Binary files /dev/null and b/public/Save-icon.webp differ diff --git a/public/SuccessIcon.png b/public/SuccessIcon.png deleted file mode 100644 index 2110b7e..0000000 Binary files a/public/SuccessIcon.png and /dev/null differ diff --git a/public/SuccessIcon.webp b/public/SuccessIcon.webp new file mode 100644 index 0000000..0c644c3 Binary files /dev/null and b/public/SuccessIcon.webp differ diff --git a/public/aboutPlan.webp b/public/aboutPlan.webp index e1c3081..2db9a45 100644 Binary files a/public/aboutPlan.webp and b/public/aboutPlan.webp differ diff --git a/public/airplane.png b/public/airplane.png deleted file mode 100644 index 92cf5c1..0000000 Binary files a/public/airplane.png and /dev/null differ diff --git a/public/airplane.webp b/public/airplane.webp new file mode 100644 index 0000000..ed40747 Binary files /dev/null and b/public/airplane.webp differ diff --git a/public/almost-there.png b/public/almost-there.png deleted file mode 100644 index 07d9a2c..0000000 Binary files a/public/almost-there.png and /dev/null differ diff --git a/public/almost-there.webp b/public/almost-there.webp new file mode 100644 index 0000000..c8896a7 Binary files /dev/null and b/public/almost-there.webp differ diff --git a/public/anxious_face_with_sweat.png b/public/anxious_face_with_sweat.png deleted file mode 100644 index de72505..0000000 Binary files a/public/anxious_face_with_sweat.png and /dev/null differ diff --git a/public/anxious_face_with_sweat.webp b/public/anxious_face_with_sweat.webp new file mode 100644 index 0000000..4568fb7 Binary files /dev/null and b/public/anxious_face_with_sweat.webp differ diff --git a/public/apple-auth-icon.png b/public/apple-auth-icon.png deleted file mode 100644 index 158c7ef..0000000 Binary files a/public/apple-auth-icon.png and /dev/null differ diff --git a/public/apple-auth-icon.svg b/public/apple-auth-icon.svg deleted file mode 100644 index c388218..0000000 --- a/public/apple-auth-icon.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/apple-auth-icon.webp b/public/apple-auth-icon.webp new file mode 100644 index 0000000..a2d1e89 Binary files /dev/null and b/public/apple-auth-icon.webp differ diff --git a/public/applepay.webp b/public/applepay.webp index 3669207..962691d 100644 Binary files a/public/applepay.webp and b/public/applepay.webp differ diff --git a/public/bar_chart.png b/public/bar_chart.png deleted file mode 100644 index f557422..0000000 Binary files a/public/bar_chart.png and /dev/null differ diff --git a/public/bar_chart.webp b/public/bar_chart.webp new file mode 100644 index 0000000..ca5b89a Binary files /dev/null and b/public/bar_chart.webp differ diff --git a/public/birds_squabble.webp b/public/birds_squabble.webp index a7b9f81..42a87da 100755 Binary files a/public/birds_squabble.webp and b/public/birds_squabble.webp differ diff --git a/public/birthPlace.png b/public/birthPlace.png deleted file mode 100644 index 11b7588..0000000 Binary files a/public/birthPlace.png and /dev/null differ diff --git a/public/birthPlace.webp b/public/birthPlace.webp new file mode 100644 index 0000000..8146198 Binary files /dev/null and b/public/birthPlace.webp differ diff --git a/public/blue_book.png b/public/blue_book.png deleted file mode 100644 index 18afa1b..0000000 Binary files a/public/blue_book.png and /dev/null differ diff --git a/public/blue_book.webp b/public/blue_book.webp new file mode 100644 index 0000000..80d22ae Binary files /dev/null and b/public/blue_book.webp differ diff --git a/public/brain.png b/public/brain.png deleted file mode 100644 index 77598c4..0000000 Binary files a/public/brain.png and /dev/null differ diff --git a/public/brain.webp b/public/brain.webp new file mode 100644 index 0000000..87e1423 Binary files /dev/null and b/public/brain.webp differ diff --git a/public/broken_heart.png b/public/broken_heart.png deleted file mode 100644 index f675240..0000000 Binary files a/public/broken_heart.png and /dev/null differ diff --git a/public/broken_heart.webp b/public/broken_heart.webp new file mode 100644 index 0000000..6906daf Binary files /dev/null and b/public/broken_heart.webp differ diff --git a/public/bunch_of_cards.webp b/public/bunch_of_cards.webp index 7b445d3..c977d81 100644 Binary files a/public/bunch_of_cards.webp and b/public/bunch_of_cards.webp differ diff --git a/public/check-mark-1.png b/public/check-mark-1.png deleted file mode 100644 index a0ed218..0000000 Binary files a/public/check-mark-1.png and /dev/null differ diff --git a/public/check-mark-1.webp b/public/check-mark-1.webp new file mode 100644 index 0000000..0f3c0ee Binary files /dev/null and b/public/check-mark-1.webp differ diff --git a/public/check-mark.png b/public/check-mark.png deleted file mode 100644 index 1985bf8..0000000 Binary files a/public/check-mark.png and /dev/null differ diff --git a/public/check-mark.webp b/public/check-mark.webp new file mode 100644 index 0000000..38c75ac Binary files /dev/null and b/public/check-mark.webp differ diff --git a/public/check_mark_button.png b/public/check_mark_button.png deleted file mode 100644 index 6c3d3db..0000000 Binary files a/public/check_mark_button.png and /dev/null differ diff --git a/public/check_mark_button.webp b/public/check_mark_button.webp new file mode 100644 index 0000000..bcd99f2 Binary files /dev/null and b/public/check_mark_button.webp differ diff --git a/public/cityscape_at_dusk.png b/public/cityscape_at_dusk.png deleted file mode 100644 index b1e5058..0000000 Binary files a/public/cityscape_at_dusk.png and /dev/null differ diff --git a/public/cityscape_at_dusk.webp b/public/cityscape_at_dusk.webp new file mode 100644 index 0000000..95367a8 Binary files /dev/null and b/public/cityscape_at_dusk.webp differ diff --git a/public/cloud.png b/public/cloud.png deleted file mode 100755 index c437749..0000000 Binary files a/public/cloud.png and /dev/null differ diff --git a/public/cloud.webp b/public/cloud.webp new file mode 100644 index 0000000..738a1b9 Binary files /dev/null and b/public/cloud.webp differ diff --git a/public/company_and_sunset.webp b/public/company_and_sunset.webp index 6a9f0e2..3ad3af7 100644 Binary files a/public/company_and_sunset.webp and b/public/company_and_sunset.webp differ diff --git a/public/compass.lottie b/public/compass.lottie deleted file mode 100644 index 278d38e..0000000 Binary files a/public/compass.lottie and /dev/null differ diff --git a/public/compass.png b/public/compass.png deleted file mode 100644 index 9638b98..0000000 Binary files a/public/compass.png and /dev/null differ diff --git a/public/confused.png b/public/confused.png deleted file mode 100644 index c7590f9..0000000 Binary files a/public/confused.png and /dev/null differ diff --git a/public/confused.webp b/public/confused.webp new file mode 100644 index 0000000..36b0ad7 Binary files /dev/null and b/public/confused.webp differ diff --git a/public/couple_and_sunset_2.webp b/public/couple_and_sunset_2.webp index f2ac54f..74b609f 100644 Binary files a/public/couple_and_sunset_2.webp and b/public/couple_and_sunset_2.webp differ diff --git a/public/couple_holding_hands_1.webp b/public/couple_holding_hands_1.webp index 66ffa37..17dd9c1 100644 Binary files a/public/couple_holding_hands_1.webp and b/public/couple_holding_hands_1.webp differ diff --git a/public/couple_in_bad_1.webp b/public/couple_in_bad_1.webp index acfdd3e..e473229 100644 Binary files a/public/couple_in_bad_1.webp and b/public/couple_in_bad_1.webp differ diff --git a/public/couple_in_bad_2.webp b/public/couple_in_bad_2.webp index 550969d..acf758f 100644 Binary files a/public/couple_in_bad_2.webp and b/public/couple_in_bad_2.webp differ diff --git a/public/cross.png b/public/cross.png deleted file mode 100644 index f8b31df..0000000 Binary files a/public/cross.png and /dev/null differ diff --git a/public/cross.webp b/public/cross.webp new file mode 100644 index 0000000..7016e8a Binary files /dev/null and b/public/cross.webp differ diff --git a/public/cross_mark.png b/public/cross_mark.png deleted file mode 100644 index 4cc4dfc..0000000 Binary files a/public/cross_mark.png and /dev/null differ diff --git a/public/cross_mark.webp b/public/cross_mark.webp new file mode 100644 index 0000000..7aa27fc Binary files /dev/null and b/public/cross_mark.webp differ diff --git a/public/crystal_ball.png b/public/crystal_ball.png deleted file mode 100644 index eb45afb..0000000 Binary files a/public/crystal_ball.png and /dev/null differ diff --git a/public/crystal_ball.webp b/public/crystal_ball.webp new file mode 100644 index 0000000..5fe4bf6 Binary files /dev/null and b/public/crystal_ball.webp differ diff --git a/public/dartsV1.png b/public/dartsV1.png deleted file mode 100644 index c330c7f..0000000 Binary files a/public/dartsV1.png and /dev/null differ diff --git a/public/dartsV1.svg b/public/dartsV1.svg deleted file mode 100644 index 1c14aff..0000000 --- a/public/dartsV1.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/date_of_birth_zodiac_signs.svg b/public/date_of_birth_zodiac_signs.svg deleted file mode 100644 index c129365..0000000 --- a/public/date_of_birth_zodiac_signs.svg +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/date_of_birth_zodiac_signs.webp b/public/date_of_birth_zodiac_signs.webp index 0f95f49..4ddd307 100644 Binary files a/public/date_of_birth_zodiac_signs.webp and b/public/date_of_birth_zodiac_signs.webp differ diff --git a/public/down_arrow.png b/public/down_arrow.png deleted file mode 100755 index 5ef2910..0000000 Binary files a/public/down_arrow.png and /dev/null differ diff --git a/public/down_arrow.webp b/public/down_arrow.webp new file mode 100644 index 0000000..5c6296e Binary files /dev/null and b/public/down_arrow.webp differ diff --git a/public/ellipse.webp b/public/ellipse.webp index 215b554..a70898b 100644 Binary files a/public/ellipse.webp and b/public/ellipse.webp differ diff --git a/public/face_with_monocle.png b/public/face_with_monocle.png deleted file mode 100644 index c97c7f6..0000000 Binary files a/public/face_with_monocle.png and /dev/null differ diff --git a/public/face_with_monocle.webp b/public/face_with_monocle.webp new file mode 100644 index 0000000..5fcdbd4 Binary files /dev/null and b/public/face_with_monocle.webp differ diff --git a/public/face_with_raised_eyebrow.png b/public/face_with_raised_eyebrow.png deleted file mode 100644 index 44df814..0000000 Binary files a/public/face_with_raised_eyebrow.png and /dev/null differ diff --git a/public/face_with_raised_eyebrow.webp b/public/face_with_raised_eyebrow.webp new file mode 100644 index 0000000..cf4ca48 Binary files /dev/null and b/public/face_with_raised_eyebrow.webp differ diff --git a/public/family.png b/public/family.png deleted file mode 100755 index 70eee56..0000000 Binary files a/public/family.png and /dev/null differ diff --git a/public/family.webp b/public/family.webp new file mode 100644 index 0000000..6f71032 Binary files /dev/null and b/public/family.webp differ diff --git a/public/fearful_face.png b/public/fearful_face.png deleted file mode 100644 index 2ea1cf7..0000000 Binary files a/public/fearful_face.png and /dev/null differ diff --git a/public/fearful_face.webp b/public/fearful_face.webp new file mode 100644 index 0000000..62b917e Binary files /dev/null and b/public/fearful_face.webp differ diff --git a/public/female-gender.png b/public/female-gender.png deleted file mode 100644 index 2a1b4ae..0000000 Binary files a/public/female-gender.png and /dev/null differ diff --git a/public/female-gender.webp b/public/female-gender.webp new file mode 100644 index 0000000..d33c63e Binary files /dev/null and b/public/female-gender.webp differ diff --git a/public/female.webp b/public/female.webp index 12676f4..e40e625 100644 Binary files a/public/female.webp and b/public/female.webp differ diff --git a/public/finger.png b/public/finger.png deleted file mode 100644 index 1fc988a..0000000 Binary files a/public/finger.png and /dev/null differ diff --git a/public/finger.svg b/public/finger.svg deleted file mode 100644 index 889b9fb..0000000 --- a/public/finger.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/public/fire.png b/public/fire.png deleted file mode 100644 index a4525ad..0000000 Binary files a/public/fire.png and /dev/null differ diff --git a/public/fire.webp b/public/fire.webp new file mode 100644 index 0000000..36558ad Binary files /dev/null and b/public/fire.webp differ diff --git a/public/flexed_biceps.png b/public/flexed_biceps.png deleted file mode 100644 index 8155ca0..0000000 Binary files a/public/flexed_biceps.png and /dev/null differ diff --git a/public/flexed_biceps.webp b/public/flexed_biceps.webp new file mode 100644 index 0000000..b70e852 Binary files /dev/null and b/public/flexed_biceps.webp differ diff --git a/public/fork_and_knife_with_plate.png b/public/fork_and_knife_with_plate.png deleted file mode 100644 index c8a5572..0000000 Binary files a/public/fork_and_knife_with_plate.png and /dev/null differ diff --git a/public/fork_and_knife_with_plate.webp b/public/fork_and_knife_with_plate.webp new file mode 100644 index 0000000..3b10594 Binary files /dev/null and b/public/fork_and_knife_with_plate.webp differ diff --git a/public/friends.webp b/public/friends.webp index aee1fba..d2087c8 100644 Binary files a/public/friends.webp and b/public/friends.webp differ diff --git a/public/get_on_appstore.webp b/public/get_on_appstore.webp index 5ef54bb..f2ae282 100644 Binary files a/public/get_on_appstore.webp and b/public/get_on_appstore.webp differ diff --git a/public/get_on_google_play.webp b/public/get_on_google_play.webp index 80076d1..021a27a 100644 Binary files a/public/get_on_google_play.webp and b/public/get_on_google_play.webp differ diff --git a/public/girl_talking.webp b/public/girl_talking.webp index 162c427..2e3d868 100755 Binary files a/public/girl_talking.webp and b/public/girl_talking.webp differ diff --git a/public/girl_thinking.webp b/public/girl_thinking.webp index 57cd577..6711c65 100644 Binary files a/public/girl_thinking.webp and b/public/girl_thinking.webp differ diff --git a/public/google-auth-icon.png b/public/google-auth-icon.png deleted file mode 100644 index 4136c8c..0000000 Binary files a/public/google-auth-icon.png and /dev/null differ diff --git a/public/guide.webp b/public/guide.webp index a2a841c..ac48553 100644 Binary files a/public/guide.webp and b/public/guide.webp differ diff --git a/public/handPlanets.png b/public/handPlanets.png deleted file mode 100644 index 03c2558..0000000 Binary files a/public/handPlanets.png and /dev/null differ diff --git a/public/hands_heart.png b/public/hands_heart.png deleted file mode 100644 index 6bda045..0000000 Binary files a/public/hands_heart.png and /dev/null differ diff --git a/public/hands_heart.webp b/public/hands_heart.webp new file mode 100644 index 0000000..b3995ae Binary files /dev/null and b/public/hands_heart.webp differ diff --git a/public/heart.png b/public/heart.png deleted file mode 100644 index 68cb64e..0000000 Binary files a/public/heart.png and /dev/null differ diff --git a/public/heart.webp b/public/heart.webp new file mode 100644 index 0000000..d514cb6 Binary files /dev/null and b/public/heart.webp differ diff --git a/public/heart_of_couple.webp b/public/heart_of_couple.webp index 41fff5a..96f204d 100644 Binary files a/public/heart_of_couple.webp and b/public/heart_of_couple.webp differ diff --git a/public/horoscopePhone.webp b/public/horoscopePhone.webp index 9a09ae0..ebfa8f3 100644 Binary files a/public/horoscopePhone.webp and b/public/horoscopePhone.webp differ diff --git a/public/hourglass.png b/public/hourglass.png deleted file mode 100755 index 43c3c98..0000000 Binary files a/public/hourglass.png and /dev/null differ diff --git a/public/hourglass.svg b/public/hourglass.svg deleted file mode 100644 index 08110dd..0000000 --- a/public/hourglass.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/public/hourglass.webp b/public/hourglass.webp new file mode 100644 index 0000000..e16539e Binary files /dev/null and b/public/hourglass.webp differ diff --git a/public/hourglassV1.png b/public/hourglassV1.png deleted file mode 100644 index 736ce47..0000000 Binary files a/public/hourglassV1.png and /dev/null differ diff --git a/public/hourglassV1.webp b/public/hourglassV1.webp new file mode 100644 index 0000000..e134e1c Binary files /dev/null and b/public/hourglassV1.webp differ diff --git a/public/hyperPersonalizedAstrology.png b/public/hyperPersonalizedAstrology.png deleted file mode 100644 index 61b2d7f..0000000 Binary files a/public/hyperPersonalizedAstrology.png and /dev/null differ diff --git a/public/hyperPersonalizedAstrology.webp b/public/hyperPersonalizedAstrology.webp new file mode 100644 index 0000000..59461bf Binary files /dev/null and b/public/hyperPersonalizedAstrology.webp differ diff --git a/public/image96.png b/public/image96.png deleted file mode 100644 index 59fd67f..0000000 Binary files a/public/image96.png and /dev/null differ diff --git a/public/image97.png b/public/image97.png deleted file mode 100644 index 97776e2..0000000 Binary files a/public/image97.png and /dev/null differ diff --git a/public/input_numbers.png b/public/input_numbers.png deleted file mode 100644 index 17e5914..0000000 Binary files a/public/input_numbers.png and /dev/null differ diff --git a/public/input_numbers.webp b/public/input_numbers.webp new file mode 100644 index 0000000..e340b5b Binary files /dev/null and b/public/input_numbers.webp differ diff --git a/public/jigsaw.png b/public/jigsaw.png deleted file mode 100755 index 1c7a9ab..0000000 Binary files a/public/jigsaw.png and /dev/null differ diff --git a/public/jigsaw.webp b/public/jigsaw.webp new file mode 100644 index 0000000..83faafd Binary files /dev/null and b/public/jigsaw.webp differ diff --git a/public/kiss.png b/public/kiss.png deleted file mode 100644 index d5df0b1..0000000 Binary files a/public/kiss.png and /dev/null differ diff --git a/public/kiss.webp b/public/kiss.webp new file mode 100644 index 0000000..28129b3 Binary files /dev/null and b/public/kiss.webp differ diff --git a/public/laughing_women.webp b/public/laughing_women.webp index 7f9a3e8..c68c3a5 100644 Binary files a/public/laughing_women.webp and b/public/laughing_women.webp differ diff --git a/public/leo.png b/public/leo.png deleted file mode 100644 index 8dfe0c9..0000000 Binary files a/public/leo.png and /dev/null differ diff --git a/public/leo.webp b/public/leo.webp index 0cf37e8..fb450dc 100644 Binary files a/public/leo.webp and b/public/leo.webp differ diff --git a/public/loudspeaker.png b/public/loudspeaker.png deleted file mode 100644 index b0c356f..0000000 Binary files a/public/loudspeaker.png and /dev/null differ diff --git a/public/loudspeaker.webp b/public/loudspeaker.webp new file mode 100644 index 0000000..4e89489 Binary files /dev/null and b/public/loudspeaker.webp differ diff --git a/public/lovely_bedroom.png b/public/lovely_bedroom.png deleted file mode 100644 index 5ab7221..0000000 Binary files a/public/lovely_bedroom.png and /dev/null differ diff --git a/public/lovely_bedroom.webp b/public/lovely_bedroom.webp new file mode 100644 index 0000000..a5b7671 Binary files /dev/null and b/public/lovely_bedroom.webp differ diff --git a/public/male-gender.png b/public/male-gender.png deleted file mode 100644 index ed73a34..0000000 Binary files a/public/male-gender.png and /dev/null differ diff --git a/public/male-gender.webp b/public/male-gender.webp new file mode 100644 index 0000000..81a3247 Binary files /dev/null and b/public/male-gender.webp differ diff --git a/public/male.webp b/public/male.webp index 80edacc..a9f447d 100644 Binary files a/public/male.webp and b/public/male.webp differ diff --git a/public/man.png b/public/man.png deleted file mode 100644 index 5123fba..0000000 Binary files a/public/man.png and /dev/null differ diff --git a/public/man.webp b/public/man.webp new file mode 100644 index 0000000..b41bf62 Binary files /dev/null and b/public/man.webp differ diff --git a/public/man_student.png b/public/man_student.png deleted file mode 100644 index 69fa064..0000000 Binary files a/public/man_student.png and /dev/null differ diff --git a/public/man_student.webp b/public/man_student.webp new file mode 100644 index 0000000..2b40e54 Binary files /dev/null and b/public/man_student.webp differ diff --git a/public/messanging.webp b/public/messanging.webp index f4a0422..ca90f73 100644 Binary files a/public/messanging.webp and b/public/messanging.webp differ diff --git a/public/microscope.png b/public/microscope.png deleted file mode 100644 index 96f7331..0000000 Binary files a/public/microscope.png and /dev/null differ diff --git a/public/microscope.webp b/public/microscope.webp new file mode 100644 index 0000000..1d87a49 Binary files /dev/null and b/public/microscope.webp differ diff --git a/public/moon_phases.webp b/public/moon_phases.webp index 2c6bbf8..1f6836c 100644 Binary files a/public/moon_phases.webp and b/public/moon_phases.webp differ diff --git a/public/mountain.png b/public/mountain.png deleted file mode 100644 index fd57f38..0000000 Binary files a/public/mountain.png and /dev/null differ diff --git a/public/mountain.webp b/public/mountain.webp new file mode 100644 index 0000000..90e32c2 Binary files /dev/null and b/public/mountain.webp differ diff --git a/public/national_park.png b/public/national_park.png deleted file mode 100644 index d2a32ab..0000000 Binary files a/public/national_park.png and /dev/null differ diff --git a/public/national_park.webp b/public/national_park.webp new file mode 100644 index 0000000..061c234 Binary files /dev/null and b/public/national_park.webp differ diff --git a/public/neutral_face.png b/public/neutral_face.png deleted file mode 100644 index 8de34a7..0000000 Binary files a/public/neutral_face.png and /dev/null differ diff --git a/public/neutral_face.webp b/public/neutral_face.webp new file mode 100644 index 0000000..5895af1 Binary files /dev/null and b/public/neutral_face.webp differ diff --git a/public/night-cloud.png b/public/night-cloud.png deleted file mode 100644 index 78ca711..0000000 Binary files a/public/night-cloud.png and /dev/null differ diff --git a/public/night_eye.webp b/public/night_eye.webp index 6552bf7..9b8333d 100755 Binary files a/public/night_eye.webp and b/public/night_eye.webp differ diff --git a/public/paperclip.png b/public/paperclip.png deleted file mode 100644 index 5aa7a46..0000000 Binary files a/public/paperclip.png and /dev/null differ diff --git a/public/paperclip.webp b/public/paperclip.webp new file mode 100644 index 0000000..3f866fc Binary files /dev/null and b/public/paperclip.webp differ diff --git a/public/parachute.png b/public/parachute.png deleted file mode 100644 index dca2f75..0000000 Binary files a/public/parachute.png and /dev/null differ diff --git a/public/parachute.webp b/public/parachute.webp new file mode 100644 index 0000000..bb0fae9 Binary files /dev/null and b/public/parachute.webp differ diff --git a/public/party_popper.png b/public/party_popper.png deleted file mode 100644 index 36ea27d..0000000 Binary files a/public/party_popper.png and /dev/null differ diff --git a/public/party_popper.webp b/public/party_popper.webp new file mode 100644 index 0000000..657a01a Binary files /dev/null and b/public/party_popper.webp differ diff --git a/public/paypal.webp b/public/paypal.webp deleted file mode 100644 index d391eda..0000000 Binary files a/public/paypal.webp and /dev/null differ diff --git a/public/pleading_face.png b/public/pleading_face.png deleted file mode 100644 index 2105516..0000000 Binary files a/public/pleading_face.png and /dev/null differ diff --git a/public/pleading_face.webp b/public/pleading_face.webp new file mode 100644 index 0000000..cfd6018 Binary files /dev/null and b/public/pleading_face.webp differ diff --git a/public/premium_intro.webp b/public/premium_intro.webp index becba8e..8e4cb64 100644 Binary files a/public/premium_intro.webp and b/public/premium_intro.webp differ diff --git a/public/premium_intro_2.webp b/public/premium_intro_2.webp index 0d6d583..7c52571 100644 Binary files a/public/premium_intro_2.webp and b/public/premium_intro_2.webp differ diff --git a/public/premium_intro_3.webp b/public/premium_intro_3.webp index d89df43..0cf4039 100644 Binary files a/public/premium_intro_3.webp and b/public/premium_intro_3.webp differ diff --git a/public/premium_intro_4.webp b/public/premium_intro_4.webp index 0e9e868..03b0d22 100644 Binary files a/public/premium_intro_4.webp and b/public/premium_intro_4.webp differ diff --git a/public/premium_intro_5.webp b/public/premium_intro_5.webp index c1c5c09..b4efbbb 100644 Binary files a/public/premium_intro_5.webp and b/public/premium_intro_5.webp differ diff --git a/public/present.png b/public/present.png deleted file mode 100644 index 73bc6e5..0000000 Binary files a/public/present.png and /dev/null differ diff --git a/public/present.webp b/public/present.webp new file mode 100644 index 0000000..fee95b0 Binary files /dev/null and b/public/present.webp differ diff --git a/public/profile-picture-feedback.png b/public/profile-picture-feedback.png deleted file mode 100644 index 96a227f..0000000 Binary files a/public/profile-picture-feedback.png and /dev/null differ diff --git a/public/question.webp b/public/question.webp index e94b9fc..fca5202 100755 Binary files a/public/question.webp and b/public/question.webp differ diff --git a/public/questionV1.png b/public/questionV1.png deleted file mode 100644 index 2ec4648..0000000 Binary files a/public/questionV1.png and /dev/null differ diff --git a/public/questionV1.webp b/public/questionV1.webp new file mode 100644 index 0000000..fec97d4 Binary files /dev/null and b/public/questionV1.webp differ diff --git a/public/raising_hands.png b/public/raising_hands.png deleted file mode 100644 index 2792952..0000000 Binary files a/public/raising_hands.png and /dev/null differ diff --git a/public/raising_hands.webp b/public/raising_hands.webp new file mode 100644 index 0000000..217b911 Binary files /dev/null and b/public/raising_hands.webp differ diff --git a/public/red-heart.png b/public/red-heart.png deleted file mode 100644 index 68cb64e..0000000 Binary files a/public/red-heart.png and /dev/null differ diff --git a/public/red-heart.webp b/public/red-heart.webp new file mode 100644 index 0000000..d514cb6 Binary files /dev/null and b/public/red-heart.webp differ diff --git a/public/relationship-almost-there.png b/public/relationship-almost-there.png deleted file mode 100644 index 904866b..0000000 Binary files a/public/relationship-almost-there.png and /dev/null differ diff --git a/public/ring.png b/public/ring.png deleted file mode 100644 index 81ecd7f..0000000 Binary files a/public/ring.png and /dev/null differ diff --git a/public/ring.webp b/public/ring.webp new file mode 100644 index 0000000..36beaad Binary files /dev/null and b/public/ring.webp differ diff --git a/public/rised_hand.png b/public/rised_hand.png deleted file mode 100644 index 15a6522..0000000 Binary files a/public/rised_hand.png and /dev/null differ diff --git a/public/rised_hand.webp b/public/rised_hand.webp new file mode 100644 index 0000000..c4412bd Binary files /dev/null and b/public/rised_hand.webp differ diff --git a/public/satisfied-no.png b/public/satisfied-no.png deleted file mode 100644 index b0aa72e..0000000 Binary files a/public/satisfied-no.png and /dev/null differ diff --git a/public/satisfied-yes-v1.png b/public/satisfied-yes-v1.png deleted file mode 100644 index 37a0348..0000000 Binary files a/public/satisfied-yes-v1.png and /dev/null differ diff --git a/public/satisfied-yes.png b/public/satisfied-yes.png deleted file mode 100644 index 39056fe..0000000 Binary files a/public/satisfied-yes.png and /dev/null differ diff --git a/public/satisfied-yes.webp b/public/satisfied-yes.webp new file mode 100644 index 0000000..43070c3 Binary files /dev/null and b/public/satisfied-yes.webp differ diff --git a/public/scales.png b/public/scales.png deleted file mode 100644 index 056b607..0000000 Binary files a/public/scales.png and /dev/null differ diff --git a/public/scales.webp b/public/scales.webp new file mode 100644 index 0000000..725dbf2 Binary files /dev/null and b/public/scales.webp differ diff --git a/public/shield.png b/public/shield.png deleted file mode 100644 index 3b35d47..0000000 Binary files a/public/shield.png and /dev/null differ diff --git a/public/shield.webp b/public/shield.webp new file mode 100644 index 0000000..952cf13 Binary files /dev/null and b/public/shield.webp differ diff --git a/public/single-zodiac-info.jpg b/public/single-zodiac-info.jpg deleted file mode 100644 index c61463a..0000000 Binary files a/public/single-zodiac-info.jpg and /dev/null differ diff --git a/public/single-zodiac-info.png b/public/single-zodiac-info.png deleted file mode 100644 index 11f3713..0000000 Binary files a/public/single-zodiac-info.png and /dev/null differ diff --git a/public/single-zodiac-info.webp b/public/single-zodiac-info.webp new file mode 100644 index 0000000..9cc859e Binary files /dev/null and b/public/single-zodiac-info.webp differ diff --git a/public/slightly_frowning_face.png b/public/slightly_frowning_face.png deleted file mode 100644 index 1c9a4b2..0000000 Binary files a/public/slightly_frowning_face.png and /dev/null differ diff --git a/public/slightly_frowning_face.webp b/public/slightly_frowning_face.webp new file mode 100644 index 0000000..cdf103b Binary files /dev/null and b/public/slightly_frowning_face.webp differ diff --git a/public/slightly_smiling_face.png b/public/slightly_smiling_face.png deleted file mode 100644 index 0ace972..0000000 Binary files a/public/slightly_smiling_face.png and /dev/null differ diff --git a/public/slightly_smiling_face.webp b/public/slightly_smiling_face.webp new file mode 100644 index 0000000..92eb760 Binary files /dev/null and b/public/slightly_smiling_face.webp differ diff --git a/public/small_alarm_clock.webp b/public/small_alarm_clock.webp index f3adc1b..c3aa52c 100644 Binary files a/public/small_alarm_clock.webp and b/public/small_alarm_clock.webp differ diff --git a/public/smiling-face-with-hearts.png b/public/smiling-face-with-hearts.png deleted file mode 100644 index fdd8af0..0000000 Binary files a/public/smiling-face-with-hearts.png and /dev/null differ diff --git a/public/smiling-face-with-hearts.webp b/public/smiling-face-with-hearts.webp new file mode 100644 index 0000000..49cbd68 Binary files /dev/null and b/public/smiling-face-with-hearts.webp differ diff --git a/public/smiling_face_with_heart_eyes.png b/public/smiling_face_with_heart_eyes.png deleted file mode 100644 index 606ee56..0000000 Binary files a/public/smiling_face_with_heart_eyes.png and /dev/null differ diff --git a/public/smiling_face_with_heart_eyes.webp b/public/smiling_face_with_heart_eyes.webp new file mode 100644 index 0000000..c705433 Binary files /dev/null and b/public/smiling_face_with_heart_eyes.webp differ diff --git a/public/smiling_face_with_smiling_eyes.png b/public/smiling_face_with_smiling_eyes.png deleted file mode 100644 index 3a5774f..0000000 Binary files a/public/smiling_face_with_smiling_eyes.png and /dev/null differ diff --git a/public/smiling_face_with_smiling_eyes.webp b/public/smiling_face_with_smiling_eyes.webp new file mode 100644 index 0000000..9ac7029 Binary files /dev/null and b/public/smiling_face_with_smiling_eyes.webp differ diff --git a/public/sparkles.png b/public/sparkles.png deleted file mode 100644 index f4cb73b..0000000 Binary files a/public/sparkles.png and /dev/null differ diff --git a/public/sparkles.webp b/public/sparkles.webp new file mode 100644 index 0000000..6041f39 Binary files /dev/null and b/public/sparkles.webp differ diff --git a/public/star.png b/public/star.png deleted file mode 100644 index 003bd4f..0000000 Binary files a/public/star.png and /dev/null differ diff --git a/public/star_struck.png b/public/star_struck.png deleted file mode 100644 index 12d5a94..0000000 Binary files a/public/star_struck.png and /dev/null differ diff --git a/public/star_struck.webp b/public/star_struck.webp new file mode 100644 index 0000000..a7246cd Binary files /dev/null and b/public/star_struck.webp differ diff --git a/public/stop-icon.png b/public/stop-icon.png deleted file mode 100644 index ddc629a..0000000 Binary files a/public/stop-icon.png and /dev/null differ diff --git a/public/stop-icon.webp b/public/stop-icon.webp new file mode 100644 index 0000000..9a94bda Binary files /dev/null and b/public/stop-icon.webp differ diff --git a/public/sunset.png b/public/sunset.png deleted file mode 100644 index b697ed6..0000000 Binary files a/public/sunset.png and /dev/null differ diff --git a/public/sunset.webp b/public/sunset.webp new file mode 100644 index 0000000..3add8d8 Binary files /dev/null and b/public/sunset.webp differ diff --git a/public/technologist.png b/public/technologist.png deleted file mode 100644 index 5c7af46..0000000 Binary files a/public/technologist.png and /dev/null differ diff --git a/public/technologist.webp b/public/technologist.webp new file mode 100644 index 0000000..ae2b12f Binary files /dev/null and b/public/technologist.webp differ diff --git a/public/thinking_face.png b/public/thinking_face.png deleted file mode 100644 index abb9aa1..0000000 Binary files a/public/thinking_face.png and /dev/null differ diff --git a/public/thinking_face.webp b/public/thinking_face.webp new file mode 100644 index 0000000..35d805d Binary files /dev/null and b/public/thinking_face.webp differ diff --git a/public/thumbs_down.png b/public/thumbs_down.png deleted file mode 100644 index ed957be..0000000 Binary files a/public/thumbs_down.png and /dev/null differ diff --git a/public/thumbs_down.webp b/public/thumbs_down.webp new file mode 100644 index 0000000..71cea30 Binary files /dev/null and b/public/thumbs_down.webp differ diff --git a/public/thumbs_middle.png b/public/thumbs_middle.png deleted file mode 100644 index 5cce493..0000000 Binary files a/public/thumbs_middle.png and /dev/null differ diff --git a/public/thumbs_middle.webp b/public/thumbs_middle.webp new file mode 100644 index 0000000..f00284e Binary files /dev/null and b/public/thumbs_middle.webp differ diff --git a/public/thumbs_more_down.png b/public/thumbs_more_down.png deleted file mode 100644 index ab6a099..0000000 Binary files a/public/thumbs_more_down.png and /dev/null differ diff --git a/public/thumbs_more_down.webp b/public/thumbs_more_down.webp new file mode 100644 index 0000000..4ffdfbf Binary files /dev/null and b/public/thumbs_more_down.webp differ diff --git a/public/thumbs_more_up.png b/public/thumbs_more_up.png deleted file mode 100644 index 5972685..0000000 Binary files a/public/thumbs_more_up.png and /dev/null differ diff --git a/public/thumbs_more_up.webp b/public/thumbs_more_up.webp new file mode 100644 index 0000000..9b2a439 Binary files /dev/null and b/public/thumbs_more_up.webp differ diff --git a/public/thumbs_up.png b/public/thumbs_up.png deleted file mode 100644 index c2660e5..0000000 Binary files a/public/thumbs_up.png and /dev/null differ diff --git a/public/thumbs_up.webp b/public/thumbs_up.webp new file mode 100644 index 0000000..034d3d8 Binary files /dev/null and b/public/thumbs_up.webp differ diff --git a/public/timerBackground.png b/public/timerBackground.png deleted file mode 100644 index f253d45..0000000 Binary files a/public/timerBackground.png and /dev/null differ diff --git a/public/timerBackground.webp b/public/timerBackground.webp new file mode 100644 index 0000000..56f2755 Binary files /dev/null and b/public/timerBackground.webp differ diff --git a/public/two-hearts.png b/public/two-hearts.png deleted file mode 100644 index fde1bf7..0000000 Binary files a/public/two-hearts.png and /dev/null differ diff --git a/public/two-hearts.webp b/public/two-hearts.webp new file mode 100644 index 0000000..07bfbde Binary files /dev/null and b/public/two-hearts.webp differ diff --git a/public/two_halves_of_a_heart.webp b/public/two_halves_of_a_heart.webp index f795760..0613d60 100644 Binary files a/public/two_halves_of_a_heart.webp and b/public/two_halves_of_a_heart.webp differ diff --git a/public/unamused.png b/public/unamused.png deleted file mode 100644 index 3d0e885..0000000 Binary files a/public/unamused.png and /dev/null differ diff --git a/public/unamused.webp b/public/unamused.webp new file mode 100644 index 0000000..5a7a7e9 Binary files /dev/null and b/public/unamused.webp differ diff --git a/public/understanding.webp b/public/understanding.webp index 8a1db4d..0a8af70 100644 Binary files a/public/understanding.webp and b/public/understanding.webp differ diff --git a/public/user1.webp b/public/user1.webp index ec9f152..83a4a62 100644 Binary files a/public/user1.webp and b/public/user1.webp differ diff --git a/public/user2.webp b/public/user2.webp index 4159e23..3290e48 100644 Binary files a/public/user2.webp and b/public/user2.webp differ diff --git a/public/user3.webp b/public/user3.webp index b752c17..00f8c3f 100644 Binary files a/public/user3.webp and b/public/user3.webp differ diff --git a/public/wall_clock.webp b/public/wall_clock.webp index ebb34cf..f06d4eb 100644 Binary files a/public/wall_clock.webp and b/public/wall_clock.webp differ diff --git a/public/wink.png b/public/wink.png deleted file mode 100644 index 70ccd43..0000000 Binary files a/public/wink.png and /dev/null differ diff --git a/public/wink.webp b/public/wink.webp new file mode 100644 index 0000000..f2a250f Binary files /dev/null and b/public/wink.webp differ diff --git a/public/woman-heart-man.png b/public/woman-heart-man.png deleted file mode 100644 index de4135d..0000000 Binary files a/public/woman-heart-man.png and /dev/null differ diff --git a/public/woman-heart-man.webp b/public/woman-heart-man.webp new file mode 100644 index 0000000..8ead531 Binary files /dev/null and b/public/woman-heart-man.webp differ diff --git a/public/woman.png b/public/woman.png deleted file mode 100644 index de1b60d..0000000 Binary files a/public/woman.png and /dev/null differ diff --git a/public/woman.webp b/public/woman.webp new file mode 100644 index 0000000..d2cfef6 Binary files /dev/null and b/public/woman.webp differ diff --git a/public/woman_feeding_baby.png b/public/woman_feeding_baby.png deleted file mode 100755 index 81cf1f4..0000000 Binary files a/public/woman_feeding_baby.png and /dev/null differ diff --git a/public/woman_feeding_baby.webp b/public/woman_feeding_baby.webp new file mode 100644 index 0000000..3873280 Binary files /dev/null and b/public/woman_feeding_baby.webp differ diff --git a/public/woman_gets_angry.webp b/public/woman_gets_angry.webp index f59c289..a632cbf 100644 Binary files a/public/woman_gets_angry.webp and b/public/woman_gets_angry.webp differ diff --git a/public/works-for-us-happy.png b/public/works-for-us-happy.png deleted file mode 100644 index 97776e2..0000000 Binary files a/public/works-for-us-happy.png and /dev/null differ diff --git a/public/works-for-us-happy.webp b/public/works-for-us-happy.webp new file mode 100644 index 0000000..dd85806 Binary files /dev/null and b/public/works-for-us-happy.webp differ diff --git a/public/works-for-us-unhappy.png b/public/works-for-us-unhappy.png deleted file mode 100644 index e571517..0000000 Binary files a/public/works-for-us-unhappy.png and /dev/null differ diff --git a/public/works-for-us-unhappy.webp b/public/works-for-us-unhappy.webp new file mode 100644 index 0000000..0126c5b Binary files /dev/null and b/public/works-for-us-unhappy.webp differ diff --git a/public/works-for-us-very-unhappy.png b/public/works-for-us-very-unhappy.png deleted file mode 100644 index 70330bf..0000000 Binary files a/public/works-for-us-very-unhappy.png and /dev/null differ diff --git a/public/works-for-us-very-unhappy.webp b/public/works-for-us-very-unhappy.webp new file mode 100644 index 0000000..790c69c Binary files /dev/null and b/public/works-for-us-very-unhappy.webp differ diff --git a/public/works-traits-happy.png b/public/works-traits-happy.png deleted file mode 100644 index ab9196d..0000000 Binary files a/public/works-traits-happy.png and /dev/null differ diff --git a/public/works-traits-happy.webp b/public/works-traits-happy.webp new file mode 100644 index 0000000..01286d3 Binary files /dev/null and b/public/works-traits-happy.webp differ diff --git a/public/works-traits-never_been.png b/public/works-traits-never_been.png deleted file mode 100644 index 59fd67f..0000000 Binary files a/public/works-traits-never_been.png and /dev/null differ diff --git a/public/works-traits-never_been.webp b/public/works-traits-never_been.webp new file mode 100644 index 0000000..97121d5 Binary files /dev/null and b/public/works-traits-never_been.webp differ diff --git a/public/works-traits-unhappy.png b/public/works-traits-unhappy.png deleted file mode 100644 index 9f5c2ee..0000000 Binary files a/public/works-traits-unhappy.png and /dev/null differ diff --git a/public/works-traits-unhappy.webp b/public/works-traits-unhappy.webp new file mode 100644 index 0000000..a5000de Binary files /dev/null and b/public/works-traits-unhappy.webp differ diff --git a/public/wrapped-gift.webp b/public/wrapped-gift.webp index 0187815..045a7ce 100644 Binary files a/public/wrapped-gift.webp and b/public/wrapped-gift.webp differ diff --git a/public/your-friends.png b/public/your-friends.png deleted file mode 100644 index c979408..0000000 Binary files a/public/your-friends.png and /dev/null differ diff --git a/public/your-friends.webp b/public/your-friends.webp new file mode 100644 index 0000000..a81cd8b Binary files /dev/null and b/public/your-friends.webp differ diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx index 94b8f75..cccd30f 100755 --- a/src/components/App/index.tsx +++ b/src/components/App/index.tsx @@ -121,6 +121,7 @@ import LoadingPage from "../pages/LoadingPage"; import { EProductKeys, productUrls } from "@/data/products"; import SinglePaymentPage from "../pages/SinglePaymentPage"; import ABDesignV1Routes from "@/routerComponents/ABDesign/v1"; +import metricService from "@/services/metric/metricService"; const isProduction = import.meta.env.MODE === "production"; @@ -129,6 +130,7 @@ if (isProduction) { } function App(): JSX.Element { + const location = useLocation(); const [isSpecialOfferOpen, setIsSpecialOfferOpen] = useState(false); const [leoApng, setLeoApng] = useState(Error); const [padLockApng, setPadLockApng] = useState(Error); @@ -161,6 +163,10 @@ function App(): JSX.Element { const birthdate = user?.profile?.birthday || birthdateFromStore; const birthPlace = user?.profile?.birthplace || birthPlaceFromStore; + useEffect(() => { + metricService.hit() + }, [location]); + useLayoutEffect(() => { dispatch(actions.paywalls.resetIsMustUpdate()); }, [dispatch]); diff --git a/src/components/AttentionPage/index.tsx b/src/components/AttentionPage/index.tsx index c8895a8..77d64f8 100755 --- a/src/components/AttentionPage/index.tsx +++ b/src/components/AttentionPage/index.tsx @@ -22,7 +22,7 @@ function AttentionPage({ return (
- stop + stop {t("aura.attention.title")}

{t("aura.warming_up.body")}

diff --git a/src/components/AuthPage/AppleAuthButton/index.tsx b/src/components/AuthPage/AppleAuthButton/index.tsx index 733340d..1a20e5d 100644 --- a/src/components/AuthPage/AppleAuthButton/index.tsx +++ b/src/components/AuthPage/AppleAuthButton/index.tsx @@ -8,7 +8,7 @@ interface IAppleAuthButtonProps { function AppleAuthButton({ onClick }: IAppleAuthButtonProps): JSX.Element { return ( - Apple + Apple {"Sign in with Apple"} ); diff --git a/src/components/AuthResultPage/index.tsx b/src/components/AuthResultPage/index.tsx index 670ce39..6f85d1f 100644 --- a/src/components/AuthResultPage/index.tsx +++ b/src/components/AuthResultPage/index.tsx @@ -77,7 +77,7 @@ function AuthResultPage(): JSX.Element { /> )} {!apiError && !error && !isLoading && access_token.length && ( - Success Icon + Success Icon )}
); diff --git a/src/components/Compatibility/styles.module.css b/src/components/Compatibility/styles.module.css index 5254944..f870558 100644 --- a/src/components/Compatibility/styles.module.css +++ b/src/components/Compatibility/styles.module.css @@ -185,7 +185,7 @@ content: ""; width: 12px; height: 12px; - background-image: url(/check-mark-1.png); + background-image: url(/check-mark-1.webp); background-size: contain; background-repeat: no-repeat; position: absolute; diff --git a/src/components/CreateProfilePage/ProcessItem.tsx b/src/components/CreateProfilePage/ProcessItem.tsx index 2297e08..6a20439 100644 --- a/src/components/CreateProfilePage/ProcessItem.tsx +++ b/src/components/CreateProfilePage/ProcessItem.tsx @@ -16,7 +16,7 @@ function ProcessItem({ top, label, isDone, refItem }: ProcessItemProps): JSX.Ele
{ isDone - ? check + ? check : }
diff --git a/src/components/EmailEnterPage/index.tsx b/src/components/EmailEnterPage/index.tsx index 3b0d3ed..0214e90 100755 --- a/src/components/EmailEnterPage/index.tsx +++ b/src/components/EmailEnterPage/index.tsx @@ -167,7 +167,7 @@ function EmailEnterPage({ {!error?.length && !isLoading && isAuth && ( Success Icon )} diff --git a/src/components/FeedbackPage/index.tsx b/src/components/FeedbackPage/index.tsx index bdabda9..b074d42 100644 --- a/src/components/FeedbackPage/index.tsx +++ b/src/components/FeedbackPage/index.tsx @@ -50,7 +50,7 @@ function FeedbackPage(): JSX.Element { />
{title} - stop + stop

{text}

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index f8a3df2..99342a5 100755 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -79,7 +79,7 @@ function Header({ {showCrossButton && showCross ? ( Cross diff --git a/src/components/HomePage/styles.module.css b/src/components/HomePage/styles.module.css index 7c0632f..37e43f0 100644 --- a/src/components/HomePage/styles.module.css +++ b/src/components/HomePage/styles.module.css @@ -69,7 +69,7 @@ width: 50px; height: 50px; background-size: 70%; - background-image: url("/Save-icon.png"); + background-image: url("/Save-icon.webp"); background-repeat: no-repeat; background-position: center center; -webkit-backdrop-filter: blur(14px); diff --git a/src/components/PaymentModalNew/PaymentCardModal/CreditCardIcon/index.tsx b/src/components/PaymentModalNew/PaymentCardModal/CreditCardIcon/index.tsx new file mode 100644 index 0000000..89cb11d --- /dev/null +++ b/src/components/PaymentModalNew/PaymentCardModal/CreditCardIcon/index.tsx @@ -0,0 +1,9 @@ +export default function CreditCardIcon() { + return ( + + + + + + ) +} \ No newline at end of file diff --git a/src/components/PaymentModalNew/PaymentCardModal/index.tsx b/src/components/PaymentModalNew/PaymentCardModal/index.tsx new file mode 100644 index 0000000..3bc937d --- /dev/null +++ b/src/components/PaymentModalNew/PaymentCardModal/index.tsx @@ -0,0 +1,39 @@ +import { Elements } from '@stripe/react-stripe-js'; +import CheckoutForm, { TConfirmType } from '@/components/PaymentPage/methods/CheckoutForm'; +import Modal from '@/components/Modal'; +import { Stripe } from '@stripe/stripe-js'; +import { Dispatch, SetStateAction } from 'react'; + +import './style.scss'; + +interface IPaymentCardModalProps { + clientSecret?: string; + stripePromise: Promise | null; + paymentType?: TConfirmType; + paymentIntentId?: string; + returnUrl?: string; + isOpen: boolean; + setIsOpen: Dispatch>; +} + +export default function PaymentCardModal({ + clientSecret, + stripePromise, + paymentType, + paymentIntentId, + returnUrl, + isOpen, + setIsOpen, +}: IPaymentCardModalProps) { + return ( + setIsOpen(false)}> + + + + + ) +} \ No newline at end of file diff --git a/src/components/PaymentModalNew/PaymentCardModal/style.scss b/src/components/PaymentModalNew/PaymentCardModal/style.scss new file mode 100644 index 0000000..06a8a21 --- /dev/null +++ b/src/components/PaymentModalNew/PaymentCardModal/style.scss @@ -0,0 +1,7 @@ +:global(.paymentCardModalContainer) { + background: none; + + .p-PaymentMethodSelector { + display: none !important; + } +} \ No newline at end of file diff --git a/src/components/PaymentModalNew/index.tsx b/src/components/PaymentModalNew/index.tsx new file mode 100644 index 0000000..5473e7b --- /dev/null +++ b/src/components/PaymentModalNew/index.tsx @@ -0,0 +1,155 @@ +import Loader from '@/components/Loader'; + +import styles from './styles.module.scss'; + +import cn from 'classnames'; +import { EPlacementKeys, IPaywallProduct } from '@/api/resources/Paywall'; +import { useNavigate } from 'react-router-dom'; +import { Dispatch, LegacyRef, SetStateAction, useEffect, useMemo, useRef, useState } from 'react'; +import { loadStripe, Stripe } from '@stripe/stripe-js'; +import { usePaywall } from '@/hooks/paywall/usePaywall'; +import { useMakePayment } from '@/hooks/payment/useMakePayment'; +import { getFormattedPrice } from '@/utils/price.utils'; +import routes from '@/routes'; +import Title from '@/components/Title'; +import { Elements } from '@stripe/react-stripe-js'; +import ExpressCheckoutStripe from '@/components/PaymentPage/methods/ExpressCheckoutStripe'; +import SecurityPayments from '@/components/pages/TrialPayment/components/SecurityPayments'; +import PaymentCardModal from '@/components/PaymentModalNew/PaymentCardModal'; +import CreditCardIcon from '@/components/PaymentModalNew/PaymentCardModal/CreditCardIcon'; + +interface IPaymentModalNewProps { + returnUrl: string; + placementKey: EPlacementKeys; + activeProduct: IPaywallProduct; + setHeight?: Dispatch>; +} + +export default function PaymentModalNew({ + returnUrl, + activeProduct, + placementKey, + setHeight, +}: IPaymentModalNewProps) { + const navigate = useNavigate(); + const ref = useRef(); + const [stripePromise, setStripePromise] = + useState | null>(null); + + const {products, placementId, paywallId} = usePaywall({ + placementKey, + }); + + const [isOpenCardModal, setIsOpenCardModal] = useState(false); + + const { + paymentIntentId, + clientSecret, + returnUrl: checkoutUrl, + paymentType, + publicKey, + isLoading: isLoadingPayment, + error, + } = useMakePayment({ + productId: activeProduct?._id || '', + placementId, + paywallId, + returnPaidUrl: returnUrl, + }); + + const [isLoadingExpressCheckout, setIsLoadingExpressCheckout] = + useState(true); + + const isLoading = useMemo(() => { + return isLoadingPayment || isLoadingExpressCheckout; + }, [isLoadingPayment, isLoadingExpressCheckout]); + + if (checkoutUrl?.length) { + window.location.href = checkoutUrl; + } + + useEffect(() => { + (async () => { + if (!products?.length || !publicKey) return; + setStripePromise(loadStripe(publicKey)); + const isActiveProduct = products.find( + (product) => product._id === activeProduct?._id, + ); + if (!activeProduct || !isActiveProduct) { + navigate(routes.client.trialChoice()); + } + })(); + }, [activeProduct, navigate, products, publicKey]); + + const resizeHandler = () => { + setHeight?.(ref?.current?.clientHeight || 32); + }; + + if (error?.length) { + setTimeout(resizeHandler, 300); + return ( +
} className={styles['payment-modal']}> + + Something went wrong + +
+ ); + } + + return ( +
} + className={cn(styles.paymentModalContainer, isLoading && styles.paymentModalContainerLoading)}> + {isLoading &&
+ +
+ } + +
Total due today: + ${getFormattedPrice(activeProduct.trialPrice)}
+ + {!isLoadingPayment && + <> + {!isLoading && +
setIsOpenCardModal(true)}> + +
Credit / Debit Card
+
+ } + + { + setIsLoadingExpressCheckout(isLoading); + setTimeout(resizeHandler, 300); + } + } + /> + + + + {!isLoading && + <> +
+ +

1123 Rimer Dr Moraga, California 94556

+
+ + } + + } + + +
+ ); +} + diff --git a/src/components/PaymentModalNew/styles.module.scss b/src/components/PaymentModalNew/styles.module.scss new file mode 100644 index 0000000..10618d2 --- /dev/null +++ b/src/components/PaymentModalNew/styles.module.scss @@ -0,0 +1,60 @@ +.paymentModalContainer { + display: flex; + flex-direction: column; + position: relative; + margin: -12px -20px; + padding: 12px 20px; + gap: 6px; + + transition: height 1s ease-out; + + .address { + color: gray; + font-size: 10px; + margin-bottom: 16px; + text-transform: uppercase; + } + + .infoContainer > * { + padding-top: 16px; + } + + .paymentCreditCard { + background: #066fde; + color: #fff !important; + gap: 6px; + display: flex; + font-size: 14px; + line-height: 18px; + align-items: center; + font-weight: 400; + min-height: 48px; + border-radius: 5px; + justify-content: center; + } + + &Loading { + background: rgba(215, 213, 213, .5); + } + + .paymentModalLoader { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 25px; + color: #2f2e37; + position: absolute; + width: 100%; + margin-left: -20px; + } + + .paymentModalPrice { + color: #066fde; + font-size: 16px; + font-weight: 700; + line-height: 25px; + text-align: center; + margin-bottom: 12px; + } +} \ No newline at end of file diff --git a/src/components/PaymentPage/methods/CheckoutForm/index.tsx b/src/components/PaymentPage/methods/CheckoutForm/index.tsx index fa0242a..f85d722 100644 --- a/src/components/PaymentPage/methods/CheckoutForm/index.tsx +++ b/src/components/PaymentPage/methods/CheckoutForm/index.tsx @@ -12,11 +12,13 @@ import { useDispatch } from "react-redux"; import { useNavigate } from "react-router-dom"; import styles from "./styles.module.css"; +export type TConfirmType = "payment" | "setup"; + interface ICheckoutFormProps { children?: JSX.Element | null; subscriptionReceiptId?: string; returnUrl?: string; - confirmType?: "payment" | "setup"; + confirmType?: TConfirmType; isHide?: boolean; } diff --git a/src/components/PaymentPage/methods/ExpressCheckoutStripe/index.tsx b/src/components/PaymentPage/methods/ExpressCheckoutStripe/index.tsx index cbb6972..414a044 100644 --- a/src/components/PaymentPage/methods/ExpressCheckoutStripe/index.tsx +++ b/src/components/PaymentPage/methods/ExpressCheckoutStripe/index.tsx @@ -21,6 +21,7 @@ interface IExpressCheckoutStripeProps { availableMethods: AvailablePaymentMethods | undefined ) => void; onChangeLoading?: (isLoading: boolean) => void; + paymentMethodOrderList?: string[]; } function ExpressCheckoutStripe({ @@ -29,6 +30,7 @@ function ExpressCheckoutStripe({ isHide = false, onAvailable, onChangeLoading, + paymentMethodOrderList }: IExpressCheckoutStripeProps) { const stripe = useStripe(); const elements = useElements(); @@ -104,7 +106,7 @@ function ExpressCheckoutStripe({ maxColumns: 1, overflow: "never", }, - paymentMethodOrder: ["apple_pay", "google_pay", "amazon_pay", "link"], + paymentMethodOrder: paymentMethodOrderList || ["apple_pay", "google_pay", "amazon_pay", "link"], wallets: { googlePay: "always", applePay: "always", diff --git a/src/components/PaymentPage/results/ErrorPage/index.tsx b/src/components/PaymentPage/results/ErrorPage/index.tsx index 92be999..2374628 100644 --- a/src/components/PaymentPage/results/ErrorPage/index.tsx +++ b/src/components/PaymentPage/results/ErrorPage/index.tsx @@ -13,7 +13,7 @@ function PaymentFailPage(): JSX.Element { return (
Exclamation Icon diff --git a/src/components/PaymentPage/results/SuccessPage/index.tsx b/src/components/PaymentPage/results/SuccessPage/index.tsx index 9361d0b..7f04405 100644 --- a/src/components/PaymentPage/results/SuccessPage/index.tsx +++ b/src/components/PaymentPage/results/SuccessPage/index.tsx @@ -26,7 +26,7 @@ function PaymentSuccessPage(): JSX.Element { return (
Success Icon diff --git a/src/components/SpecialWelcomeOffer/index.tsx b/src/components/SpecialWelcomeOffer/index.tsx index 1b0bc55..82c826c 100644 --- a/src/components/SpecialWelcomeOffer/index.tsx +++ b/src/components/SpecialWelcomeOffer/index.tsx @@ -48,7 +48,7 @@ function SpecialWelcomeOffer({ open, onClose }: ModalTopProps): JSX.Element { />
{/* {t('special_welcome_offer')} */} - Your friends + Your friends {t("au.friends.window")} @@ -79,7 +79,7 @@ function SpecialWelcomeOffer({ open, onClose }: ModalTopProps): JSX.Element { className={styles["button-black"]} onClick={handleMoreAbout} > - Leo + Leo {t("au.more_llc.button")}
diff --git a/src/components/SubscriptionPage/index.tsx b/src/components/SubscriptionPage/index.tsx index 3a9680c..e13f218 100644 --- a/src/components/SubscriptionPage/index.tsx +++ b/src/components/SubscriptionPage/index.tsx @@ -250,7 +250,7 @@ function SubscriptionPage(): JSX.Element { /> )} {!apiError && !error && !isLoading && isAuth && ( - Success Icon + Success Icon )}
diff --git a/src/components/WallpaperPage/styles.module.css b/src/components/WallpaperPage/styles.module.css index b39600f..95d35c1 100644 --- a/src/components/WallpaperPage/styles.module.css +++ b/src/components/WallpaperPage/styles.module.css @@ -65,7 +65,7 @@ width: 50px; height: 50px; background-size: 70%; - background-image: url("/Save-icon.png"); + background-image: url("/Save-icon.webp"); background-repeat: no-repeat; background-position: center center; -webkit-backdrop-filter: blur(14px); diff --git a/src/components/pages/ABDesign/v1/components/LoadingProfileModalChild/index.tsx b/src/components/pages/ABDesign/v1/components/LoadingProfileModalChild/index.tsx index e914763..e34523e 100644 --- a/src/components/pages/ABDesign/v1/components/LoadingProfileModalChild/index.tsx +++ b/src/components/pages/ABDesign/v1/components/LoadingProfileModalChild/index.tsx @@ -15,7 +15,7 @@ function LoadingProfileModalChild({
Question diff --git a/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/Birthtime/index.tsx b/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/Birthtime/index.tsx index 904f794..ee531df 100644 --- a/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/Birthtime/index.tsx +++ b/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/Birthtime/index.tsx @@ -52,7 +52,7 @@ function BirthtimeCustomAnswer({ <QuestionnaireGreenButton className={styles.button} onClick={handleNext}> {t("next")} </QuestionnaireGreenButton> - <img className={styles.image} src="/hourglassV1.png" alt="hourglass" /> + <img className={styles.image} src="/hourglassV1.webp" alt="hourglass" /> </div> ); } diff --git a/src/components/pages/ABDesign/v1/data/currentlyAffectingAnswers.ts b/src/components/pages/ABDesign/v1/data/currentlyAffectingAnswers.ts index a5d3bd6..c10d7f9 100644 --- a/src/components/pages/ABDesign/v1/data/currentlyAffectingAnswers.ts +++ b/src/components/pages/ABDesign/v1/data/currentlyAffectingAnswers.ts @@ -4,51 +4,51 @@ export const currentlyAffectingAnswers: IAnswer[] = [ { id: "infidelity", answer: "Infidelity", - icon: "/broken_heart.png", + icon: "/broken_heart.webp", }, { id: "depression", answer: "Depression", - icon: "/cloud.png", + icon: "/cloud.webp", }, { id: "low_sexual", answer: "Low sexual desire", - icon: "/down_arrow.png", + icon: "/down_arrow.webp", }, { id: "poor_body", answer: "Poor body image", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "postpartum", answer: "Postpartum depression", - icon: "/woman_feeding_baby.png", + icon: "/woman_feeding_baby.webp", }, { id: "anxiety", answer: "Anxiety", - icon: "/anxious_face_with_sweat.png", + icon: "/anxious_face_with_sweat.webp", }, { id: "parenting_issues", answer: "Parenting issues", - icon: "/family.png", + icon: "/family.webp", }, { id: "blended_family", answer: "Blended family issues", - icon: "/jigsaw.png", + icon: "/jigsaw.webp", }, { id: "divorce", answer: "Divorce is on the table", - icon: "/hourglass.png", + icon: "/hourglass.webp", }, { id: "none_of_these", answer: "None of these", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ]; \ No newline at end of file diff --git a/src/components/pages/ABDesign/v1/data/genders.ts b/src/components/pages/ABDesign/v1/data/genders.ts index 7187efd..f395048 100644 --- a/src/components/pages/ABDesign/v1/data/genders.ts +++ b/src/components/pages/ABDesign/v1/data/genders.ts @@ -4,13 +4,13 @@ export const genders: Gender[] = [ { id: "male", name: "Male", - img: "/male-gender.png", + img: "/male-gender.webp", colorAssociation: "#C1E5FF", }, { id: "female", name: "Female", - img: "/female-gender.png", + img: "/female-gender.webp", colorAssociation: "#F7EBFF", }, ]; \ No newline at end of file diff --git a/src/components/pages/ABDesign/v1/data/stepsQuestionary.tsx b/src/components/pages/ABDesign/v1/data/stepsQuestionary.tsx index 5542d04..1d96c35 100644 --- a/src/components/pages/ABDesign/v1/data/stepsQuestionary.tsx +++ b/src/components/pages/ABDesign/v1/data/stepsQuestionary.tsx @@ -25,7 +25,7 @@ export const stepsQuestionary: IStep[] = [ { id: "single", answer: "Single", - icon: "/heart.png", + icon: "/heart.webp", }, { id: "relationship", @@ -57,55 +57,55 @@ export const stepsQuestionary: IStep[] = [ { id: "perfect_partner", answer: "Find my perfect partner", - icon: "/kiss.png", + icon: "/kiss.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "get_married", answer: "To get married", - icon: "/ring.png", + icon: "/ring.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "understand_myself", answer: "Understand myself better", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "achieve_happiness", answer: "Achieve happiness", - icon: "/star_struck.png", + icon: "/star_struck.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "personal_growth", answer: "Personal growth", - icon: "/sparkles.png", + icon: "/sparkles.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "increase_realtionship", answer: "Increase relationship satisfaction", - icon: "/two-hearts.png", + icon: "/two-hearts.webp", conditionalValues: ["relationship", "married"], }, { id: "fix_realtionship", answer: "Fix relationship problems", - icon: "/broken_heart.png", + icon: "/broken_heart.webp", conditionalValues: ["relationship", "married"], }, { id: "build_strong", answer: "Build a strong marriage", - icon: "/kiss.png", + icon: "/kiss.webp", conditionalValues: ["relationship", "married"], }, { id: "check_compatibility", answer: "Check compatibility", - icon: "/woman-heart-man.png", + icon: "/woman-heart-man.webp", conditionalValues: [ "single", "relationship", @@ -117,7 +117,7 @@ export const stepsQuestionary: IStep[] = [ { id: "all_above", answer: "All above", - icon: "/hands_heart.png", + icon: "/hands_heart.webp", conditionalValues: [ "single", "relationship", @@ -135,12 +135,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ], }, @@ -154,17 +154,17 @@ export const stepsQuestionary: IStep[] = [ { id: "expert", answer: "An expert", - icon: "/man_student.png", + icon: "/man_student.webp", }, { id: "curious", answer: "Curious", - icon: "/face_with_monocle.png", + icon: "/face_with_monocle.webp", }, { id: "beginner", answer: "A beginner", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -181,12 +181,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", navigateToUrl: routes.client.noTimeV1(), }, ], @@ -209,7 +209,7 @@ export const stepsQuestionary: IStep[] = [ description: "This determines the time zone at the place of your birth.", answersElement: <BirthPlaceCustomAnswer />, - backgroundImage: "/birthPlace.png", + backgroundImage: "/birthPlace.webp", backgroundColor: "#0000004d", textColor: { title: "#fff", @@ -238,12 +238,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ], }, @@ -254,27 +254,27 @@ export const stepsQuestionary: IStep[] = [ { id: "very_frequently", answer: "Very frequently", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "frequently", answer: "Frequently", - icon: "/thumbs_more_up.png", + icon: "/thumbs_more_up.webp", }, { id: "occasionally", answer: "Occasionally", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "never", answer: "Never", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -285,39 +285,39 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thumbs_more_up.png", + icon: "/thumbs_more_up.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, { id: "tendToOverthink", question: "Do you tend to overthink?", - backgroundImage: "/DeWatermark3.png", + backgroundImage: "/DeWatermark3.webp", answers: [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ], textColor: { @@ -331,37 +331,37 @@ export const stepsQuestionary: IStep[] = [ { id: "success", answer: "Success", - icon: "/bar_chart.png", + icon: "/bar_chart.webp", }, { id: "romance", answer: "Romance", - icon: "/two-hearts.png", + icon: "/two-hearts.webp", }, { id: "stability", answer: "Stability", - icon: "/scales.png", + icon: "/scales.webp", }, { id: "freedom", answer: "Freedom", - icon: "/airplane.png", + icon: "/airplane.webp", }, { id: "happiness", answer: "Happiness", - icon: "/star_struck.png", + icon: "/star_struck.webp", }, { id: "health", answer: "Health", - icon: "/flexed_biceps.png", + icon: "/flexed_biceps.webp", }, { id: "all", answer: "All above", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, ], }, @@ -372,25 +372,25 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", navigateToUrl: routes.client.notAloneV1(), }, { id: "sometimes", answer: "Sometimes", - icon: "/thumbs_more_up.png", + icon: "/thumbs_more_up.webp", navigateToUrl: routes.client.notAloneV1(), }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", navigateToUrl: routes.client.allRightV1(), }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", navigateToUrl: routes.client.allRightV1(), }, ], @@ -402,32 +402,32 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes! I do something I love", - icon: "/smiling_face_with_heart_eyes.png", + icon: "/smiling_face_with_heart_eyes.webp", }, { id: "not_working", answer: "I’m not working", - icon: "/smiling_face_with_heart_eyes.png", + icon: "/smiling_face_with_heart_eyes.webp", }, { id: "hate", answer: "I hate my job", - icon: "/pleading_face.png", + icon: "/pleading_face.webp", }, { id: "okay", answer: "It’s okay, it pays the bills", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, { id: "underpaid", answer: "I’m underpaid", - icon: "/face_with_raised_eyebrow.png", + icon: "/face_with_raised_eyebrow.webp", }, { id: "stopped_growing", answer: "I have stopped growing professionally", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, ], }, @@ -438,17 +438,17 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, { id: "no", answer: "No", - icon: "/confused.png", + icon: "/confused.webp", }, { id: "not_shure", answer: "Not shure", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, ], }, @@ -460,22 +460,22 @@ export const stepsQuestionary: IStep[] = [ { id: "not_all", answer: "Not at all", - icon: "/smiling_face_with_smiling_eyes.png", + icon: "/smiling_face_with_smiling_eyes.webp", }, { id: "yes", answer: "Yes", - icon: "/confused.png", + icon: "/confused.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -493,12 +493,12 @@ export const stepsQuestionary: IStep[] = [ { id: "male", answer: "Male", - icon: "/man.png", + icon: "/man.webp", }, { id: "female", answer: "Female", - icon: "/woman.png", + icon: "/woman.webp", }, ], }, @@ -515,12 +515,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", navigateToUrl: `${routes.client.noTimeV1()}?affiliation=partner`, }, ], @@ -539,7 +539,7 @@ export const stepsQuestionary: IStep[] = [ description: "If you don’t know the exact place of birth just type in the country of birth.", answersElement: <BirthPlaceCustomAnswer affiliation="partner" />, - backgroundImage: "/birthPlace.png", + backgroundImage: "/birthPlace.webp", textColor: { title: "#fff", description: "#fff", @@ -556,7 +556,7 @@ export const stepsQuestionary: IStep[] = [ id: "issueTogether", question: "Do you agree with the statement below?", description: "“My partner and I can talk about any issue together“", - backgroundImage: "/lovely_bedroom.png", + backgroundImage: "/lovely_bedroom.webp", lottie: { preloadKey: ELottieKeys.umbrella, }, @@ -564,27 +564,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -603,27 +603,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -635,13 +635,13 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", navigateToUrl: routes.client.satisfiedResultV1(), }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", navigateToUrl: routes.client.satisfiedResultV1(), }, ], @@ -655,27 +655,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -687,17 +687,17 @@ export const stepsQuestionary: IStep[] = [ { id: "detailed", answer: "Detail-oriented", - icon: "/microscope.png", + icon: "/microscope.webp", }, { id: "big_picture", answer: "Big-picture", - icon: "/mountain.png", + icon: "/mountain.webp", }, { id: "both", answer: "A bit of both", - icon: "/paperclip.png", + icon: "/paperclip.webp", }, ], }, @@ -708,17 +708,17 @@ export const stepsQuestionary: IStep[] = [ { id: "introvert", answer: "Introvert", - icon: "/blue_book.png", + icon: "/blue_book.webp", }, { id: "extravert", answer: "Extravert", - icon: "/party_popper.png", + icon: "/party_popper.webp", }, { id: "both", answer: "A bit of both", - icon: "/scales.png", + icon: "/scales.webp", }, ], }, @@ -732,22 +732,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/face_with_raised_eyebrow.png", + icon: "/face_with_raised_eyebrow.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "not_all", answer: "Not at all", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -762,22 +762,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes, I prefer to be honest and direct", - icon: "/loudspeaker.png", + icon: "/loudspeaker.webp", }, { id: "depends", answer: "Depends on the situation and the person", - icon: "/scales.png", + icon: "/scales.webp", }, { id: "no", answer: "No, I don’t want to get hurt or hurt another person", - icon: "/shield.png", + icon: "/shield.webp", }, { id: "no2", answer: "No, it makes me nervous", - icon: "/fearful_face.png", + icon: "/fearful_face.webp", }, ], }, @@ -791,25 +791,25 @@ export const stepsQuestionary: IStep[] = [ { id: "optimistic", answer: "Optimistic! They are totally doable, with some guidance.", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", navigateToUrl: routes.client.partnerRightPlaceV1(), }, { id: "cautious", answer: "Cautious. I’ve struggled before, but I’m hopeful.", - icon: "/unamused.png", + icon: "/unamused.webp", navigateToUrl: routes.client.partnerThingV1(), }, { id: "feeling", answer: "I’m feeling a little anxious, honestly.", - icon: "/anxious_face_with_sweat.png", + icon: "/anxious_face_with_sweat.webp", navigateToUrl: routes.client.partnerTotallyNormalV1(), }, { id: "not_shure", answer: "Not sure / Don’t know", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", navigateToUrl: routes.client.partnerTotallyNormalV1(), }, ], @@ -825,27 +825,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -856,19 +856,19 @@ export const stepsQuestionary: IStep[] = [ { id: "heart", answer: "Heart", - icon: "/red-heart.png", + icon: "/red-heart.webp", navigateToUrl: routes.client.withHeartV1(), }, { id: "head", answer: "Head", - icon: "/brain.png", + icon: "/brain.webp", navigateToUrl: routes.client.withHeadV1(), }, { id: "both", answer: "Both", - icon: "/paperclip.png", + icon: "/paperclip.webp", navigateToUrl: routes.client.bothV1(), }, ], @@ -889,27 +889,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -921,27 +921,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -952,22 +952,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -979,22 +979,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/face_with_raised_eyebrow.png", + icon: "/face_with_raised_eyebrow.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "not_all", answer: "Not at all", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -1005,17 +1005,17 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "no", answer: "No", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, { id: "not_sure", answer: "Not sure", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, ], }, @@ -1027,22 +1027,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -1053,27 +1053,27 @@ export const stepsQuestionary: IStep[] = [ { id: "dinner", answer: "Dinner at a fancy restaurant", - icon: "/fork_and_knife_with_plate.png", + icon: "/fork_and_knife_with_plate.webp", }, { id: "nature", answer: "A hike in nature", - icon: "/mountain.png", + icon: "/mountain.webp", }, { id: "talking", answer: "Talking under the stars", - icon: "/cityscape_at_dusk.png", + icon: "/cityscape_at_dusk.webp", }, { id: "walk", answer: "A walk in the park", - icon: "/national_park.png", + icon: "/national_park.webp", }, { id: "skydiving", answer: "Skydiving", - icon: "/parachute.png", + icon: "/parachute.webp", }, ], }, @@ -1088,17 +1088,17 @@ export const stepsQuestionary: IStep[] = [ { id: "detail", answer: "Detail-oriented", - icon: "/microscope.png", + icon: "/microscope.webp", }, { id: "big_picture", answer: "Big picture", - icon: "/mountain.png", + icon: "/mountain.webp", }, { id: "both", answer: "A bit of both", - icon: "/paperclip.png", + icon: "/paperclip.webp", }, ], }, @@ -1112,17 +1112,17 @@ export const stepsQuestionary: IStep[] = [ { id: "introvert", answer: "Introvert", - icon: "/blue_book.png", + icon: "/blue_book.webp", }, { id: "extrovert", answer: "Extrovert", - icon: "/party_popper.png", + icon: "/party_popper.webp", }, { id: "both", answer: "A bit of both", - icon: "/scales.png", + icon: "/scales.webp", }, ], }, @@ -1134,25 +1134,25 @@ export const stepsQuestionary: IStep[] = [ { id: "optimistic", answer: "Optimistic! They are totally doable, with some guidance.", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", navigateToUrl: routes.client.partnerRightPlaceV1(), }, { id: "cautious", answer: "Cautious. I’ve struggled before, but I’m hopeful.", - icon: "/unamused.png", + icon: "/unamused.webp", navigateToUrl: routes.client.partnerThingV1(), }, { id: "anxious", answer: "I’m feeling a little anxious, honestly.", - icon: "/anxious_face_with_sweat.png", + icon: "/anxious_face_with_sweat.webp", navigateToUrl: routes.client.partnerTotallyNormalV1(), }, { id: "not_sure", answer: "Not sure / Don’t know", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", navigateToUrl: routes.client.partnerTotallyNormalV1(), }, ], diff --git a/src/components/pages/ABDesign/v1/data/textVariables.tsx b/src/components/pages/ABDesign/v1/data/textVariables.tsx index 680988c..96b35d4 100644 --- a/src/components/pages/ABDesign/v1/data/textVariables.tsx +++ b/src/components/pages/ABDesign/v1/data/textVariables.tsx @@ -14,9 +14,9 @@ export const textVariables: ITextVariables = { there.`, }, backgroundImages: { - very_unhappy: "/works-for-us-very-unhappy.png", - unhappy: "/works-for-us-unhappy.png", - happy: "/works-for-us-happy.png", + very_unhappy: "/works-for-us-very-unhappy.webp", + unhappy: "/works-for-us-unhappy.webp", + happy: "/works-for-us-happy.webp", }, description: <WorksForUsDescription />, }, @@ -32,10 +32,10 @@ export const textVariables: ITextVariables = { "Well, exciting times ahead! We'll give you insights about your most compatible partner.", }, backgroundImages: { - very_unhappy: "/works-traits-unhappy.png", - unhappy: "/works-traits-unhappy.png", - happy: "/works-traits-happy.png", - never_been: "/works-traits-never_been.png", + very_unhappy: "/works-traits-unhappy.webp", + unhappy: "/works-traits-unhappy.webp", + happy: "/works-traits-happy.webp", + never_been: "/works-traits-never_been.webp", }, description: <WorksTraitsDescription />, }, diff --git a/src/components/pages/ABDesign/v1/pages/AdditionalDiscount/index.tsx b/src/components/pages/ABDesign/v1/pages/AdditionalDiscount/index.tsx index a392eb7..1ae6a77 100644 --- a/src/components/pages/ABDesign/v1/pages/AdditionalDiscount/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/AdditionalDiscount/index.tsx @@ -18,13 +18,13 @@ function AdditionalDiscount() { Friends
- Fire + Fire

65% off on your personalized plan

- Present + Present

7-day trial

diff --git a/src/components/pages/ABDesign/v1/pages/AlmostThere/styles.module.css b/src/components/pages/ABDesign/v1/pages/AlmostThere/styles.module.css index 5cee94d..c1aa8ca 100644 --- a/src/components/pages/ABDesign/v1/pages/AlmostThere/styles.module.css +++ b/src/components/pages/ABDesign/v1/pages/AlmostThere/styles.module.css @@ -14,7 +14,7 @@ padding-top: 64px; background-color: #0F1323; padding-top: 32px; - background-image: url("/almost-there.png"); + background-image: url("/almost-there.webp"); width: 100%; max-width: 460px; } diff --git a/src/components/pages/ABDesign/v1/pages/HyperPersonalizedAstrologyPage/styles.module.css b/src/components/pages/ABDesign/v1/pages/HyperPersonalizedAstrologyPage/styles.module.css index ad3f416..a73ec70 100644 --- a/src/components/pages/ABDesign/v1/pages/HyperPersonalizedAstrologyPage/styles.module.css +++ b/src/components/pages/ABDesign/v1/pages/HyperPersonalizedAstrologyPage/styles.module.css @@ -6,17 +6,12 @@ justify-content: start; align-items: center; flex-direction: column; - /* background: url("/hyperPersonalizedAstrology.png"); */ - /* background-position-y: center; - background-position-x: center; */ - /* background-size: cover; */ background-repeat: no-repeat; color: #fff; padding: 33px 16px; background-color: #171717; width: 100%; max-width: 460px; - /* background-attachment: fixed; */ } .page > * { @@ -67,5 +62,5 @@ height: 100%; width: 100%; background-size: cover; - background-image: url("/hyperPersonalizedAstrology.png"); + background-image: url("/hyperPersonalizedAstrology.webp"); } diff --git a/src/components/pages/ABDesign/v1/pages/NotAlone/styles.module.css b/src/components/pages/ABDesign/v1/pages/NotAlone/styles.module.css index 1e926c6..3228ea9 100644 --- a/src/components/pages/ABDesign/v1/pages/NotAlone/styles.module.css +++ b/src/components/pages/ABDesign/v1/pages/NotAlone/styles.module.css @@ -6,7 +6,7 @@ justify-items: center; grid-template-rows: repeat(4, min-content); gap: 40px; - background: url("/DeWatermark2.png"); + background: url("/DeWatermark2.webp"); background-position-y: bottom; background-position-x: center; background-size: cover; diff --git a/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx b/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx index 4beb906..e2f2a0d 100644 --- a/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx @@ -88,7 +88,7 @@ function OnboardingPage() {

Leo {onboardingTitles[activeIndexTitle] && ( diff --git a/src/components/pages/ABDesign/v1/pages/RelationshipAlmostThere/styles.module.css b/src/components/pages/ABDesign/v1/pages/RelationshipAlmostThere/styles.module.css index bb14a66..bb160b0 100644 --- a/src/components/pages/ABDesign/v1/pages/RelationshipAlmostThere/styles.module.css +++ b/src/components/pages/ABDesign/v1/pages/RelationshipAlmostThere/styles.module.css @@ -4,7 +4,7 @@ grid-template-rows: repeat(4, min-content); height: fit-content; min-height: 100vh; - background: url("/relationship-almost-there.png"); + background: url("/almost-there.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; diff --git a/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/styles.module.css b/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/styles.module.css index ca1b4ca..ddffe9e 100644 --- a/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/styles.module.css +++ b/src/components/pages/ABDesign/v1/pages/RelationshipZodiacInfo/styles.module.css @@ -9,7 +9,7 @@ flex-direction: column; gap: 40px; background-color: #0F1323; - background-image: url("/single-zodiac-info.jpg"); + background-image: url("/single-zodiac-info.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; diff --git a/src/components/pages/ABDesign/v1/pages/Satisfied/styles.module.css b/src/components/pages/ABDesign/v1/pages/Satisfied/styles.module.css index 024b8d2..3fe2606 100644 --- a/src/components/pages/ABDesign/v1/pages/Satisfied/styles.module.css +++ b/src/components/pages/ABDesign/v1/pages/Satisfied/styles.module.css @@ -11,7 +11,7 @@ background-color: #0F1323; width: 100%; max-width: 460px; - background-image: url(/satisfied-yes.png); + background-image: url(/satisfied-yes.webp); display: grid; justify-content: center; justify-items: center; diff --git a/src/components/pages/ABDesign/v1/pages/SingleZodiacInfo/styles.module.css b/src/components/pages/ABDesign/v1/pages/SingleZodiacInfo/styles.module.css index 56fd0e9..4de56e1 100644 --- a/src/components/pages/ABDesign/v1/pages/SingleZodiacInfo/styles.module.css +++ b/src/components/pages/ABDesign/v1/pages/SingleZodiacInfo/styles.module.css @@ -9,7 +9,7 @@ flex-direction: column; gap: 40px; background-color: #0F1323; - background-image: url("/single-zodiac-info.jpg"); + background-image: url("/single-zodiac-info.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; diff --git a/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx index 03b7c99..6a66a0d 100644 --- a/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx @@ -14,6 +14,7 @@ import { usePaywall } from "@/hooks/paywall/usePaywall"; import { EPlacementKeys } from "@/api/resources/Paywall"; import { getRandomArbitrary } from "@/services/random-value"; import Loader from "@/components/Loader"; +import metricService, { EGoals } from "@/services/metric/metricService"; function TrialChoicePage() { const dispatch = useDispatch(); @@ -38,6 +39,7 @@ function TrialChoicePage() { }, [countUsers]); const handlePriceItem = () => { + metricService.reachGoal(EGoals.AURA_SELECT_TRIAL); setIsDisabled(false); }; diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PaymentTable/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PaymentTable/index.tsx index db836e4..1001329 100644 --- a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PaymentTable/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PaymentTable/index.tsx @@ -30,7 +30,7 @@ function PaymentTable({ gender, product, buttonClick }: IPaymentTableProps) {
Cross setIsOpenPrivacyModal(false)} /> diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx index 4953bd1..80867ff 100644 --- a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx @@ -9,76 +9,79 @@ import PlayPauseButton from "../../../../ui/PlayPauseButton"; interface IPersonalVideoProps { gender: string; url: string; + classNameContainer?: string; } -const PersonalVideo = React.memo(({ url, gender }) => { - const [isPlaying, setIsPlaying] = useState(false); - const [isStarted, setIsStarted] = useState(false); - const [isError, setIsError] = useState(false); +const PersonalVideo = React.memo( + ({ url, gender, classNameContainer = "" }) => { + const [isPlaying, setIsPlaying] = useState(false); + const [isStarted, setIsStarted] = useState(false); + const [isError, setIsError] = useState(false); - const onError = (error: unknown) => { - if (!error) return; - setIsError(true); - setIsPlaying(false); - }; + const onError = (error: unknown) => { + if (!error) return; + setIsError(true); + setIsPlaying(false); + }; - const onStart = () => { - setIsStarted(true); - metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_START); - }; + const onStart = () => { + setIsStarted(true); + metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_START); + }; - const onEnded = () => { - metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_END); - }; + const onEnded = () => { + metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_END); + }; - const handlePlayPause = () => { - setIsPlaying((prev) => !prev); - if (isPlaying) metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_USER_PLAY); - if (!isPlaying) metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_USER_STOP); - }; + const handlePlayPause = () => { + setIsPlaying((prev) => !prev); + if (isPlaying) metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_USER_PLAY); + if (!isPlaying) metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_USER_STOP); + }; - return ( -
- {!isPlaying && !isError && !isStarted && ( - - )} - {isError && ( - { - setIsError(false); - setIsPlaying(true); + return ( +
+ {!isPlaying && !isError && !isStarted && ( + + )} + {isError && ( + { + setIsError(false); + setIsPlaying(true); + }} + /> + )} + setIsPlaying(true)} + onEnded={onEnded} + onError={onError} + playsinline={true} + height={"auto"} + style={{ + aspectRatio: "16 / 9", }} /> - )} - setIsPlaying(true)} - onEnded={onEnded} - onError={onError} - playsinline={true} - height={"auto"} - style={{ - aspectRatio: "16 / 9", - }} - /> - {!isError && isStarted && ( - - )} -
- ); -}); + {!isError && isStarted && ( + + )} +
+ ); + } +); export default PersonalVideo; diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx index 68ffd74..b986db9 100644 --- a/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx @@ -25,6 +25,7 @@ import { EPlacementKeys, IPaywallProduct } from "@/api/resources/Paywall"; import { usePaywall } from "@/hooks/paywall/usePaywall"; import PaymentModal from "@/components/PaymentModal"; import PersonalVideo from "./components/PersonalVideo"; +import metricService, { EGoals } from "@/services/metric/metricService"; function TrialPaymentPage() { const dispatch = useDispatch(); @@ -105,6 +106,7 @@ function TrialPaymentPage() { }; const openStripeModal = () => { + metricService.reachGoal(EGoals.AURA_PAYMENT_METHODS_OPENED); setIsOpenPaymentModal(true); }; @@ -126,14 +128,22 @@ function TrialPaymentPage() { placementKey={EPlacementKeys["aura.placement.redesign.main"]} /> - +
+ +
- {!!videoUrl.length && } + {!!videoUrl.length && ( + + )} {singleOrWithPartner === "partner" && ( Present

Secret discount applied!

diff --git a/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/index.tsx index 7ec6e5e..a0c51b9 100644 --- a/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/index.tsx @@ -45,7 +45,7 @@ function TrialPaymentWithDiscount() { Party popper diff --git a/src/components/pages/AdditionalDiscount/index.tsx b/src/components/pages/AdditionalDiscount/index.tsx index 9b12961..7889b7f 100644 --- a/src/components/pages/AdditionalDiscount/index.tsx +++ b/src/components/pages/AdditionalDiscount/index.tsx @@ -18,13 +18,13 @@ function AdditionalDiscount() { Friends
- Fire + Fire

65% off on your personalized plan

- Present + Present

7-day trial

diff --git a/src/components/pages/AdditionalPurchases/components/ThankYouBanner/index.tsx b/src/components/pages/AdditionalPurchases/components/ThankYouBanner/index.tsx index 1cf49fe..4faacb3 100644 --- a/src/components/pages/AdditionalPurchases/components/ThankYouBanner/index.tsx +++ b/src/components/pages/AdditionalPurchases/components/ThankYouBanner/index.tsx @@ -6,7 +6,7 @@ function ThankYouBanner() {

Love
diff --git a/src/components/pages/EmailLetters/MarketingTrialPayment/components/ReservedTimer/index.tsx b/src/components/pages/EmailLetters/MarketingTrialPayment/components/ReservedTimer/index.tsx index bcac6a6..61af185 100644 --- a/src/components/pages/EmailLetters/MarketingTrialPayment/components/ReservedTimer/index.tsx +++ b/src/components/pages/EmailLetters/MarketingTrialPayment/components/ReservedTimer/index.tsx @@ -38,7 +38,7 @@ function ReservedTimer() {
Timer background
diff --git a/src/components/pages/MagicBall/index.tsx b/src/components/pages/MagicBall/index.tsx index 4d986e0..946c563 100644 --- a/src/components/pages/MagicBall/index.tsx +++ b/src/components/pages/MagicBall/index.tsx @@ -79,7 +79,7 @@ function MagicBallPage(): JSX.Element {
Cross diff --git a/src/components/pages/SinglePaymentPage/ResultPayment/FailPaymentPage/index.tsx b/src/components/pages/SinglePaymentPage/ResultPayment/FailPaymentPage/index.tsx index 4f03b6e..288e847 100644 --- a/src/components/pages/SinglePaymentPage/ResultPayment/FailPaymentPage/index.tsx +++ b/src/components/pages/SinglePaymentPage/ResultPayment/FailPaymentPage/index.tsx @@ -18,7 +18,7 @@ function FailPaymentPage(): JSX.Element { return (
Exclamation Icon diff --git a/src/components/pages/SinglePaymentPage/ResultPayment/SuccessPaymentPage/index.tsx b/src/components/pages/SinglePaymentPage/ResultPayment/SuccessPaymentPage/index.tsx index 72f9f28..55dbbac 100644 --- a/src/components/pages/SinglePaymentPage/ResultPayment/SuccessPaymentPage/index.tsx +++ b/src/components/pages/SinglePaymentPage/ResultPayment/SuccessPaymentPage/index.tsx @@ -22,7 +22,7 @@ function SuccessPaymentPage(): JSX.Element { return (
Success Icon diff --git a/src/components/pages/TrialChoice/index.tsx b/src/components/pages/TrialChoice/index.tsx index 257cf30..670d2a7 100755 --- a/src/components/pages/TrialChoice/index.tsx +++ b/src/components/pages/TrialChoice/index.tsx @@ -10,6 +10,7 @@ import MainButton from "@/components/MainButton"; import { usePaywall } from "@/hooks/paywall/usePaywall"; import { EPlacementKeys } from "@/api/resources/Paywall"; import { getRandomArbitrary } from "@/services/random-value"; +import metricService, { EGoals } from "@/services/metric/metricService"; function TrialChoicePage() { const dispatch = useDispatch(); @@ -33,6 +34,7 @@ function TrialChoicePage() { }); const handlePriceItem = () => { + metricService.reachGoal(EGoals.AURA_SELECT_TRIAL); setIsDisabled(false); }; diff --git a/src/components/pages/TrialPayment/components/PaymentTable/index.tsx b/src/components/pages/TrialPayment/components/PaymentTable/index.tsx index b193a65..371f55f 100755 --- a/src/components/pages/TrialPayment/components/PaymentTable/index.tsx +++ b/src/components/pages/TrialPayment/components/PaymentTable/index.tsx @@ -29,7 +29,7 @@ function PaymentTable({ product, buttonClick }: IPaymentTableProps) {
Cross setIsOpenPrivacyModal(false)} /> diff --git a/src/components/pages/TrialPayment/index.tsx b/src/components/pages/TrialPayment/index.tsx index 8882b47..48bf730 100755 --- a/src/components/pages/TrialPayment/index.tsx +++ b/src/components/pages/TrialPayment/index.tsx @@ -21,6 +21,7 @@ import { trialPaymentPointsList } from "@/data/pointsLists"; import { trialPaymentReviews } from "@/data/reviews"; import { usePaywall } from "@/hooks/paywall/usePaywall"; import { EPlacementKeys, IPaywallProduct } from "@/api/resources/Paywall"; +import metricService, { EGoals } from "@/services/metric/metricService"; function TrialPaymentPage() { const dispatch = useDispatch(); @@ -102,6 +103,7 @@ function TrialPaymentPage() { }; const openStripeModal = () => { + metricService.reachGoal(EGoals.AURA_PAYMENT_METHODS_OPENED); setIsOpenPaymentModal(true); }; diff --git a/src/components/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx b/src/components/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx index 3157556..1499982 100644 --- a/src/components/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx +++ b/src/components/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx @@ -24,7 +24,7 @@ function PaymentDiscountTable() {
Present

Secret discount applied!

diff --git a/src/components/pages/TrialPaymentWithDiscount/index.tsx b/src/components/pages/TrialPaymentWithDiscount/index.tsx index 93b7e21..be258e4 100644 --- a/src/components/pages/TrialPaymentWithDiscount/index.tsx +++ b/src/components/pages/TrialPaymentWithDiscount/index.tsx @@ -46,7 +46,7 @@ function TrialPaymentWithDiscount() { Party popper diff --git a/src/components/palmistry/payment-screen/payment-screen.css b/src/components/palmistry/payment-screen/payment-screen.css index a88396e..6765f55 100644 --- a/src/components/palmistry/payment-screen/payment-screen.css +++ b/src/components/palmistry/payment-screen/payment-screen.css @@ -1,228 +1,247 @@ .payment-screen { - margin: 0 auto; - position: relative; - max-width: 428px; - height: 100%; - display: flex; - flex-direction: column; + margin: 0 auto; + position: relative; + max-width: 428px; + height: 100%; + display: flex; + flex-direction: column; } .payment-screen__header { - display: flex; - width: 100%; - padding: 24px 0 11px; - justify-content: center; + display: flex; + width: 100%; + padding: 24px 0 11px; + justify-content: center; } .payment-screen__content { - display: flex; - flex-direction: column; - align-items: center; - width: 100%; - height: 100%; + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + height: 100%; } .payment-screen__content * { - font-family: OpenSans Regular; + font-family: OpenSans Regular; } .payment-screen__about-us { - display: flex; - text-align: center; - align-items: center; - flex-direction: column; - margin-bottom: 16px; + display: flex; + text-align: center; + align-items: center; + flex-direction: column; + margin-bottom: 16px; } .payment-screen__about-us > span { - padding: 0 60px; - margin-bottom: 6px; + padding: 0 60px; + margin-bottom: 6px; } .payment-screen__about-us span { - font-size: 14px; - line-height: 18px; - font-family: Alata Regular !important; + font-size: 14px; + line-height: 18px; + font-family: Alata Regular !important; } .payment-screen__about-us-accent { - color: #066fde; + color: #066fde; } .payment-screen__timer { - width: 100%; - display: flex; - padding: 8px 12px; - border-radius: 4px; - background: #eff2fd; - margin-bottom: 16px; - align-items: center; - justify-content: space-between; - position: sticky; - top: 0; + width: 100%; + display: flex; + padding: 8px 12px; + border-radius: 4px; + background: #eff2fd; + margin-bottom: 16px; + align-items: center; + justify-content: space-between; + position: sticky; + top: 0; } .payment-screen__timer-title { - font-size: 14px; - line-height: 20px; + font-size: 14px; + line-height: 20px; } .payment-screen__timer-time { - gap: 1px; - display: flex; - font-size: 16px; - line-height: 22px; - align-items: center; + gap: 1px; + display: flex; + font-size: 16px; + line-height: 22px; + align-items: center; } .payment-screen__timer-time span { - width: 18px; - height: 28px; - display: flex; - background: #fff; - font-weight: 700; - border-radius: 4px; - align-items: center; - justify-content: center; - border: 1px solid #dee5f9; + width: 18px; + height: 28px; + display: flex; + background: #fff; + font-weight: 700; + border-radius: 4px; + align-items: center; + justify-content: center; + border: 1px solid #dee5f9; } .payment-screen__title { - width: 100%; - margin-bottom: 16px; - font-size: 24px; - line-height: 32px; - text-align: left; - color: #121620; - font-weight: 400; - font-family: Alata Regular !important; + width: 100%; + margin-bottom: 16px; + font-size: 24px; + line-height: 32px; + text-align: left; + color: #121620; + font-weight: 400; + font-family: Alata Regular !important; } .payment-screen__total-today { - width: 100%; - display: flex; - padding: 12px 0; - margin-bottom: 6px; - align-items: center; - border-top: 1px solid #dee5f9; - border-bottom: 1px solid #dee5f9; - justify-content: space-between; + width: 100%; + display: flex; + padding: 12px 0; + margin-bottom: 6px; + align-items: center; + border-top: 1px solid #dee5f9; + border-bottom: 1px solid #dee5f9; + justify-content: space-between; } .payment-screen__total-today span { - font-size: 16px; - line-height: 18px; - font-weight: 600; + font-size: 16px; + line-height: 18px; + font-weight: 600; } .payment-screen__total-today .payment-screen__trial-price { - color: #066fde; - font-weight: 700; + color: #066fde; + font-weight: 700; } .payment-screen__promocode { - gap: 8px; - width: 100%; - display: flex; - align-items: center; - padding: 12px 0 16px; + gap: 8px; + width: 100%; + display: flex; + align-items: center; + padding: 12px 0 16px; } .payment-screen__promocode span { - color: #04a777; - font-size: 12px; - font-weight: 600; - line-height: 18px; + color: #04a777; + font-size: 12px; + font-weight: 600; + line-height: 18px; } .payment-screen__prices { - width: 100%; - display: flex; - margin-bottom: 6px; - flex-direction: column; + width: 100%; + display: flex; + margin-bottom: 6px; + flex-direction: column; } .payment-screen__prices span { - color: #4b536a; - font-size: 12px; - line-height: 20px; + color: #4b536a; + font-size: 12px; + line-height: 20px; } .payment-screen__prices s { - color: #858da5; + color: #858da5; } .payment-screen__guarantees { - width: 100%; - display: flex; - justify-content: space-between; - gap: 30px; - margin-bottom: 30px; + width: 100%; + display: flex; + justify-content: space-between; + gap: 30px; + margin-bottom: 30px; } .payment-screen__guarantee { - width: 100%; - display: flex; - justify-content: space-between; - gap: 8px; - max-width: 155px; - align-items: center; + width: 100%; + display: flex; + justify-content: space-between; + gap: 8px; + max-width: 155px; + align-items: center; } .payment-screen__guarantee svg { - min-width: 24px; - min-height: 24px; - max-width: 24px; - max-height: 24px; + min-width: 24px; + min-height: 24px; + max-width: 24px; + max-height: 24px; } .payment-screen__guarantee span { - color: #4b536a; - font-weight: 600; - font-size: 12px; - line-height: 18px; + color: #4b536a; + font-weight: 600; + font-size: 12px; + line-height: 18px; } .payment-screen__widget { - background: #fff; - bottom: 0; - box-shadow: 0 -2px 16px rgba(18, 22, 32, .1); - max-width: 428px; - width: 100%; - padding: 40px; - position: relative; + position: fixed; + background: #fff; + bottom: 0; + box-shadow: 0 -2px 16px rgba(18, 22, 32, .1); + width: 100%; + padding: 12px 20px; + text-align: center; + text-align: -webkit-center; + transition: .5s height; + max-width: 560px; + margin-left: -66px; } .payment-screen__widget_success { - height: 400px; + height: 400px; } .payment-screen__success { - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - background: #fff; - z-index: 99; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 30px; - padding: 40px; + width: 100%; + height: 100%; + background: #fff; + z-index: 99; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 30px; + padding: 40px; } .payment-screen__success-icon { - width: 100px; - height: 100px; - max-width: 50%; - flex-shrink: 0; + width: 100px; + height: 100px; + max-width: 50%; + flex-shrink: 0; } .payment-screen__success-text { - font-size: 24px; - line-height: 32px; - text-align: center; - color: #121620; + font-size: 24px; + line-height: 32px; + text-align: center; + color: #121620; } + +.payment-screen__widget_modal_container { + height: 100%; +} + + +@media screen and (max-width: 560px) { + .payment-screen__widget { + width: 100%; + padding: 12px 20px; + text-align: center; + text-align: -webkit-center; + transition: height 1s linear; + max-width: 560px; + margin-left: 0; + left: 0; + } +} \ No newline at end of file diff --git a/src/components/palmistry/payment-screen/payment-screen.tsx b/src/components/palmistry/payment-screen/payment-screen.tsx index 10ad872..853eeb7 100644 --- a/src/components/palmistry/payment-screen/payment-screen.tsx +++ b/src/components/palmistry/payment-screen/payment-screen.tsx @@ -1,20 +1,17 @@ -import React from "react"; +import React, { useState } from 'react'; -import { useSelector } from "react-redux"; +import { useSelector } from 'react-redux'; -import "./payment-screen.css"; +import './payment-screen.css'; -import useSteps, { Step } from "@/hooks/palmistry/use-steps"; -import useTimer from "@/hooks/palmistry/use-timer"; -import HeaderLogo from "@/components/palmistry/header-logo/header-logo"; -import PaymentModal from "@/components/PaymentModal"; -import { selectors } from "@/store"; -import { EPlacementKeys } from "@/api/resources/Paywall"; -import { useSearchParams } from "react-router-dom"; - -const getFormattedPrice = (price: number) => { - return (price / 100).toFixed(2); -}; +import useSteps, { Step } from '@/hooks/palmistry/use-steps'; +import useTimer from '@/hooks/palmistry/use-timer'; +import HeaderLogo from '@/components/palmistry/header-logo/header-logo'; +import { selectors } from '@/store'; +import { EPlacementKeys } from '@/api/resources/Paywall'; +import { useSearchParams } from 'react-router-dom'; +import PaymentModalNew from '@/components/PaymentModalNew'; +import { getFormattedPrice } from '@/utils/price.utils'; export default function PaymentScreen() { const time = useTimer(); @@ -24,7 +21,7 @@ export default function PaymentScreen() { searchParams.get("redirect_status") === "succeeded" ? "subscribed" : "lead"; - // const subscriptionStatus = useSelector(selectors.selectStatus); + const [height, setHeight] = useState(subscriptionStatus === "subscribed" ? 246 : 146); const steps = useSteps(); @@ -52,7 +49,7 @@ export default function PaymentScreen() { return ( <div className="payment-screen"> <div className="payment-screen__header"> - <HeaderLogo /> + <HeaderLogo/> </div> <div className="payment-screen__content"> @@ -246,40 +243,45 @@ export default function PaymentScreen() { <style>{`.palmistry-payment-modal { max-height: calc(100dvh - 40px) }`}</style> {activeProductFromStore && ( - <div - className={`payment-screen__widget${ - subscriptionStatus === "subscribed" - ? " payment-screen__widget_success" - : "" - }`} - > - {subscriptionStatus !== "subscribed" && ( - <PaymentModal - returnUrl={window.location.href} - placementKey={EPlacementKeys["aura.placement.palmistry.main"]} - /> - )} + <div className="payment-screen__widget_modal_container" + style={{minHeight: `${height}px`}}> + <div + className={`payment-screen__widget${ + subscriptionStatus === "subscribed" + ? " payment-screen__widget_success" + : "" + }`} + > + {subscriptionStatus !== "subscribed" && ( + <PaymentModalNew + setHeight={setHeight} + activeProduct={activeProductFromStore} + returnUrl={window.location.href} + placementKey={EPlacementKeys["aura.placement.palmistry.main"]} + /> + )} - {subscriptionStatus === "subscribed" && ( - <div className="payment-screen__success"> - <svg - className="payment-screen__success-icon" - xmlns="http://www.w3.org/2000/svg" - width="512" - height="512" - viewBox="0 0 52 52" - > - <path - fill="#4ec794" - d="M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm14.495 17.329-16 18a1.997 1.997 0 0 1-2.745.233l-10-8a2 2 0 0 1 2.499-3.124l8.517 6.813L37.505 14.67a2.001 2.001 0 0 1 2.99 2.659z" - /> - </svg> + {subscriptionStatus === "subscribed" && ( + <div className="payment-screen__success"> + <svg + className="payment-screen__success-icon" + xmlns="http://www.w3.org/2000/svg" + width="512" + height="512" + viewBox="0 0 52 52" + > + <path + fill="#4ec794" + d="M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm14.495 17.329-16 18a1.997 1.997 0 0 1-2.745.233l-10-8a2 2 0 0 1 2.499-3.124l8.517 6.813L37.505 14.67a2.001 2.001 0 0 1 2.99 2.659z" + /> + </svg> - <div className="payment-screen__success-text"> - Payment success + <div className="payment-screen__success-text"> + Payment success + </div> </div> - </div> - )} + )} + </div> </div> )} </div> diff --git a/src/components/palmistry/step-email/step-email.tsx b/src/components/palmistry/step-email/step-email.tsx index 5981597..96d1273 100644 --- a/src/components/palmistry/step-email/step-email.tsx +++ b/src/components/palmistry/step-email/step-email.tsx @@ -113,7 +113,7 @@ export default function StepEmail() { {!error?.length && !isLoading && isAuth && ( <img style={{ height: "30px", width: "auto" }} - src="/SuccessIcon.png" + src="/SuccessIcon.webp" alt="Success Icon" /> )} diff --git a/src/data.tsx b/src/data.tsx index b99ff4e..499afce 100755 --- a/src/data.tsx +++ b/src/data.tsx @@ -162,52 +162,52 @@ const currentlyAffectingAnswers: IAnswer[] = [ { id: "infidelity", answer: "Infidelity", - icon: "/broken_heart.png", + icon: "/broken_heart.webp", }, { id: "depression", answer: "Depression", - icon: "/cloud.png", + icon: "/cloud.webp", }, { id: "low_sexual", answer: "Low sexual desire", - icon: "/down_arrow.png", + icon: "/down_arrow.webp", }, { id: "poor_body", answer: "Poor body image", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "postpartum", answer: "Postpartum depression", - icon: "/woman_feeding_baby.png", + icon: "/woman_feeding_baby.webp", }, { id: "anxiety", answer: "Anxiety", - icon: "/anxious_face_with_sweat.png", + icon: "/anxious_face_with_sweat.webp", }, { id: "parenting_issues", answer: "Parenting issues", - icon: "/family.png", + icon: "/family.webp", }, { id: "blended_family", answer: "Blended family issues", - icon: "/jigsaw.png", + icon: "/jigsaw.webp", }, { id: "divorce", answer: "Divorce is on the table", - icon: "/hourglass.png", + icon: "/hourglass.webp", }, { id: "none_of_these", answer: "None of these", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ]; @@ -225,27 +225,27 @@ export const stepsQuestionary: IStep[] = [ { id: "single", answer: "Single", - icon: "/heart.png", + icon: "/heart.webp", }, { id: "relationship", answer: "In a relationship", - icon: "/two-hearts.png", + icon: "/two-hearts.webp", }, { id: "married", answer: "Married", - icon: "/ring.png", + icon: "/ring.webp", }, { id: "complicated", answer: "Complicated", - icon: "/broken_heart.png", + icon: "/broken_heart.webp", }, { id: "other", answer: "Unsure / Other", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", }, ], }, @@ -257,55 +257,55 @@ export const stepsQuestionary: IStep[] = [ { id: "perfect_partner", answer: "Find my perfect partner", - icon: "/kiss.png", + icon: "/kiss.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "get_married", answer: "To get married", - icon: "/ring.png", + icon: "/ring.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "understand_myself", answer: "Understand myself better", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "achieve_happiness", answer: "Achieve happiness", - icon: "/star_struck.png", + icon: "/star_struck.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "personal_growth", answer: "Personal growth", - icon: "/sparkles.png", + icon: "/sparkles.webp", conditionalValues: ["single", "complicated", "other"], }, { id: "increase_realtionship", answer: "Increase relationship satisfaction", - icon: "/two-hearts.png", + icon: "/two-hearts.webp", conditionalValues: ["relationship", "married"], }, { id: "fix_realtionship", answer: "Fix relationship problems", - icon: "/broken_heart.png", + icon: "/broken_heart.webp", conditionalValues: ["relationship", "married"], }, { id: "build_strong", answer: "Build a strong marriage", - icon: "/kiss.png", + icon: "/kiss.webp", conditionalValues: ["relationship", "married"], }, { id: "check_compatibility", answer: "Check compatibility", - icon: "/woman-heart-man.png", + icon: "/woman-heart-man.webp", conditionalValues: [ "single", "relationship", @@ -317,7 +317,7 @@ export const stepsQuestionary: IStep[] = [ { id: "all_above", answer: "All above", - icon: "/hands_heart.png", + icon: "/hands_heart.webp", conditionalValues: [ "single", "relationship", @@ -335,12 +335,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ], }, @@ -354,17 +354,17 @@ export const stepsQuestionary: IStep[] = [ { id: "expert", answer: "An expert", - icon: "/man_student.png", + icon: "/man_student.webp", }, { id: "curious", answer: "Curious", - icon: "/face_with_monocle.png", + icon: "/face_with_monocle.webp", }, { id: "beginner", answer: "A beginner", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -382,12 +382,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", navigateToUrl: routes.client.noTime(), }, ], @@ -430,12 +430,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ], }, @@ -446,27 +446,27 @@ export const stepsQuestionary: IStep[] = [ { id: "very_frequently", answer: "Very frequently", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "frequently", answer: "Frequently", - icon: "/thumbs_more_up.png", + icon: "/thumbs_more_up.webp", }, { id: "occasionally", answer: "Occasionally", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "never", answer: "Never", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -477,22 +477,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thumbs_more_up.png", + icon: "/thumbs_more_up.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -504,12 +504,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", }, ], }, @@ -520,37 +520,37 @@ export const stepsQuestionary: IStep[] = [ { id: "success", answer: "Success", - icon: "/bar_chart.png", + icon: "/bar_chart.webp", }, { id: "romance", answer: "Romance", - icon: "/two-hearts.png", + icon: "/two-hearts.webp", }, { id: "stability", answer: "Stability", - icon: "/scales.png", + icon: "/scales.webp", }, { id: "freedom", answer: "Freedom", - icon: "/airplane.png", + icon: "/airplane.webp", }, { id: "happiness", answer: "Happiness", - icon: "/star_struck.png", + icon: "/star_struck.webp", }, { id: "health", answer: "Health", - icon: "/flexed_biceps.png", + icon: "/flexed_biceps.webp", }, { id: "all", answer: "All above", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, ], }, @@ -561,25 +561,25 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", navigateToUrl: routes.client.notAlone(), }, { id: "sometimes", answer: "Sometimes", - icon: "/thumbs_more_up.png", + icon: "/thumbs_more_up.webp", navigateToUrl: routes.client.notAlone(), }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", navigateToUrl: routes.client.allRight(), }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", navigateToUrl: routes.client.allRight(), }, ], @@ -591,32 +591,32 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes! I do something I love", - icon: "/smiling_face_with_heart_eyes.png", + icon: "/smiling_face_with_heart_eyes.webp", }, { id: "not_working", answer: "I’m not working", - icon: "/smiling_face_with_heart_eyes.png", + icon: "/smiling_face_with_heart_eyes.webp", }, { id: "hate", answer: "I hate my job", - icon: "/pleading_face.png", + icon: "/pleading_face.webp", }, { id: "okay", answer: "It’s okay, it pays the bills", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, { id: "underpaid", answer: "I’m underpaid", - icon: "/face_with_raised_eyebrow.png", + icon: "/face_with_raised_eyebrow.webp", }, { id: "stopped_growing", answer: "I have stopped growing professionally", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, ], }, @@ -627,17 +627,17 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, { id: "no", answer: "No", - icon: "/confused.png", + icon: "/confused.webp", }, { id: "not_shure", answer: "Not shure", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, ], }, @@ -649,22 +649,22 @@ export const stepsQuestionary: IStep[] = [ { id: "not_all", answer: "Not at all", - icon: "/smiling_face_with_smiling_eyes.png", + icon: "/smiling_face_with_smiling_eyes.webp", }, { id: "yes", answer: "Yes", - icon: "/confused.png", + icon: "/confused.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -682,12 +682,12 @@ export const stepsQuestionary: IStep[] = [ { id: "male", answer: "Male", - icon: "/man.png", + icon: "/man.webp", }, { id: "female", answer: "Female", - icon: "/woman.png", + icon: "/woman.webp", }, ], }, @@ -706,12 +706,12 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", navigateToUrl: `${routes.client.noTime()}?affiliation=partner`, }, ], @@ -747,27 +747,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -786,27 +786,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -818,13 +818,13 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", navigateToUrl: routes.client.satisfiedResult(), }, { id: "no", answer: "No", - icon: "/cross_mark.png", + icon: "/cross_mark.webp", navigateToUrl: routes.client.satisfiedResult(), }, ], @@ -838,27 +838,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -870,17 +870,17 @@ export const stepsQuestionary: IStep[] = [ { id: "detailed", answer: "Detail-oriented", - icon: "/microscope.png", + icon: "/microscope.webp", }, { id: "big_picture", answer: "Big-picture", - icon: "/mountain.png", + icon: "/mountain.webp", }, { id: "both", answer: "A bit of both", - icon: "/paperclip.png", + icon: "/paperclip.webp", }, ], }, @@ -891,17 +891,17 @@ export const stepsQuestionary: IStep[] = [ { id: "introvert", answer: "Introvert", - icon: "/blue_book.png", + icon: "/blue_book.webp", }, { id: "extravert", answer: "Extravert", - icon: "/party_popper.png", + icon: "/party_popper.webp", }, { id: "both", answer: "A bit of both", - icon: "/scales.png", + icon: "/scales.webp", }, ], }, @@ -913,22 +913,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/face_with_raised_eyebrow.png", + icon: "/face_with_raised_eyebrow.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "not_all", answer: "Not at all", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -940,22 +940,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes, I prefer to be honest and direct", - icon: "/loudspeaker.png", + icon: "/loudspeaker.webp", }, { id: "depends", answer: "Depends on the situation and the person", - icon: "/scales.png", + icon: "/scales.webp", }, { id: "no", answer: "No, I don’t want to get hurt or hurt another person", - icon: "/shield.png", + icon: "/shield.webp", }, { id: "no2", answer: "No, it makes me nervous", - icon: "/fearful_face.png", + icon: "/fearful_face.webp", }, ], }, @@ -966,25 +966,25 @@ export const stepsQuestionary: IStep[] = [ { id: "optimistic", answer: "Optimistic! They are totally doable, with some guidance.", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", navigateToUrl: routes.client.partnerRightPlace(), }, { id: "cautious", answer: "Cautious. I’ve struggled before, but I’m hopeful.", - icon: "/unamused.png", + icon: "/unamused.webp", navigateToUrl: routes.client.partnerThing(), }, { id: "feeling", answer: "I’m feeling a little anxious, honestly.", - icon: "/anxious_face_with_sweat.png", + icon: "/anxious_face_with_sweat.webp", navigateToUrl: routes.client.partnerTotallyNormal(), }, { id: "not_shure", answer: "Not sure / Don’t know", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", navigateToUrl: routes.client.partnerTotallyNormal(), }, ], @@ -997,27 +997,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -1028,19 +1028,19 @@ export const stepsQuestionary: IStep[] = [ { id: "heart", answer: "Heart", - icon: "/red-heart.png", + icon: "/red-heart.webp", navigateToUrl: routes.client.withHeart(), }, { id: "head", answer: "Head", - icon: "/brain.png", + icon: "/brain.webp", navigateToUrl: routes.client.withHead(), }, { id: "both", answer: "Both", - icon: "/paperclip.png", + icon: "/paperclip.webp", navigateToUrl: routes.client.both(), }, ], @@ -1061,27 +1061,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -1093,27 +1093,27 @@ export const stepsQuestionary: IStep[] = [ { id: "strongly_agree", answer: "Strongly agree", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "agree", answer: "Agree", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "neutral", answer: "Neutral", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "disagree", answer: "Disagree", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "strongly_disagree", answer: "Strongly disagree", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -1124,22 +1124,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thumbs_middle.png", + icon: "/thumbs_middle.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thumbs_more_down.png", + icon: "/thumbs_more_down.webp", }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -1151,22 +1151,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/face_with_raised_eyebrow.png", + icon: "/face_with_raised_eyebrow.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "not_all", answer: "Not at all", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ], }, @@ -1177,17 +1177,17 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/thumbs_up.png", + icon: "/thumbs_up.webp", }, { id: "no", answer: "No", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, { id: "not_sure", answer: "Not sure", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, ], }, @@ -1199,22 +1199,22 @@ export const stepsQuestionary: IStep[] = [ { id: "yes", answer: "Yes", - icon: "/raising_hands.png", + icon: "/raising_hands.webp", }, { id: "sometimes", answer: "Sometimes", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, { id: "rarely", answer: "Rarely", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", }, { id: "not_all", answer: "Not at all", - icon: "/thumbs_down.png", + icon: "/thumbs_down.webp", }, ], }, @@ -1225,27 +1225,27 @@ export const stepsQuestionary: IStep[] = [ { id: "dinner", answer: "Dinner at a fancy restaurant", - icon: "/fork_and_knife_with_plate.png", + icon: "/fork_and_knife_with_plate.webp", }, { id: "nature", answer: "A hike in nature", - icon: "/mountain.png", + icon: "/mountain.webp", }, { id: "talking", answer: "Talking under the stars", - icon: "/cityscape_at_dusk.png", + icon: "/cityscape_at_dusk.webp", }, { id: "walk", answer: "A walk in the park", - icon: "/national_park.png", + icon: "/national_park.webp", }, { id: "skydiving", answer: "Skydiving", - icon: "/parachute.png", + icon: "/parachute.webp", }, ], }, @@ -1257,17 +1257,17 @@ export const stepsQuestionary: IStep[] = [ { id: "detail", answer: "Detail-oriented", - icon: "/microscope.png", + icon: "/microscope.webp", }, { id: "big_picture", answer: "Big picture", - icon: "/mountain.png", + icon: "/mountain.webp", }, { id: "both", answer: "A bit of both", - icon: "/paperclip.png", + icon: "/paperclip.webp", }, ], }, @@ -1278,17 +1278,17 @@ export const stepsQuestionary: IStep[] = [ { id: "introvert", answer: "Introvert", - icon: "/blue_book.png", + icon: "/blue_book.webp", }, { id: "extrovert", answer: "Extrovert", - icon: "/party_popper.png", + icon: "/party_popper.webp", }, { id: "both", answer: "A bit of both", - icon: "/scales.png", + icon: "/scales.webp", }, ], }, @@ -1299,25 +1299,25 @@ export const stepsQuestionary: IStep[] = [ { id: "optimistic", answer: "Optimistic! They are totally doable, with some guidance.", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", navigateToUrl: routes.client.partnerRightPlace(), }, { id: "cautious", answer: "Cautious. I’ve struggled before, but I’m hopeful.", - icon: "/unamused.png", + icon: "/unamused.webp", navigateToUrl: routes.client.partnerThing(), }, { id: "anxious", answer: "I’m feeling a little anxious, honestly.", - icon: "/anxious_face_with_sweat.png", + icon: "/anxious_face_with_sweat.webp", navigateToUrl: routes.client.partnerTotallyNormal(), }, { id: "not_sure", answer: "Not sure / Don’t know", - icon: "/thinking_face.png", + icon: "/thinking_face.webp", navigateToUrl: routes.client.partnerTotallyNormal(), }, ], @@ -1581,18 +1581,18 @@ export const relationshipAnswers: IAnswer[] = [ { id: "very_unhappy", answer: "I’m very unhappy with how things are going in my relationship", - icon: "/slightly_frowning_face.png", + icon: "/slightly_frowning_face.webp", }, { id: "unhappy", answer: "I’m unhappy with parts of my relationship, but some things are working well", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "happy", answer: "I’m generally happy in my relationship", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, ]; @@ -1600,22 +1600,22 @@ export const singleAnswers: IAnswer[] = [ { id: "very_unhappy", answer: "I was unhappy with low things were going in my relationship", - icon: "/slightly_frowning_face.png", + icon: "/slightly_frowning_face.webp", }, { id: "unhappy", answer: "I was unhappy with parts of my relationship, but some thing were working", - icon: "/neutral_face.png", + icon: "/neutral_face.webp", }, { id: "happy", answer: "I was generally happy with my relationship", - icon: "/slightly_smiling_face.png", + icon: "/slightly_smiling_face.webp", }, { id: "never_been", answer: "I’ve never been in a relationship", - icon: "/wink.png", + icon: "/wink.webp", }, ]; diff --git a/src/data/additionalPurchases.ts b/src/data/additionalPurchases.ts index 730b6c1..7b2be9b 100644 --- a/src/data/additionalPurchases.ts +++ b/src/data/additionalPurchases.ts @@ -53,7 +53,7 @@ export const signUpOffers: ISignUpOffer[] = [ discount: 50, }, productKey: "main.ultra.pack", - emoji: "star_struck.png", + emoji: "star_struck.webp", }, { id: "numerology-analyses", @@ -64,7 +64,7 @@ export const signUpOffers: ISignUpOffer[] = [ discount: 50, }, productKey: "main.numerology.analysis", - emoji: "input_numbers.png", + emoji: "input_numbers.webp", }, { id: "tarot-reading", @@ -75,7 +75,7 @@ export const signUpOffers: ISignUpOffer[] = [ discount: 45, }, productKey: "main.tarot.reading", - emoji: "sunset.png", + emoji: "sunset.webp", }, { id: "palmistry-guide", @@ -86,7 +86,7 @@ export const signUpOffers: ISignUpOffer[] = [ discount: 30, }, productKey: "main.palmistry.guide", - emoji: "rised_hand.png", + emoji: "rised_hand.webp", }, ]; @@ -100,23 +100,23 @@ export const unlimitedReadings: IUnlimitedReadings[] = [ { id: 0, title: "check compatibility as many times as you need", - icon: "/woman-heart-man.png", + icon: "/woman-heart-man.webp", }, { id: 1, title: "hundreds of insights to help you to achieve your relationship goals", - icon: "/sparkles.png", + icon: "/sparkles.webp", }, { id: 2, title: "personalized daily horoscopes and astrological guides with no ads", - icon: "/crystal_ball.png", + icon: "/crystal_ball.webp", }, { id: 3, title: "auto-renewable 1-month plan, cancel anytime", - icon: "/check_mark_button.png", + icon: "/check_mark_button.webp", }, ]; @@ -130,16 +130,16 @@ export const firstSliderList: IFirstSliderItem[] = [ { id: 0, title: "personal affirmations for everyday", - icon: "/crystal_ball.png", + icon: "/crystal_ball.webp", }, { id: 1, title: "more insight in less time", - icon: "/sparkles.png", + icon: "/sparkles.webp", }, { id: 2, title: "learn visually", - icon: "/technologist.png", + icon: "/technologist.webp", }, ]; diff --git a/src/services/metric/metricService.ts b/src/services/metric/metricService.ts index ad28a2f..7de7065 100644 --- a/src/services/metric/metricService.ts +++ b/src/services/metric/metricService.ts @@ -8,7 +8,9 @@ export enum EGoals { ROSE_VIDEO_PLAY_START = "RoseVideoPlayStart", ROSE_VIDEO_PLAY_END = "RoseVideoPlayEnd", ROSE_VIDEO_PLAY_USER_STOP = "RoseVideoPlayUserStop", - ROSE_VIDEO_PLAY_USER_PLAY = "RoseVideoPlayUserPlay" + ROSE_VIDEO_PLAY_USER_PLAY = "RoseVideoPlayUserPlay", + AURA_PAYMENT_METHODS_OPENED = "AuraPaymentMethodsOpened", + AURA_SELECT_TRIAL = "AuraSelectTrial" } interface IUserParams { @@ -36,11 +38,27 @@ const userParams = (parameters: Partial<IUserParams>) => { const reachGoal = (goal: EGoals) => { if (typeof window.ym !== "function") return console.error("Yandex.Metric not found"); - window.ym(metricCounterNumber, "reachGoal", goal) + console.log("goal: ", goal); + // eslint-disable-next-line react-hooks/exhaustive-deps } +type THitOptions = { + callback: () => void; + ctx: object; + params: { + order_price: number; + currency: string; + }, + referer: string; + title: string; +} + +const hit = (url?: string, options?: THitOptions) => { + window.ym(metricCounterNumber, "hit", url, options); +} + const initMetric = () => { if (typeof window.ym !== "function") return console.error("Yandex.Metric not found"); @@ -55,4 +73,4 @@ const initMetric = () => { // eslint-disable-next-line react-hooks/exhaustive-deps } -export default { setUserID, userParams, reachGoal, initMetric } \ No newline at end of file +export default { setUserID, userParams, reachGoal, hit, initMetric } \ No newline at end of file diff --git a/src/utils/price.utils.tsx b/src/utils/price.utils.tsx new file mode 100644 index 0000000..9bde61d --- /dev/null +++ b/src/utils/price.utils.tsx @@ -0,0 +1,3 @@ +export const getFormattedPrice = (price: number) => { + return (price / 100).toFixed(2); +}; \ No newline at end of file