+ {typeof title === "string" ? (
+
+ {title}
+
+ ) : (
+ title
+ )}
+
+
+
+ Personalized reading for ${getPrice(product)}
+
+
+
Total today:
+ ${getPrice(product)}
+
+
+
+
Your cost per 2 weeks after trial
+
+ $65
+ ${product.trialPrice / 100}
+
+
+
+
+
+
+
+ You are enrolling in 2 weeks subscription. By continuing you agree that
+ if you don't cancel prior to the end of the 3-day trial for the $
+ {getPrice(product)} you will automatically be charged $19 every 2 weeks
+ until you cancel in settings. Learn more about cancellation and refund
+ policy in{" "}
+ Subscription policy
+
+ Of course! Based on your’s and your boyfried’s natal charts your
+ are made for each other! The accuracy of an astrology reading
+ can vary and is subjective. Astrology is not an exact science,
+ but many find that it can provide valuable insights and
+ perspectives. Our platform uses advanced algorithms and expert
+ astrologers to provide the most accurate readings possible.
+
+
+ The accuracy of an astrology reading can vary and is subjective.
+ Astrology is not an exact science, but many find that it can
+ provide valuable insights and perspectives. Our platform uses
+ advanced algorithms and expert astrologers to provide the most
+ accurate r
+
;
+};
diff --git a/src/components/pages/Mike/v1/ui/Card/styles.module.css b/src/components/pages/Mike/v1/ui/Card/styles.module.css
new file mode 100644
index 0000000..684bfcc
--- /dev/null
+++ b/src/components/pages/Mike/v1/ui/Card/styles.module.css
@@ -0,0 +1,23 @@
+.card {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-bottom: 22px;
+ padding: 14px 30px 30px 30px;
+ background-color: #fff;
+ border-radius: 16px;
+}
+.card :global(.description) {
+ font-weight: 500;
+ margin-inline: -10px;
+}
+@media (max-width: 420px) {
+ .card {
+ padding: 16px 20px;
+ }
+ .card :global(.description) {
+ line-height: 1.2;
+ font-size: 18px;
+ }
+}
diff --git a/src/data/oftenAsk.ts b/src/data/oftenAsk.ts
index bb2fe2f..3ca12bb 100755
--- a/src/data/oftenAsk.ts
+++ b/src/data/oftenAsk.ts
@@ -18,3 +18,19 @@ export const questions: IQuestion[] = [
text: "Yes, all readings on our platform are strictly confidential. We respect our users' privacy and ensure that all personal data and readings are securely stored and not shared with third parties without consent.",
},
];
+
+export const questionsMike: IQuestion[] = [
+ {
+ title: "How can an astrological consultation help me in my life?",
+ text: "An astrological consultation can provide valuable insights into your personality traits, strengths, and weaknesses, and help you make important decisions and understand current life situations. Book your first consultation and discover new possibilities!",
+ },
+ {
+ title: "How does the astrological platform work and what does it offer?",
+ text: "The astrological platform offers online consultations with professional astrologers, personalized natal charts, predictions, and advice based on your birth time, date, and place.",
+ },
+ {
+ title:
+ "How accurate are the predictions and advice based on my natal chart?",
+ text: "The accuracy of predictions and advice depends on the accuracy of the provided data. With precise data, astrologers can offer very accurate and useful insights and recommendations.",
+ },
+];
diff --git a/src/data/reviews.ts b/src/data/reviews.ts
index 2ce568d..d4e2992 100755
--- a/src/data/reviews.ts
+++ b/src/data/reviews.ts
@@ -50,3 +50,27 @@ export const marketingLandingReviews: IReview[] = [
image: "/user3.webp",
},
];
+
+export const mikeTrialPaymentReviews: IReview[] = [
+ {
+ username: "@andi36_11",
+ date: "06/05/2024",
+ text: '"Talking to Mike felt like chatting with an old friend. He mentioned some personality traits and life events that were spot-on, including a recent difficult breakup. His advice was very comforting and gave me hope."',
+ mark: 5,
+ image: "/mike/user1.webp",
+ },
+ {
+ username: "@aramaska",
+ date: "04/17/2024",
+ text: '"Mike was incredibly insightful and accurate. His guidance helped me decide to take a new job offer, which turned out to be the best career move I\'ve ever made."',
+ mark: 5,
+ image: "/mike/user2.webp",
+ },
+ {
+ username: "@patterso",
+ date: "03/01/2024",
+ text: '"Astrologer Mike provided clarity and direction when I needed it most. He predicted a significant change in my life, which happened when I moved to a new city. His insights helped me prepare and embrace the transition. Highly recommend his services!"',
+ mark: 5,
+ image: "/mike/user3.webp",
+ },
+];
diff --git a/src/hooks/paywall/defaultPaywalls.ts b/src/hooks/paywall/defaultPaywalls.ts
index 3244540..1379fdf 100644
--- a/src/hooks/paywall/defaultPaywalls.ts
+++ b/src/hooks/paywall/defaultPaywalls.ts
@@ -1,6 +1,73 @@
import { EPlacementKeys, IPaywall } from "@/api/resources/Paywall";
export const defaultPaywalls: { [key in EPlacementKeys]: IPaywall } = {
+ "aura.placement.v1.mike": {
+ "_id": "66a910b60ac8af1928d3d822",
+ "key": "aura.paywall.v1.mike.default",
+ "name": "Mike Paywall",
+ "products": [
+ {
+ "_id": "65ff043dfc0fcfc4be550035",
+ "key": "compatibility.pdf.trial.0",
+ "productId": "prod_PnStTEBzrPLgvL",
+ "name": "Сompatibility AURA | Trial $0.99",
+ "priceId": "price_1PG2RSIlX4lgwUxrDfU2BDS4",
+ "type": "subscription",
+ "description": "Description",
+ "discountPrice": null,
+ "discountPriceId": null,
+ "isDiscount": false,
+ "isFreeTrial": false,
+ "isTrial": true,
+ "price": 1900,
+ "trialDuration": 7,
+ "trialPrice": 99,
+ "trialPriceId": "price_1PFiSkIlX4lgwUxrVel0l445"
+ }
+ ],
+ "properties": [
+ {
+ "key": "text.0",
+ "value": "We've helped millions of people to have happier lives and better relationships, and we want to help you too.",
+ "_id": "664542bbfe0a8eb4ee0b4f27"
+ },
+ {
+ "key": "text.0.color",
+ "value": "millions",
+ "_id": "664542bbfe0a8eb4ee0b4f28"
+ },
+ {
+ "key": "text.1",
+ "value": "Money shouldn’t stand in the way of finding astrology guidance that finally works. So, choose an amount that you think is reasonable to try us out for one week.",
+ "_id": "664542bbfe0a8eb4ee0b4f29"
+ },
+ {
+ "key": "text.2",
+ "value": "It costs us $13.67 to offer a 3-day trial, but please choose the amount you are comfortable with.",
+ "_id": "664542bbfe0a8eb4ee0b4f2a"
+ },
+ {
+ "key": "text.3",
+ "value": "This option will help us support those who need to select the lowest trial prices!",
+ "_id": "664542bbfe0a8eb4ee0b4f2b"
+ },
+ {
+ "key": "text.4",
+ "value": "*Cost of trial as of February 2024",
+ "_id": "664542bbfe0a8eb4ee0b4f2c"
+ },
+ {
+ "key": "text.5",
+ "value": "${quantity} people joined today",
+ "_id": "664542bbfe0a8eb4ee0b4f2d"
+ },
+ {
+ "key": "text.button.1",
+ "value": "See my plan",
+ "_id": "664542bbfe0a8eb4ee0b4f2e"
+ }
+ ]
+ },
"aura.placement.redesign.main": {
"_id": "664215e2859ff1199d3a6e9a",
"key": "aura.paywall.redesign.main",
diff --git a/src/locales/dev.ts b/src/locales/dev.ts
index 9ee8f92..8f14b80 100755
--- a/src/locales/dev.ts
+++ b/src/locales/dev.ts
@@ -102,6 +102,12 @@ export default {
"aura.name_1.review": "Samantha Green",
"aura.name_2.review": "James Wilson",
"aura.review_1.content": "As for me, money just doesn't stick with me at all. It turned out that it wasn't because I was bad or irresponsible, but it was because of my partner. We delved deeply into this issue thanks to Aura, and what do you think? Everything changed the very next day. Now we are happy and wealthy.",
- "aura.review_2.content": "I don't know why, but I always had bad experiences in relationships and couldn't find the one who would understand and love me. So, I took a special extended test and immediately figured everything out. It turns out that the birth date of the chosen one and number coincidences are very important in relationships. Now I consider this in all areas, and it helps me a lot."
+ "aura.review_2.content": "I don't know why, but I always had bad experiences in relationships and couldn't find the one who would understand and love me. So, I took a special extended test and immediately figured everything out. It turns out that the birth date of the chosen one and number coincidences are very important in relationships. Now I consider this in all areas, and it helps me a lot.",
+ "mike.questionnaire.message": "Your date of birth will help me create your natal chart, lay out Tarot cards, understand your compatibility, and provide more accurate predictions.",
+ "mike.birthtime.message": "The time of birth determines the rising sign (ascendant) and the positions of the houses in the natal chart.",
+ "mike.birthtime.description": "What's your time of birth?",
+ "mike.birthplace.message": "Place of birth affects the calculation of the exact positions of the planets and houses at the moment of your birth.",
+ "mike.emailEnter.message": "Sign up to avoid losing access to your information",
+ "mike.trialPayment.message": "I am online and ready to help with your request.",
},
}
diff --git a/src/routerComponents/Mike/v1/Layouts/MainLayout.tsx b/src/routerComponents/Mike/v1/Layouts/MainLayout.tsx
new file mode 100644
index 0000000..ece318f
--- /dev/null
+++ b/src/routerComponents/Mike/v1/Layouts/MainLayout.tsx
@@ -0,0 +1,35 @@
+import { Outlet, useLocation } from "react-router-dom";
+import styles from "./styles.module.css";
+import { useEffect, useRef } from "react";
+import { useSchemeColorByElement } from "@/hooks/useSchemeColorByElement";
+import Footer from "@/components/Footer";
+import classNames from "classnames";
+import { useStyle } from "../providers/StyleProvider/useStyle";
+
+function MainLayout() {
+ const mainRef = useRef(null);
+ const innerRef = useRef(null);
+ useSchemeColorByElement(mainRef.current, "section.page, .page, section", [
+ location,
+ ]);
+ const { style } = useStyle();
+ const { pathname } = useLocation();
+
+ useEffect(() => {
+ innerRef.current?.scrollTo({
+ top: 0,
+ left: 0,
+ });
+ }, [pathname]);
+
+ return (
+
+
+
+
+
+
+ );
+}
+
+export default MainLayout;
diff --git a/src/routerComponents/Mike/v1/Layouts/styles.module.css b/src/routerComponents/Mike/v1/Layouts/styles.module.css
new file mode 100644
index 0000000..d48f897
--- /dev/null
+++ b/src/routerComponents/Mike/v1/Layouts/styles.module.css
@@ -0,0 +1,31 @@
+:global(.page-mike) {
+ display: flex;
+ flex-direction: column;
+ flex: 1 1;
+ width: inherit;
+ position: static;
+ padding: 0;
+ align-items: center;
+ overflow: initial;
+
+}
+:global(.page-footer) {
+ font-size: 18px;
+ font-weight: 500;
+ color: #797979;
+}
+.content {
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+ padding: 14px 14px 0px;
+ overflow-y: auto;
+}
+.main {
+ margin-inline: auto;
+ height: 100svh;
+ max-width: 430px;
+}
diff --git a/src/routerComponents/Mike/v1/index.tsx b/src/routerComponents/Mike/v1/index.tsx
new file mode 100644
index 0000000..b0ba719
--- /dev/null
+++ b/src/routerComponents/Mike/v1/index.tsx
@@ -0,0 +1,47 @@
+import { Route, Routes } from "react-router-dom";
+import MainLayout from "./Layouts/MainLayout";
+import routes from "@/routes";
+import GenderPage from "@/components/pages/Mike/v1/pages/Gender";
+import QuestionnairePage from "@/components/pages/Mike/v1/pages/Questionnaire";
+import BirthTimePage from "@/components/pages/Mike/v1/pages/BirthTimePage";
+import { StyleProvider } from "./providers/StyleProvider/StyleProvider";
+import BirthPlacePage from "@/components/pages/Mike/v1/pages/BirthPlace";
+import EmailEnterPage from "@/components/pages/Mike/v1/pages/EmailEnterPage";
+import TrialPaymentPage from "@/components/pages/Mike/v1/pages/TrialPayment";
+
+function MikeV1Routes() {
+ return (
+
+
+ }>
+ }>
+ } />
+
+ }
+ >
+ }>
+ } />
+
+
+ } />
+ }
+ />
+ }
+ />
+ }
+ />
+
+
+
+ );
+}
+
+export default MikeV1Routes;
diff --git a/src/routerComponents/Mike/v1/providers/StyleProvider/StyleProvider.tsx b/src/routerComponents/Mike/v1/providers/StyleProvider/StyleProvider.tsx
new file mode 100644
index 0000000..36efcb6
--- /dev/null
+++ b/src/routerComponents/Mike/v1/providers/StyleProvider/StyleProvider.tsx
@@ -0,0 +1,29 @@
+import {
+ CSSProperties,
+ FC,
+ PropsWithChildren,
+ createContext,
+ useState,
+} from "react";
+
+interface IStyleContext {
+ style: CSSProperties | undefined;
+ setStyle: (css: CSSProperties | undefined) => void;
+}
+export const StyleContext = createContext(undefined);
+
+interface IStyleProviderProps {
+ defaultCss?: CSSProperties;
+}
+export const StyleProvider: FC> = ({
+ children,
+ defaultCss = {},
+}) => {
+ const [style, setStyle] = useState(defaultCss);
+
+ return (
+
+ {children}
+
+ );
+};
diff --git a/src/routerComponents/Mike/v1/providers/StyleProvider/useStyle.ts b/src/routerComponents/Mike/v1/providers/StyleProvider/useStyle.ts
new file mode 100644
index 0000000..925bd40
--- /dev/null
+++ b/src/routerComponents/Mike/v1/providers/StyleProvider/useStyle.ts
@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { StyleContext } from "./StyleProvider";
+
+export const useStyle = () => {
+ const context = useContext(StyleContext);
+ if (context === undefined) {
+ throw new Error("useStyleContext must be used within a StyleProvider");
+ }
+ return context;
+ };
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index c78e47d..797a1c4 100755
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -150,7 +150,9 @@ const routes = {
[host, "single-payment", productId].join("/"),
getInformationPartner: () => [host, "get-information-partner"].join("/"),
-
+
+ mikeV1: () => [host, "v1", "mike"].join("/"),
+ getBirthPlace: () => [host, "birthPlace"].join("/"),
// ABDesignV1
genderV1: () => [host, "v1", "gender"].join("/"),
questionnaireV1: () => [host, "v1", "questionnaire"].join("/"),
@@ -489,6 +491,7 @@ export const withoutHeaderRoutes = [
routes.client.epeSuccessPayment(),
routes.client.getInformationPartner(),
routes.client.advisorChatPrivate(),
+ routes.client.gender()
];
export const hasNoHeader = (path: string) => {
let result = true;
diff --git a/src/store/index.ts b/src/store/index.ts
index a684c89..f1a088d 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -51,6 +51,7 @@ import userConfig, {
selectIsShowTryApp,
selectFeature,
selectIsForceShortPath,
+ selectDateOfPaymentChatMike,
} from "./userConfig";
import compatibilities, {
actions as compatibilitiesActions,
@@ -125,6 +126,7 @@ export const selectors = {
selectIsShowTryApp,
selectFeature,
selectIsForceShortPath,
+ selectDateOfPaymentChatMike,
selectOpenAiToken,
selectTrialChoiceArrowOptions,
selectPalmistryLines,
diff --git a/src/store/paywalls.ts b/src/store/paywalls.ts
index ab99bdf..2d5d7b0 100644
--- a/src/store/paywalls.ts
+++ b/src/store/paywalls.ts
@@ -17,12 +17,14 @@ type IPayloadUpdatePaywall = {
}
const initialState: TPaywalls = {
+ "aura.placement.v1.mike": null,
"aura.placement.main": null,
"aura.placement.redesign.main": null,
"aura.placement.email.marketing": null,
"aura.placement.secret.discount": null,
"aura.placement.palmistry.main": null,
isMustUpdate: {
+ "aura.placement.v1.mike": true,
"aura.placement.main": true,
"aura.placement.redesign.main": true,
"aura.placement.email.marketing": true,
diff --git a/src/store/userConfig.ts b/src/store/userConfig.ts
index 78fb7db..5d68a98 100644
--- a/src/store/userConfig.ts
+++ b/src/store/userConfig.ts
@@ -11,6 +11,7 @@ interface IUserConfig {
isShowTryApp: boolean;
isForceShortPath: boolean;
feature: string;
+ dateOfPaymentChatMike: string;
}
const initialState: IUserConfig = {
@@ -18,6 +19,7 @@ const initialState: IUserConfig = {
isShowTryApp: false,
isForceShortPath: false,
feature: "",
+ dateOfPaymentChatMike: "",
};
const userConfigSlice = createSlice({
@@ -43,6 +45,10 @@ const userConfigSlice = createSlice({
state.feature = action.payload;
return state;
},
+ setDateOfPaymentChatMike(state, action: PayloadAction) {
+ state.dateOfPaymentChatMike = action.payload.toISOString();
+ return state;
+ },
},
extraReducers: (builder) => builder.addCase("reset", () => initialState),
});
@@ -64,4 +70,8 @@ export const selectFeature = createSelector(
(state: { userConfig: IUserConfig }) => state.userConfig.feature,
(userConfig) => userConfig
);
+export const selectDateOfPaymentChatMike = createSelector(
+ (state: { userConfig: IUserConfig }) => state.userConfig.dateOfPaymentChatMike,
+ (userConfig) => userConfig
+);
export default userConfigSlice.reducer;
setIsOpenPrivacyModal(false)}
+ />
+
+ }.${gender.toUpperCase()}.webp`})
+ 
+ )}
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+