admin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fill page

Browse Source
This commit is contained in:
vchikalkin 2024-12-08 19:31:57 +03:00
parent 9c62e08bab
commit 485a99d451
5 changed files with 47 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/about.tsx Normal file
View File

@ -0,0 +1,13 @@
import { useTranslations } from 'next-intl';
export function About() {
const t = useTranslations('About');
return (
<section id="about">
<h2 className="text-xl font-bold">Обо мне</h2>
<div className="prose dark:prose-invert max-w-full text-pretty font-sans text-sm text-muted-foreground">
{t('summary')}
</div>
</section>
);
}

19
app/components/person.tsx Normal file
View File

@ -0,0 +1,19 @@
import { useTranslations } from 'next-intl';
export function Person() {
const t = useTranslations('Person');
return (
<section id="person">
<div className="mx-auto w-full max-w-2xl space-y-8">
<div className="flex justify-between gap-2">
<div className="flex flex-1 flex-col space-y-1.5">
<span className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none">
{t('hello')}
</span>
<span className="max-w-[600px] md:text-xl">{t('description')}</span>
</div>
</div>
</div>
</section>
);
}

4
app/layout.tsx
View File

@ -14,7 +14,9 @@ export default async function RootLayout({ children }: { readonly children: Reac
return (
<html lang={locale}>
<body className={inter.className}>
<body
className={`${inter.className} mx-auto min-h-screen max-w-2xl bg-background px-6 py-12 antialiased sm:py-24`}
>
<NextIntlClientProvider messages={messages}>{children}</NextIntlClientProvider>
</body>
</html>

11
app/page.tsx
View File

@ -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 (
<div>
<h1 className="text-4xl font-semibold tracking-tight ">{t('title')}</h1>
</div>
<main className="flex min-h-dvh flex-col space-y-10">
<Person />
<About />
</main>
);
}

8
messages/ru.json
View File

@ -1,5 +1,9 @@
{
"HomePage": {
"title": "Привет!"
"Person": {
"hello": "Привет! Я Влад 👋",
"description": "Веб-разработчик с широким опытом работы в различных проектах. Люблю технологии и создавать новое"
},
"About": {
"summary": "Участвовал в создании лизинговой компании в составе первых 20 человек. Был ответственен за несколько ключевых проектов, включая разработку главного приложения компании за 3 месяца, что позволило оперативно запустить старт продаж в компании."
}
}