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({
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() {
-
+
65% off on your personalized plan
-
+
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() {
{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/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) {
setIsOpenPrivacyModal(false)}
/>
diff --git a/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx
index 3157556..1499982 100644
--- a/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx
+++ b/src/components/pages/ABDesign/v1/pages/TrialPaymentWithDiscount/PaymentDiscountTable/index.tsx
@@ -24,7 +24,7 @@ function PaymentDiscountTable() {
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() {
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() {
-
+
65% off on your personalized plan
-
+
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() {
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() {
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 {
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 (
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 (
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) {
setIsOpenPrivacyModal(false)}
/>
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() {
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() {
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",
},
];
+ 
+ 
{"Sign in with Apple"}
)}
);
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
+ ? 
: 
+ 
+ 
{t("au.more_llc.button")}