chore: dislodge introduction, refactor architecture

warnigo · warnigo · commit af2558d08075 · 2025-01-18T16:38:07.000+05:00
diff --git a/messages/en.json b/messages/en.json
@@ -22,6 +22,10 @@
     "title": "This site is currently in beta. Features may not be fully available.",
     "close": "Close banner"
   },
+  "Introduction": {
+    "shortAboutMe": "Half of my life has been spent talking to machines, shaping the digital world through code. I’m passionate about designing robust architectures and solving intricate problems, from scaling systems to building powerful algorithms. I love taking on complex projects that push boundaries, creating seamless solutions that evolve and adapt.",
+    "occupation": "Frontend Engineer - Software Engineer"
+  },
   "Resume": {
     "resumeDownload": "Resume Download"
   }
diff --git a/messages/ru.json b/messages/ru.json
@@ -1,6 +1,32 @@
 {
   "Common": {
-    "ItsMe": "Это я",
-    "Instagram": "Инстаграм"
+    "me": "Абубакір Шавкатов",
+    "warnigo": "Варниго",
+    "download": "Скачать",
+    "visitBlog": "Посетить мой блог",
+    "go": "Перейти",
+    "thanksForVisit": "Спасибо за визит!"
+  },
+  "Layout": {
+    "home": "Главная",
+    "experience": "Опыт",
+    "contact": "Контакты",
+    "resume": "Мое резюме",
+    "notFoundPage": "Страница не найдена",
+    "availableWork": "Доступен для работы",
+    "notAvailableWork": "Не доступен для работы",
+    "localeTime": "Местное время",
+    "sourceCode": "Исходный код"
+  },
+  "BetaBanner": {
+    "title": "Этот сайт в настоящее время в бета-версии. Некоторые функции могут быть недоступны.",
+    "close": "Закрыть баннер"
+  },
+  "Introduction": {
+    "shortAboutMe": "Половину своей жизни я общался с машинами, формируя цифровой мир с помощью кода. Я увлечен проектированием надежных архитектур и решением сложных проблем, от масштабирования систем до создания мощных алгоритмов. Мне нравится работать над сложными проектами, которые раздвигают границы, создавая безупречные и адаптивные решения.",
+    "occupation": "Frontend инженер - Программный инженер"
+  },
+  "Resume": {
+    "resumeDownload": "Скачать резюме"
   }
 }
diff --git a/messages/uz.json b/messages/uz.json
@@ -1,6 +1,32 @@
 {
   "Common": {
-    "ItsMe": "Bu men",
-    "Instagram": "Instagram"
+    "me": "Abubakir Shavkatov",
+    "warnigo": "Warnigo",
+    "download": "Yuklab olish",
+    "visitBlog": "Mening blogimga tashrif buyuring",
+    "go": "O'tish",
+    "thanksForVisit": "Tashrif buyurganingiz uchun rahmat!"
+  },
+  "Layout": {
+    "home": "Bosh sahifa",
+    "experience": "Tajribam",
+    "contact": "Aloqa",
+    "resume": "Rezyume",
+    "notFoundPage": "Sahifa topilmadi",
+    "availableWork": "Ishga tayyorman",
+    "notAvailableWork": "Ishga tayyor emasman",
+    "localeTime": "Mahalliy vaqt",
+    "sourceCode": "Manba kodi"
+  },
+  "BetaBanner": {
+    "title": "Ushbu sayt hozirda beta versiyasida. Ba'zi funksiyalar to'liq mavjud bo'lmasligi mumkin.",
+    "close": "Bannerni yopish"
+  },
+  "Introduction": {
+    "shortAboutMe": "Hayotimning yarmidan ko'pi kompyuterlar bilan muloqotda o'tdi, raqamli dunyoni kod orqali shakllantirganman. Kuchli arxitekturalarni loyihalash va murakkab muammolarni hal qilishni yaxshi ko'raman, tizimlarni kengaytirishdan tortib, kuchli algoritmlar yaratishga qadar. Chegaralarni kengaytiradigan murakkab loyihalarni amalga oshirishni, mukammal va moslashuvchan echimlar yaratishni yaxshi ko'raman.",
+    "occupation": "Frontend injener - Dasturiy ta'minot injeneri"
+  },
+  "Resume": {
+    "resumeDownload": "Rezyume yuklab olish"
   }
 }
diff --git a/public/me.webp b/public/me.webp
diff --git a/src/app/[locale]/(home)/page.tsx b/src/app/[locale]/(home)/page.tsx
@@ -7,5 +7,4 @@ export const metadata: Metadata = homePageMetadata
 
 const HomePage: FC = () => <Home />
 
-HomePage.displayName = "HomePage"
 export default HomePage
diff --git a/src/app/[locale]/experience/page.tsx b/src/app/[locale]/experience/page.tsx
@@ -0,0 +1,10 @@
+import { type FC } from "react"
+import { type Metadata } from "next"
+
+import { Experience, experiencePageMetadata } from "@/views/experience"
+
+export const metadata: Metadata = experiencePageMetadata
+
+const ExperiencePage: FC = () => <Experience />
+
+export default ExperiencePage
diff --git a/src/app/[locale]/resume/page.tsx b/src/app/[locale]/resume/page.tsx
@@ -7,5 +7,4 @@ export const metadata: Metadata = resumePageMetadata
 
 const ResumePage: FC = () => <Resume />
 
-ResumePage.displayName = "ResumePage"
 export default ResumePage
diff --git a/src/app/icon.svg b/src/app/icon.svg
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -5,7 +5,7 @@ import { GeistMono } from "geist/font/mono"
 import { GeistSans } from "geist/font/sans"
 
 import "@shared/assets/css/tailwind.css"
-import "./globals.css"
+import "./styles/globals.css"
 
 export { metadata, viewport } from "./config"
 
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
diff --git a/src/views/experience/config/metadata.ts b/src/views/experience/config/metadata.ts
@@ -0,0 +1,6 @@
+import { type Metadata } from "next"
+
+export const experiencePageMetadata: Metadata = {
+  title: "",
+  description: "",
+}
diff --git a/src/views/experience/index.ts b/src/views/experience/index.ts
@@ -0,0 +1,2 @@
+export { experiencePageMetadata } from "./config/metadata"
+export { default as Experience } from "./ui/Experience"
diff --git a/src/views/experience/ui/Experience.tsx b/src/views/experience/ui/Experience.tsx
@@ -0,0 +1,34 @@
+"use client"
+
+import { type FC } from "react"
+import { useTranslations } from "next-intl"
+
+import { Badge } from "@/shared/ui"
+
+import { motion } from "framer-motion"
+
+const Experience: FC = () => {
+  const t = useTranslations()
+
+  return (
+    <motion.div
+      animate={{ opacity: 1, y: 0 }}
+      className="flex items-center gap-4"
+      initial={{ opacity: 0, y: 20 }}
+      transition={{ duration: 0.5, delay: 0.3 }}
+    >
+      <Badge
+        withDot
+        className="rounded-full border-border py-2 pr-4 font-mono text-sm"
+        dotClassName="size-2 border border-green-600 mx-2"
+        dotColor="bg-green-500"
+        variant="secondary"
+      >
+        <p className="select-none">{t("Layout.availableWork")}</p>
+      </Badge>
+    </motion.div>
+  )
+}
+
+Experience.displayName = "Experience"
+export default Experience
diff --git a/src/views/home/Home.tsx b/src/views/home/Home.tsx
diff --git a/src/views/home/config/metadata.ts b/src/views/home/config/metadata.ts
diff --git a/src/views/home/index.ts b/src/views/home/index.ts
@@ -1,2 +1,2 @@
-export { default as Home } from "./Home"
-export { homePageMetadata } from "./metadata"
+export { homePageMetadata } from "./config/metadata"
+export { default as Home } from "./ui/Home"
diff --git a/src/views/home/model/constants.ts b/src/views/home/model/constants.ts
@@ -0,0 +1,5 @@
+import { Introduction } from "@/widgets/Introduction"
+
+export const homeSections = {
+  Introduction: Introduction,
+}
diff --git a/src/views/home/ui/Home.tsx b/src/views/home/ui/Home.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import { type FC } from "react"
+
+import { motion } from "framer-motion"
+
+import { homeSections } from "../model/constants"
+
+const Home: FC = () =>
+  Object.entries(homeSections).map(([key, SectionComponent]) => (
+    <motion.div
+      key={key}
+      animate={{ opacity: 1, y: 0 }}
+      className="container mx-auto"
+      exit={{ opacity: 0, y: -20 }}
+      initial={{ opacity: 0, y: 20 }}
+      transition={{ duration: 0.5 }}
+    >
+      <SectionComponent />
+    </motion.div>
+  ))
+
+Home.displayName = "Home"
+export default Home
diff --git a/src/widgets/Introduction/index.ts b/src/widgets/Introduction/index.ts
@@ -0,0 +1 @@
+export { default as Introduction } from "./ui/Introduction"
diff --git a/src/widgets/Introduction/model/constants.ts b/src/widgets/Introduction/model/constants.ts
diff --git a/src/widgets/Introduction/ui/Introduction.tsx b/src/widgets/Introduction/ui/Introduction.tsx

Original file line number	Diff line number	Diff line change
`@@ -7,5 +7,4 @@ export const metadata: Metadata = homePageMetadata`
`7`	`7`
`8`	`8`	`const HomePage: FC = () => <Home />`
`9`	`9`
`10`		`-HomePage.displayName = "HomePage"`
`11`	`10`	`export default HomePage`
Original file line number	Diff line number	Diff line change
`@@ -7,5 +7,4 @@ export const metadata: Metadata = resumePageMetadata`
`7`	`7`
`8`	`8`	`const ResumePage: FC = () => <Resume />`
`9`	`9`
`10`		`-ResumePage.displayName = "ResumePage"`
`11`	`10`	`export default ResumePage`