diff --git a/frontend/src/App.css b/frontend/src/App.css
index 9dbdad7..afe32dc 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -2,26 +2,5 @@
body {
margin: 0;
- background-color: #D9D9D9;
- color: rgba(0, 0, 0, 0.8);
- font-size: 24px;
- font-weight: 400;
- font-family: 'Inter', sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 24px;
- line-height: 40px;
-}
-
-a {
- color: #fff;
- text-decoration: none;
-}
-
-a:hover {
- color: #F5B14E;
-}
-
-a:active {
- color: #F5B14E;
+ padding: 0;
}
\ No newline at end of file
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 2072e1d..3e28154 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,18 +1,11 @@
import React from 'react';
import './App.css';
-import Cover from './start-page/cover';
-import TopBar from './start-page/top-bar';
-
-export const AppData = {
- contact: 'https://t.me/pavelgnedov',
- bot: 'https://t.me/eltex_event_emitter_bot'
-};
+import StartPage from './start-page/start-page';
function App() {
return (
<>
-
-
+
);
}
diff --git a/frontend/src/start-page/content-block.tsx b/frontend/src/start-page/content-block.tsx
new file mode 100644
index 0000000..1a53e54
--- /dev/null
+++ b/frontend/src/start-page/content-block.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+export type Props = {
+ title: string;
+ children?: any;
+};
+
+export const ContentBlock = (props: Props) => {
+ return (
+ <>
+ {props.title}
+ {props.children}
+
+ );
+};
+
+export default ContentBlock;
\ No newline at end of file
diff --git a/frontend/src/start-page/content.module.css b/frontend/src/start-page/content.module.css
new file mode 100644
index 0000000..a799fe3
--- /dev/null
+++ b/frontend/src/start-page/content.module.css
@@ -0,0 +1,10 @@
+.content {
+ margin-left: 135px;
+ margin-top: 956px;
+ max-width: 1170px;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 0px;
+ gap: 32px;
+}
\ No newline at end of file
diff --git a/frontend/src/start-page/content.tsx b/frontend/src/start-page/content.tsx
new file mode 100644
index 0000000..b9c96aa
--- /dev/null
+++ b/frontend/src/start-page/content.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import ContentCss from './content.module.css';
+
+export type Props = {
+ children?: any;
+};
+
+export const Content = (props: Props) => {
+ return (
+
+ {props.children}
+
+ );
+};
+
+export default Content;
\ No newline at end of file
diff --git a/frontend/src/start-page/start-page.module.css b/frontend/src/start-page/start-page.module.css
new file mode 100644
index 0000000..021d9bb
--- /dev/null
+++ b/frontend/src/start-page/start-page.module.css
@@ -0,0 +1,25 @@
+.startPage {
+ margin: 0;
+ background-color: #D9D9D9;
+ color: rgba(0, 0, 0, 0.8);
+ font-size: 24px;
+ font-weight: 400;
+ font-family: 'Inter', sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 40px;
+}
+
+.startPage a {
+ color: #fff;
+ text-decoration: none;
+}
+
+.startPage a:hover {
+ color: #F5B14E;
+}
+
+.startPage a:active {
+ color: #F5B14E;
+}
\ No newline at end of file
diff --git a/frontend/src/start-page/start-page.tsx b/frontend/src/start-page/start-page.tsx
new file mode 100644
index 0000000..f1e32ed
--- /dev/null
+++ b/frontend/src/start-page/start-page.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import Content from './content';
+import ContentBlock from './content-block';
+import Cover from './cover';
+import StartPageCss from './start-page.module.css';
+import TopBar from './top-bar';
+
+export const StartPageData = {
+ contact: 'https://t.me/pavelgnedov',
+ bot: 'https://t.me/eltex_event_emitter_bot'
+};
+
+export const StartPage = () => {
+ return (
+
+
+
+
+
+
+ - Уведомления в реальном времени о событиях из задач - изменения статусов, упоминания комментариев
+ - Генерация и управления отчётами о задачах
+ - Под капотом приложение фреймворк
+
+
+
+
+ - Последний отчёт для дейли проект ECCM
+ - Дополнительные функции для разработчиков
+ eccm:/current_issues_eccm - список текущих задач по статусам - выбираютсятолько задачи из актуальных версий в статусах, где нужна какая-то реакцияили возможна работа прямо сейчас
+ - Скриншоты уведомления от бота:
+ Примеры уведомлений о новых задачах и об изменениях статусов:
+
+
+
+