diff --git a/app/components/about.tsx b/app/components/about.tsx
new file mode 100644
index 0000000..e0d79ab
--- /dev/null
+++ b/app/components/about.tsx
@@ -0,0 +1,13 @@
+import { useTranslations } from 'next-intl';
+
+export function About() {
+ const t = useTranslations('About');
+ return (
+
+
Обо мне
+
+ {t('summary')}
+
+
+ );
+}
diff --git a/app/components/person.tsx b/app/components/person.tsx
new file mode 100644
index 0000000..3c4a4fe
--- /dev/null
+++ b/app/components/person.tsx
@@ -0,0 +1,19 @@
+import { useTranslations } from 'next-intl';
+
+export function Person() {
+ const t = useTranslations('Person');
+ return (
+
+
+
+
+
+ {t('hello')}
+
+ {t('description')}
+
+
+
+
+ );
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 0b71636..5e2ce2d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -14,7 +14,9 @@ export default async function RootLayout({ children }: { readonly children: Reac
return (
-
+
{children}
diff --git a/app/page.tsx b/app/page.tsx
index 916c997..84c3a3a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,10 +1,11 @@
-import { useTranslations } from 'next-intl';
+import { About } from './components/about';
+import { Person } from './components/person';
export default function HomePage() {
- const t = useTranslations('HomePage');
return (
-
-
{t('title')}
-
+
+
+
+
);
}
diff --git a/messages/ru.json b/messages/ru.json
index b19625c..1426761 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -1,5 +1,9 @@
{
- "HomePage": {
- "title": "Привет!"
+ "Person": {
+ "hello": "Привет! Я Влад 👋",
+ "description": "Веб-разработчик с широким опытом работы в различных проектах. Люблю технологии и создавать новое"
+ },
+ "About": {
+ "summary": "Участвовал в создании лизинговой компании в составе первых 20 человек. Был ответственен за несколько ключевых проектов, включая разработку главного приложения компании за 3 месяца, что позволило оперативно запустить старт продаж в компании."
}
}