This commit is contained in:
dev.daminik00 2025-10-19 00:40:52 +02:00
parent b7bd5ba61d
commit 6fd518473a
2 changed files with 105 additions and 6 deletions

View File

@ -14,8 +14,6 @@ import { getPeriodTextServer } from "@/shared/utils/period-server";
import { getFormattedPrice } from "@/shared/utils/price";
import { Currency, ELocalesPlacement } from "@/types";
import GuaranteeIcon from "./guarantee.svg";
import styles from "./page.module.scss";
const payload = {
@ -55,7 +53,39 @@ export default async function SpecialOfferPage() {
{t("start-trial", { days: trialInterval })}
</Typography>
<Typography as="p" className={styles.contentDescription}>
<GuaranteeIcon />
<svg
width="20"
height="23"
viewBox="0 0 20 23"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<mask
id="mask0_339_96"
style={{ maskType: "luminance" }}
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="20"
height="23"
>
<path d="M0 0H20V22.6667H0V0Z" fill="white" />
</mask>
<g mask="url(#mask0_339_96)">
<path
d="M15.2679 1.12718C13.3208 1.12718 11.4571 0.727467 10 0C8.54335 0.727467 6.67945 1.12718 4.73211 1.12718C3.01673 1.12718 1.36526 0.816768 0 0.245102V9.65372C0 15.7775 4.47844 21.5946 10 22.6664C15.5218 21.5946 20 15.7775 20 9.65372V0.245102C18.635 0.816768 16.9835 1.12718 15.2679 1.12718Z"
fill="#00AE37"
/>
</g>
<path
d="M8.03704 15.101L3.87109 10.9977L5.11941 9.76813L8.03704 12.6419L14.8802 5.90137L16.1285 7.13091L8.03704 15.101Z"
fill="white"
/>
<path
d="M13.9968 20.9727C17.2096 18.7979 19.5429 14.9801 19.9398 10.8858L16.1286 7.13184L8.03711 15.1019L13.9968 20.9727Z"
fill="#008E28"
/>
</svg>
{t("cancel-anytime")}
</Typography>

View File

@ -3,8 +3,6 @@ import { getTranslations } from "next-intl/server";
import { Typography } from "@/components/ui";
import { translatePathEmailMarketingSoulmateV1 } from "@/shared/constants/translate";
import GuaranteeIcon from "./guarantee.svg";
import styles from "./MoneyBackGuarantee.module.scss";
export default async function MoneyBackGuarantee() {
@ -14,7 +12,78 @@ export default async function MoneyBackGuarantee() {
return (
<div className={styles.container}>
<div className={styles.iconContainer}>
<GuaranteeIcon />
<svg
width="48"
height="52"
viewBox="0 0 48 52"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#filter0_d_334_11403)">
<mask
id="mask0_334_11403"
style={{ maskType: "luminance" }}
maskUnits="userSpaceOnUse"
x="9"
y="7"
width="30"
height="34"
>
<path d="M9 7H39V41H9V7Z" fill="white" />
</mask>
<g mask="url(#mask0_334_11403)">
<path
d="M31.9018 8.69077C28.9812 8.69077 26.1857 8.0912 24 7C21.815 8.0912 19.0192 8.69077 16.0982 8.69077C13.5251 8.69077 11.0479 8.22515 9 7.36765V21.4806C9 30.6662 15.7177 39.3919 24 40.9996C32.2827 39.3919 39 30.6662 39 21.4806V7.36765C36.9525 8.22515 34.4753 8.69077 31.9018 8.69077Z"
fill="#00AE37"
/>
</g>
<path
d="M21.056 29.652L14.8071 23.497L16.6796 21.6527L21.056 25.9633L31.3208 15.8525L33.1933 17.6969L21.056 29.652Z"
fill="white"
/>
<path
d="M29.9952 38.4586C34.8143 35.1964 38.3144 29.4696 38.9098 23.3282L33.1929 17.6973L21.0557 29.6524L29.9952 38.4586Z"
fill="#008E28"
/>
</g>
<defs>
<filter
id="filter0_d_334_11403"
x="0"
y="0"
width="48"
height="52"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="2" />
<feGaussianBlur stdDeviation="4.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_334_11403"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_334_11403"
result="shape"
/>
</filter>
</defs>
</svg>
</div>
<Typography as="h3" color="white" className={styles.title}>
{t("title")}