+ {String(errors.phone.message)} +
+ ) : null}
- {t("leadForm.consentBefore")}{" "}
+
+ {t("leadForm.consentBefore")}
+ {" "}
{t("leadForm.consentLinkData")}
{" "}
- {t("leadForm.consentMiddle")}
+
+ {t("leadForm.consentMiddle")}{" "}
+
{
+ window.location.href = streamHref;
+ }}
className={`lg:aspect-[344/396] max-md:aspect-none flex-1 md:max-lg:min-w-[300px] transition-transform will-change-transform lg:rounded-[1.111vw] rounded-2xl lg:p-[1.111vw] p-4 flex duration-500 relative overflow-hidden group max-md:absolute max-md:inset-x-5 max-md:w-auto select-none h-full ${
index === current
? "max-md:[transform:translateZ(40px)]"
@@ -40,13 +42,13 @@ export function StreamingProject({
: "max-md:[transform:scale(0.85)]"
} ${className ?? ""}`}
>
-
+
-
+
);
}
diff --git a/src/landing/i18n/locales/en.json b/src/landing/i18n/locales/en.json
index 1e3e85f..823a2a0 100644
--- a/src/landing/i18n/locales/en.json
+++ b/src/landing/i18n/locales/en.json
@@ -63,10 +63,13 @@
"consentBefore": "*By submitting, you give",
"consentLinkData": "consent to personal data processing",
"consentMiddle": "and accept the",
- "consentLinkPolicy": "policy terms"
+ "consentLinkPolicy": "policy terms",
+ "phonePlaceholder": "+XXXXXXXXXXXXXXX",
+ "phoneRequired": "Enter your phone number",
+ "phoneInvalid": "Enter a valid phone number"
},
"questionModal": {
- "phonePlaceholder": "+X (XXX) XXX - XX - XX"
+ "phonePlaceholder": "+XXXXXXXXXXXXXXX"
},
"feedbackModal": {
"successRich": "We’ve received your request ;
+ id?: string;
+ placeholder?: string;
+}
+
+export function PhoneInputIntl({
+ value,
+ onChange,
+ onBlur,
+ inputRef,
+ id = "tel",
+ placeholder = "+123456789012345",
+}: PhoneInputIntlProps) {
+ return (
+ {
+ if (!e.nativeEvent.type.startsWith("input")) return;
+ const cleanValue = e.target.value.replace(/\s/g, "");
+ onChange(normalizeIntlPhoneFromInput(cleanValue));
+ }}
+ />
+ );
+}