diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0781bff..a5265a5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,11 +30,11 @@ export default function RootLayout({
return (
-
+
{children}
+
-
);
diff --git a/src/entities/base-menu/ui.tsx b/src/entities/base-menu/ui.tsx
index 48b4d68..8f6987d 100644
--- a/src/entities/base-menu/ui.tsx
+++ b/src/entities/base-menu/ui.tsx
@@ -5,8 +5,11 @@ import { Icons } from '@shared/ui/icon';
import { baseMenu } from '@shared/const/menu';
import { TMenu } from '@shared/types/menu';
import dtrLogo from '@public/images/dtr-logo-eagle.png';
+import { BeautyButton } from '@/entities';
function BaseMenu() {
+ const phone = '+7 (900) 241-34-34';
+
const Menu = ({ list }: { list: TMenu }) => {
const nodeList = (list: TMenu) => {
return list.map((item, index) => {
@@ -42,7 +45,7 @@ function BaseMenu() {
-
+ {phone}
diff --git a/src/entities/beauty-button/index.ts b/src/entities/beauty-button/index.ts
new file mode 100644
index 0000000..5ecdd1f
--- /dev/null
+++ b/src/entities/beauty-button/index.ts
@@ -0,0 +1 @@
+export * from './ui';
diff --git a/src/entities/beauty-button/styles.module.scss b/src/entities/beauty-button/styles.module.scss
new file mode 100644
index 0000000..7be7163
--- /dev/null
+++ b/src/entities/beauty-button/styles.module.scss
@@ -0,0 +1,54 @@
+.Container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 4px;
+
+ @include ifdesktop {
+ gap: 8px;
+ }
+
+ .Button {
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 4px;
+ padding: 6px 10px;
+ border-radius: 28px;
+ background: #58c644;
+ background: -webkit-gradient(linear, left top, right top, from(#58c644), to(#009283));
+ background: linear-gradient(to right, #58c644 0%, #009283 100%);
+
+ @include ifdesktop {
+ gap: 8px;
+ padding: 10px 20px;
+ }
+ }
+
+ .Phone {
+ font-family: $font-roboto;
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 100%;
+ color: $color-white;
+
+ @include ifdesktop {
+ font-size: 16px;
+ }
+ }
+
+ .Action {
+ cursor: pointer;
+ font-family: $font-roboto;
+ font-weight: 400;
+ font-size: rem(14px);
+ line-height: 100%;
+ color: $color-green;
+ text-transform: lowercase;
+
+ @include ifdesktop {
+ font-size: rem(16px);
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/entities/beauty-button/ui.tsx b/src/entities/beauty-button/ui.tsx
new file mode 100644
index 0000000..6ac2b22
--- /dev/null
+++ b/src/entities/beauty-button/ui.tsx
@@ -0,0 +1,46 @@
+'use client';
+
+import s from './styles.module.scss';
+import type { ReactNode, SVGProps } from 'react';
+import { useModal } from '@core/providers/modal-provider';
+import { ConsultationModal } from '@/feature/article';
+
+type TBeautyButtonProps = {
+ children?: ReactNode;
+ onClick?: () => void;
+};
+
+function BeautyButton({ children, onClick }: TBeautyButtonProps) {
+ const modal = useModal();
+ const openModal = () => modal.showModal();
+
+ return (
+
+
+
+ Записаться
+
+
- Мы подскажем, как решить ваши вопросы по пожарной безопасности.
+ Мы подскажем, как решить ваши вопросы по экспертизе или оценке.