fix: add agreement #14
@@ -26,4 +26,21 @@
|
|||||||
font-size: rem(16px);
|
font-size: rem(16px);
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
color: $color-text;
|
color: $color-text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Agreement {
|
||||||
|
font-family: $font-open-sans;
|
||||||
|
font-weight: $font-regular;
|
||||||
|
font-size: rem(14px);
|
||||||
|
line-height: 100%;
|
||||||
|
color: $color-text;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $color-orange;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $color-orange-hover;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
import s from './styles.module.scss';
|
import s from './styles.module.scss';
|
||||||
import { Button, Input } from '@/shared/ui';
|
import { Button, Input } from '@/shared/ui';
|
||||||
import { Checkbox, PhoneInput, TextArea } from '@shared/ui';
|
import { PhoneInput, TextArea } from '@shared/ui';
|
||||||
import { z } from 'zod';
|
import { z } from 'zod';
|
||||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||||
import { Controller, useForm } from 'react-hook-form';
|
import { Controller, useForm } from 'react-hook-form';
|
||||||
@@ -9,6 +9,7 @@ import { sendFormFn } from '@shared/api/api.service';
|
|||||||
import toast from 'react-hot-toast';
|
import toast from 'react-hot-toast';
|
||||||
import { ModalContent } from '@shared/ui/modal/modal-content';
|
import { ModalContent } from '@shared/ui/modal/modal-content';
|
||||||
import { useModal } from '@core/providers/modal-provider';
|
import { useModal } from '@core/providers/modal-provider';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
const FormSchema = z.object({
|
const FormSchema = z.object({
|
||||||
name: z
|
name: z
|
||||||
@@ -126,7 +127,11 @@ function ConsultationModal({}: ConsultationModalProps) {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<Checkbox label={'asdasdasdad'} />
|
<span className={s.Agreement}>
|
||||||
|
Нажимая на кнопку, вы даете согласие на обработку своих персональных
|
||||||
|
данных и соглашаетесь с
|
||||||
|
<Link href={'/privacy-policy'}> Политикой конфиденциальности</Link>
|
||||||
|
</span>
|
||||||
<Button className={s.SendBtn} variant='orange'>
|
<Button className={s.SendBtn} variant='orange'>
|
||||||
Отправить
|
Отправить
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -46,13 +46,13 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
@include iftablet{
|
//@include iftablet{
|
||||||
display: block;
|
// right: rem(40px);
|
||||||
right: rem(40px);
|
// width: rem(130px);
|
||||||
width: rem(130px);
|
//}
|
||||||
}
|
|
||||||
|
|
||||||
@include iflaptop{
|
@include iflaptop{
|
||||||
|
display: block;
|
||||||
right: rem(80px);
|
right: rem(80px);
|
||||||
width: rem(150px);
|
width: rem(150px);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ import { z } from 'zod';
|
|||||||
import bgForm from '@public/images/bg-form.jpg';
|
import bgForm from '@public/images/bg-form.jpg';
|
||||||
import { sendFormFn } from '@shared/api/api.service';
|
import { sendFormFn } from '@shared/api/api.service';
|
||||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
const FormSchema = z.object({
|
const FormSchema = z.object({
|
||||||
name: z
|
name: z
|
||||||
|
|||||||
@@ -36,6 +36,23 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.Agreement {
|
||||||
|
font-family: $font-open-sans;
|
||||||
|
font-weight: $font-regular;
|
||||||
|
font-size: rem(14px);
|
||||||
|
line-height: 100%;
|
||||||
|
color: $color-darkgray;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $color-orange;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $color-orange-hover;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.SendBtn {
|
.SendBtn {
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
max-width: 33%;
|
max-width: 33%;
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
|
|||||||
import { z } from 'zod';
|
import { z } from 'zod';
|
||||||
import { sendFormFn } from '@shared/api/api.service';
|
import { sendFormFn } from '@shared/api/api.service';
|
||||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
const FormSchema = z.object({
|
const FormSchema = z.object({
|
||||||
name: z
|
name: z
|
||||||
@@ -116,6 +117,11 @@ export default function FooterForm() {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
<span className={s.Agreement}>
|
||||||
|
Нажимая на кнопку, вы даете согласие на обработку своих персональных
|
||||||
|
данных и соглашаетесь с
|
||||||
|
<Link href={'/privacy-policy'}> Политикой конфиденциальности</Link>
|
||||||
|
</span>
|
||||||
<Button className={s.SendBtn} variant='orange' fullWidth>
|
<Button className={s.SendBtn} variant='orange' fullWidth>
|
||||||
Отправить
|
Отправить
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ import { z } from 'zod';
|
|||||||
import toast from 'react-hot-toast';
|
import toast from 'react-hot-toast';
|
||||||
import { sendFormFn } from '@shared/api/api.service';
|
import { sendFormFn } from '@shared/api/api.service';
|
||||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
const FormSchema = z.object({
|
const FormSchema = z.object({
|
||||||
name: z
|
name: z
|
||||||
|
|||||||
Reference in New Issue
Block a user