Update nextjs to version 16.0.7

2025-12-04 09:40:22 +02:00
51 changed files with 344 additions and 927 deletions
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -1,46 +0,0 @@
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "Next.js: Full Stack",
-      "type": "node-terminal",
-      "request": "launch",
-      "command": "npm run dev",
-      "serverReadyAction": {
-        "pattern": "started server on .+, url: (https?://.+)",
-        "uriFormat": "%s",
-        "action": "debugWithChrome"
-      },
-      "console": "integratedTerminal",
-      "internalConsoleOptions": "neverOpen"
-    },
-    {
-      "name": "Next.js: Frontend",
-      "type": "chrome",
-      "request": "launch",
-      "url": "http://localhost:3030",
-      "webRoot": "${workspaceFolder}",
-      "sourceMapPathOverrides": {
-        "webpack://_N_E/*": "${webRoot}/*"
-      }
-    },
-    {
-      "name": "Next.js: Backend",
-      "type": "node",
-      "request": "attach",
-      "port": 9229,
-      "restart": true,
-      "sourceMaps": true,
-      "sourceMapPathOverrides": {
-        "webpack:///*": "${workspaceFolder}/*"
-      }
-    }
-  ],
-  "compounds": [
-    {
-      "name": "Next.js: Debug Full Stack",
-      "configurations": ["Next.js: Backend", "Next.js: Frontend"],
-      "stopAll": true
-    }
-  ]
-}
--- a/app/[locale]/@breadcrumbs/about/page.tsx
+++ b/app/[locale]/@breadcrumbs/about/page.tsx
@@ -1,16 +1,11 @@
-'use client'
-
 import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
-import { useTranslations } from 'next-intl'

 export default function AboutBreadcrumb() {
-  const t = useTranslations('Breadcrumbs')
-
  return (
    <Breadcrumbs
      items={[
        {
-          label: t('about'),
+          label: 'Despre',
          href: '/about',
          current: true,
        },
--- a/app/[locale]/@breadcrumbs/blog/[...slug]/page.tsx
+++ b/app/[locale]/@breadcrumbs/blog/[...slug]/page.tsx
@@ -1,6 +1,5 @@
 import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
 import { getPostBySlug } from '@/lib/markdown'
-import { getTranslations } from 'next-intl/server'

 interface BreadcrumbItem {
  label: string
@@ -8,19 +7,28 @@ interface BreadcrumbItem {
  current?: boolean
 }

+function formatDirectoryName(name: string): string {
+  const directoryNames: { [key: string]: string } = {
+    tech: 'Tehnologie',
+    design: 'Design',
+    tutorial: 'Tutoriale',
+  }
+
+  return directoryNames[name] || name.charAt(0).toUpperCase() + name.slice(1)
+}
+
 export default async function BlogPostBreadcrumb({
  params,
 }: {
  params: Promise<{ slug: string[] }>
 }) {
-  const t = await getTranslations('Breadcrumbs')
  const { slug } = await params
  const slugPath = slug.join('/')
  const post = await getPostBySlug(slugPath)

  const items: BreadcrumbItem[] = [
    {
-      label: t('blog'),
+      label: 'Blog',
      href: '/blog',
    },
  ]
@@ -28,9 +36,8 @@ export default async function BlogPostBreadcrumb({
  if (slug.length > 1) {
    for (let i = 0; i < slug.length - 1; i++) {
      const segmentPath = slug.slice(0, i + 1).join('/')
-      const dirName = slug[i]
      items.push({
-        label: t(dirName) || dirName.charAt(0).toUpperCase() + dirName.slice(1),
+        label: formatDirectoryName(slug[i]),
        href: `/blog/${segmentPath}`,
      })
    }
--- a/app/[locale]/@breadcrumbs/blog/page.tsx
+++ b/app/[locale]/@breadcrumbs/blog/page.tsx
@@ -1,16 +1,11 @@
-'use client'
-
 import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
-import { useTranslations } from 'next-intl'

 export default function BlogBreadcrumb() {
-  const t = useTranslations('Breadcrumbs')
-
  return (
    <Breadcrumbs
      items={[
        {
-          label: t('blog'),
+          label: 'Blog',
          href: '/blog',
          current: true,
        },
--- a/app/[locale]/@breadcrumbs/tags/[tag]/page.tsx
+++ b/app/[locale]/@breadcrumbs/tags/[tag]/page.tsx
@@ -1,8 +1,6 @@
 import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
-import { getTranslations } from 'next-intl/server'

 export default async function TagBreadcrumb({ params }: { params: Promise<{ tag: string }> }) {
-  const t = await getTranslations('Breadcrumbs')
  const { tag } = await params
  const tagName = tag
    .split('-')
@@ -13,7 +11,7 @@ export default async function TagBreadcrumb({ params }: { params: Promise<{ tag:
    <Breadcrumbs
      items={[
        {
-          label: t('tags'),
+          label: 'Tag-uri',
          href: '/tags',
        },
        {
--- a/app/[locale]/@breadcrumbs/tags/page.tsx
+++ b/app/[locale]/@breadcrumbs/tags/page.tsx
@@ -1,16 +1,11 @@
-'use client'
-
 import { Breadcrumbs } from '@/components/layout/Breadcrumbs'
-import { useTranslations } from 'next-intl'

 export default function TagsBreadcrumb() {
-  const t = useTranslations('Breadcrumbs')
-
  return (
    <Breadcrumbs
      items={[
        {
-          label: t('tags'),
+          label: 'Tag-uri',
          href: '/tags',
          current: true,
        },
--- a/app/[locale]/about/page.tsx
+++ b/app/[locale]/about/page.tsx
@@ -1,6 +1,6 @@
 import { Metadata } from 'next'
 import { Navbar } from '@/components/blog/navbar'
-import { setRequestLocale, getTranslations } from 'next-intl/server'
+import {setRequestLocale} from 'next-intl/server'

 export const metadata: Metadata = {
  title: 'About',
@@ -8,13 +8,12 @@ export const metadata: Metadata = {
 }

 type Props = {
-  params: Promise<{ locale: string }>
+  params: Promise<{locale: string}>
 }

-export default async function AboutPage({ params }: Props) {
-  const { locale } = await params
+export default async function AboutPage({params}: Props) {
+  const {locale} = await params
  setRequestLocale(locale)
-  const t = await getTranslations('About')
  return (
    <>
      <Navbar />
@@ -23,10 +22,10 @@ export default async function AboutPage({ params }: Props) {
          {/* Classification Header */}
          <div className="border-2 border-[rgb(var(--border-primary))] p-8 mb-10">
            <p className="text-[rgb(var(--text-muted))] font-mono text-xs uppercase tracking-widest mb-4">
-              {t('classificationHeader')}
+              &gt;&gt; _DOC://PUBLIC_ACCESS
            </p>
            <h1 className="text-4xl md:text-5xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] tracking-tight">
-              {t('mainTitle')}
+              ABOUT ME_
            </h1>
          </div>

@@ -36,10 +35,12 @@ export default async function AboutPage({ params }: Props) {
            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
              <div className="border-l-4 border-[var(--neon-cyan)] pl-6">
                <p className="font-mono text-base text-[rgb(var(--text-primary))] leading-relaxed mb-4">
-                  {t('introParagraph1')}
+                  Welcome to my corner of the internet! This is where I share my thoughts, opinions,
+                  and experiences - from tech adventures to life as a family man. Yes, I love
+                  technology, but there&apos;s so much more to life than just code and servers.
                </p>
                <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase tracking-wider">
-                  {t('introLabel')}
+                  STATUS: ACTIVE // ROLE: DAD + DEV + LIFE ENTHUSIAST
                </p>
              </div>
            </section>
@@ -47,39 +48,46 @@ export default async function AboutPage({ params }: Props) {
            {/* Life & Values Section */}
            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                {t('lifeValuesTitle')}
+                &gt; LIFE & VALUES
              </h2>
              <div className="space-y-4">
                <div className="border-l-4 border-[var(--neon-pink)] pl-6">
                  <h3 className="font-mono text-sm font-bold text-[var(--neon-pink)] uppercase mb-2">
-                    {t('familyFirstTitle')}
+                    [FAMILY FIRST]
                  </h3>
                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('familyFirstText')}
+                    Being a dad to an amazing toddler is my most important role. Family time is
+                    sacred - whether it&apos;s building block towers, exploring parks, or just
+                    enjoying the chaos of everyday life together. Tech can wait; these moments
+                    can&apos;t.
                  </p>
                </div>
                <div className="border-l-4 border-[var(--neon-cyan)] pl-6">
                  <h3 className="font-mono text-sm font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    {t('activeLifestyleTitle')}
+                    [ACTIVE LIFESTYLE]
                  </h3>
                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('activeLifestyleText')}
+                    I believe in keeping the body active. Whether it&apos;s hitting the gym, playing
+                    sports, or just staying on the move - physical activity keeps me sharp,
+                    balanced, and ready for whatever life throws my way.
                  </p>
                </div>
                <div className="border-l-4 border-[var(--neon-green)] pl-6">
                  <h3 className="font-mono text-sm font-bold text-[var(--neon-green)] uppercase mb-2">
-                    {t('simpleThingsTitle')}
+                    [ENJOYING THE SIMPLE THINGS]
                  </h3>
                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('simpleThingsText')}
+                    Life&apos;s too short not to enjoy it. A good drink, a relaxing
+                    evening after a long day, or just not doing anything a blowing some steam off.
                  </p>
                </div>
                <div className="border-l-4 border-[var(--neon-orange)] pl-6">
                  <h3 className="font-mono text-sm font-bold text-[var(--neon-orange)] uppercase mb-2">
-                    {t('techPurposeTitle')}
+                    [TECH WITH PURPOSE]
                  </h3>
                  <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('techPurposeText')}
+                    Yes, I love tech - self-hosting, privacy, tinkering with hardware. But it&apos;s
+                    a tool, not a lifestyle. Tech should serve life, not the other way around.
                  </p>
                </div>
              </div>
@@ -88,46 +96,51 @@ export default async function AboutPage({ params }: Props) {
            {/* Content Section */}
            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                {t('contentTitle')}
+                &gt; WHAT YOU&apos;LL FIND HERE
              </h2>
              <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase tracking-wider mb-6">
-                {t('contentSubtitle')}
+                CONTENT SCOPE // EVERYTHING FROM TECH TO LIFE
              </p>
              <ul className="space-y-3">
                <li className="flex items-start gap-3">
                  <span className="text-[var(--neon-pink)] font-mono font-bold">&gt;</span>
                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>{t('contentThoughts')}</strong> - {t('contentThoughtsDesc')}
+                    <strong>Thoughts & Opinions</strong> - My take on life, work, and everything in
+                    between
                  </span>
                </li>
                <li className="flex items-start gap-3">
                  <span className="text-[var(--neon-pink)] font-mono font-bold">&gt;</span>
                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>{t('contentLifeFamily')}</strong> - {t('contentLifeFamilyDesc')}
+                    <strong>Life & Family</strong> - Adventures in parenting, sports, and enjoying
+                    the simple things
                  </span>
                </li>
                <li className="flex items-start gap-3">
                  <span className="text-[var(--neon-cyan)] font-mono font-bold">&gt;</span>
                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>{t('contentTechResearch')}</strong> - {t('contentTechResearchDesc')}
+                    <strong>Tech Research</strong> - When I dive into interesting technologies and
+                    experiments
                  </span>
                </li>
                <li className="flex items-start gap-3">
                  <span className="text-[var(--neon-cyan)] font-mono font-bold">&gt;</span>
                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>{t('contentSysAdmin')}</strong> - {t('contentSysAdminDesc')}
+                    <strong>System Administration</strong> - Self-hosting, infrastructure, and
+                    DevOps adventures
                  </span>
                </li>
                <li className="flex items-start gap-3">
                  <span className="text-[var(--neon-cyan)] font-mono font-bold">&gt;</span>
                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>{t('contentDevelopment')}</strong> - {t('contentDevelopmentDesc')}
+                    <strong>Development Insights</strong> - Lessons learned from building software
                  </span>
                </li>
                <li className="flex items-start gap-3">
                  <span className="text-[var(--neon-green)] font-mono font-bold">&gt;</span>
                  <span className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed">
-                    <strong>{t('contentRandom')}</strong> - {t('contentRandomDesc')}
+                    <strong>Random Stuff</strong> - Because life doesn&apos;t fit into neat
+                    categories!
                  </span>
                </li>
              </ul>
@@ -136,39 +149,40 @@ export default async function AboutPage({ params }: Props) {
            {/* Areas of Focus Section */}
            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                {t('focusTitle')}
+                &gt; AREAS OF FOCUS
              </h2>
              <div className="grid md:grid-cols-2 gap-4">
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-pink)] uppercase mb-2">
-                    {t('focusBeingDadTitle')}
+                    [BEING A DAD]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('focusBeingDadText')}
+                    Playing with my boy, teaching moments, watching him grow, building memories
+                    together
                  </p>
                </div>
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    {t('focusStayingActiveTitle')}
+                    [STAYING ACTIVE]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('focusStayingActiveText')}
+                    Gym sessions, sports, keeping fit, maintaining energy for life&apos;s demands
                  </p>
                </div>
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-green)] uppercase mb-2">
-                    {t('focusTechnologyTitle')}
+                    [TECHNOLOGY & SYSTEMS]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('focusTechnologyText')}
+                    Software development, infrastructure, DevOps, self-hosting adventures
                  </p>
                </div>
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-orange)] uppercase mb-2">
-                    {t('focusLifeBalanceTitle')}
+                    [LIFE BALANCE]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('focusLifeBalanceText')}
+                    Relaxing with good company, enjoying downtime, appreciating the simple moments
                  </p>
                </div>
              </div>
@@ -176,42 +190,42 @@ export default async function AboutPage({ params }: Props) {
            {/* Tech Stack Section */}
            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                {t('techStackTitle')}
+                &gt; TECH STACK
              </h2>
              <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase tracking-wider mb-6">
-                {t('techStackSubtitle')}
+                TOOLS I USE // WHEN NEEDED
              </p>
              <div className="grid md:grid-cols-2 gap-4">
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    {t('techStackDevelopmentTitle')}
+                    [DEVELOPMENT]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('techStackDevelopmentText')}
+                    .NET, Golang, TypeScript, Next.js, React
                  </p>
                </div>
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    {t('techStackInfrastructureTitle')}
+                    [INFRASTRUCTURE]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('techStackInfrastructureText')}
+                    Windows Server, Linux, Docker, Hyper-V
                  </p>
                </div>
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    {t('techStackDesignTitle')}
+                    [DESIGN]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('techStackDesignText')}
+                    Tailwind CSS, Markdown, Terminal aesthetics
                  </p>
                </div>
                <div className="border border-[rgb(var(--border-primary))] p-4">
                  <h3 className="font-mono text-xs font-bold text-[var(--neon-cyan)] uppercase mb-2">
-                    {t('techStackSelfHostingTitle')}
+                    [SELF-HOSTING]
                  </h3>
                  <p className="font-mono text-xs text-[rgb(var(--text-primary))] leading-relaxed">
-                    {t('techStackSelfHostingText')}
+                    Home lab, privacy-focused services, full control, Git server
                  </p>
                </div>
              </div>
@@ -219,7 +233,7 @@ export default async function AboutPage({ params }: Props) {
            {/* Contact Section */}
            <section className="border-2 border-[rgb(var(--border-primary))]  p-8">
              <h2 className="text-2xl font-mono font-bold uppercase text-[rgb(var(--text-primary))] mb-6 pb-3 border-b-2 border-[rgb(var(--border-primary))]">
-                {t('contactTitle')}
+                &gt; CONTACT
              </h2>
              <div className="border-l-4 border-[var(--neon-pink)] pl-6">
                {/* <p className="font-mono text-sm text-[rgb(var(--text-primary))] leading-relaxed mb-4">
--- a/app/[locale]/blog/[...slug]/not-found.tsx
+++ b/app/[locale]/blog/[...slug]/not-found.tsx
@@ -9,7 +9,9 @@ export default function NotFound() {
      <div className="text-center">
        <h1 className="text-6xl font-bold text-gray-300 dark:text-gray-700 mb-4">404</h1>
        <h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
-        <p className="text-gray-600 dark:text-gray-400 mb-8">{t('description')}</p>
+        <p className="text-gray-600 dark:text-gray-400 mb-8">
+          {t('description')}
+        </p>
        <div className="space-x-4">
          <Link
            href="/blog"
--- a/app/[locale]/blog/[...slug]/page.tsx
+++ b/app/[locale]/blog/[...slug]/page.tsx
@@ -2,11 +2,13 @@ import { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 import { Link } from '@/src/i18n/navigation'
 import { getAllPosts, getPostBySlug, getRelatedPosts } from '@/lib/markdown'
-import { formatDate } from '@/lib/utils'
+import { formatDate, formatRelativeDate } from '@/lib/utils'
 import { TableOfContents } from '@/components/blog/table-of-contents'
 import { ReadingProgress } from '@/components/blog/reading-progress'
 import { StickyFooter } from '@/components/blog/sticky-footer'
 import MarkdownRenderer from '@/components/blog/markdown-renderer'
+import { setRequestLocale } from 'next-intl/server'
+import { routing } from '@/src/i18n/routing'

 export async function generateStaticParams() {
  const locales = ['en', 'ro']
--- a/app/[locale]/blog/blog-client.tsx
+++ b/app/[locale]/blog/blog-client.tsx
@@ -7,6 +7,7 @@ import { BlogCard } from '@/components/blog/blog-card'
 import { SearchBar } from '@/components/blog/search-bar'
 import { SortDropdown } from '@/components/blog/sort-dropdown'
 import { TagFilter } from '@/components/blog/tag-filter'
+import { Navbar } from '@/components/blog/navbar'

 interface BlogPageClientProps {
  posts: Post[]
@@ -68,10 +69,10 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
        {/* Header */}
        <div className="border-l border-[var(--neon-cyan)] pl-6 mb-12">
          <p className="font-mono text-xs text-[rgb(var(--text-muted))] uppercase tracking-widest mb-2">
-            {t('subtitle')}
+            {t("subtitle")}
          </p>
          <h1 className="text-4xl md:text-6xl font-mono font-bold text-[rgb(var(--text-primary))] uppercase tracking-tight">
-            &gt; {t('title')}_
+            &gt; {t("title")}_
          </h1>
        </div>

@@ -103,7 +104,8 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
        {/* Results Count */}
        <div className="mb-6">
          <p className="font-mono text-sm text-[rgb(var(--text-muted))] uppercase">
-            {t('foundPosts', { count: filteredAndSortedPosts.length })}{' '}
+            {t("foundPosts", {count: filteredAndSortedPosts.length})}{' '}
+            
          </p>
        </div>

@@ -126,7 +128,7 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
        ) : (
          <div className="border border-[rgb(var(--border-primary))] bg-[rgb(var(--bg-secondary))] p-12 text-center">
            <p className="font-mono text-lg text-[rgb(var(--text-muted))] uppercase">
-              {t('noPosts')}
+              {t("noPosts")}
            </p>
          </div>
        )}
@@ -140,7 +142,7 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
                disabled={currentPage === 1}
                className="px-6 py-3 font-mono text-sm uppercase border border-[rgb(var(--border-primary))] text-[rgb(var(--text-primary))] disabled:opacity-30 disabled:cursor-not-allowed hover:border-[var(--neon-cyan)] hover:text-[var(--neon-cyan)] transition-colors cursor-pointer"
              >
-                {t('prev')}
+                &lt; PREV
              </button>
              <div className="flex items-center gap-2">
                {Array.from({ length: totalPages }, (_, i) => i + 1).map(page => (
@@ -162,7 +164,7 @@ export default function BlogPageClient({ posts, allTags }: BlogPageClientProps)
                disabled={currentPage === totalPages}
                className="px-6 py-3 font-mono text-sm uppercase border border-[rgb(var(--border-primary))] text-[rgb(var(--text-primary))] disabled:opacity-30 disabled:cursor-not-allowed hover:border-[var(--neon-cyan)] hover:text-[var(--neon-cyan)] transition-colors cursor-pointer"
              >
-                {t('next')}
+                NEXT &gt;
              </button>
            </div>
          </div>
--- a/app/[locale]/blog/page.tsx
+++ b/app/[locale]/blog/page.tsx
@@ -1,11 +1,9 @@
 import { getAllPosts } from '@/lib/markdown'
 import BlogPageClient from './blog-client'
-import { setRequestLocale } from 'next-intl/server'
+import {setRequestLocale} from 'next-intl/server'

-export default async function BlogPage({ params }: { params: Promise<{ locale: string }> }) {
-  const { locale } = await params
-  await setRequestLocale(locale)
-  const posts = await getAllPosts(locale)
+export default async function BlogPage() {
+  const posts = await getAllPosts()
  const allTags = Array.from(new Set(posts.flatMap(post => post.frontmatter.tags))).sort()

  return <BlogPageClient posts={posts} allTags={allTags} />
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -1,20 +1,24 @@
-import { notFound } from 'next/navigation'
-import { setRequestLocale } from 'next-intl/server'
-import { routing } from '@/src/i18n/routing'
-import { ReactNode } from 'react'
+import {notFound} from 'next/navigation'
+import {setRequestLocale} from 'next-intl/server'
+import {routing} from '@/src/i18n/routing'
+import {ReactNode} from 'react'

 type Props = {
  children: ReactNode
  breadcrumbs: ReactNode
-  params: Promise<{ locale: string }>
+  params: Promise<{locale: string}>
 }

 export function generateStaticParams() {
-  return routing.locales.map(locale => ({ locale }))
+  return routing.locales.map((locale) => ({locale}))
 }

-export default async function LocaleLayout({ children, breadcrumbs, params }: Props) {
-  const { locale } = await params
+export default async function LocaleLayout({
+  children,
+  breadcrumbs,
+  params
+}: Props) {
+  const {locale} = await params
  
  if (!routing.locales.includes(locale as any)) {
    notFound()
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -1,20 +1,11 @@
-import { Link } from '@/src/i18n/navigation'
+import {Link} from '@/src/i18n/navigation'
 import Image from 'next/image'
 import { getAllPosts } from '@/lib/markdown'
 import { formatDate } from '@/lib/utils'
-import { HeroHeader } from '@/components/layout/hero-header'
-import { setRequestLocale, getTranslations } from 'next-intl/server'
-
-type Props = {
-  params: Promise<{ locale: string }>
-}
-
-export default async function HomePage({ params }: Props) {
-  const { locale } = await params
-  setRequestLocale(locale)
-  const t = await getTranslations('Home')
-  // const tNav = await getTranslations('Navigation')
+import { ThemeToggle } from '@/components/theme-toggle'
+import {setRequestLocale} from 'next-intl/server'

+export default async function HomePage() {
  const allPosts = await getAllPosts()
  const featuredPosts = allPosts.slice(0, 6)

@@ -29,17 +20,41 @@ export default async function HomePage({ params }: Props) {
        <div className="relative z-10 max-w-5xl mx-auto px-6 w-full">
          <div className="border-4 border-slate-300 dark:border-slate-700 bg-white/80 dark:bg-slate-900/80 p-8 md:p-12 transition-colors duration-300">
            {/* Logo */}
-            <HeroHeader />
+            <div className="mb-8 flex items-center justify-between border-b-2 border-slate-300 dark:border-slate-800 pb-4">
+              <div className="flex items-center gap-3">
+                <Image src="/logo.png" alt="Logo" width={32} height={32} className="opacity-80" />
+                <span className="font-mono text-xs text-slate-500 uppercase tracking-widest">
+                  TERMINAL:// V2.0
+                </span>
+              </div>
+              <div className="flex gap-4 items-center">
+                <Link
+                  href="/blog"
+                  className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
+                >
+                  [BLOG]
+                </Link>
+                <Link
+                  href="/about"
+                  className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
+                >
+                  [ABOUT]
+                </Link>
+                <ThemeToggle />
+              </div>
+            </div>

            <div className="border-l-4 border-cyan-700 dark:border-cyan-900 pl-6 mb-8">
              <p className="font-mono text-xs text-slate-500 dark:text-slate-500 uppercase tracking-widest mb-2">
-                {t('documentLevel')}
+                DOCUMENT LEVEL-1 //
              </p>
              <h1 className="text-4xl md:text-6xl lg:text-7xl font-mono font-bold text-slate-900 dark:text-slate-100 uppercase tracking-tight mb-6">
-                {t('heroTitle')}
+                BUILD. WRITE.
+                <br />
+                SHARE.
              </h1>
              <p className="text-base md:text-lg lg:text-xl text-slate-700 dark:text-slate-400 font-mono leading-relaxed max-w-2xl">
-                {t('heroSubtitle')}
+                &gt; Explore ideas
              </p>
            </div>

@@ -48,13 +63,13 @@ export default async function HomePage({ params }: Props) {
                href="/blog"
                className="px-6 md:px-8 py-3 md:py-4 bg-cyan-700 dark:bg-cyan-900 text-white dark:text-slate-100 border-2 border-cyan-600 dark:border-cyan-700 font-mono font-bold uppercase text-xs md:text-sm tracking-wider hover:bg-cyan-600 dark:hover:bg-cyan-800 hover:border-cyan-500 dark:hover:border-cyan-600 rounded-none transition-colors duration-200"
              >
-                {t('checkPostsButton')}
+                [CHECK POSTS]
              </Link>
              <Link
                href="/about"
                className="px-6 md:px-8 py-3 md:py-4 bg-transparent text-slate-700 dark:text-slate-300 border-2 border-slate-400 dark:border-slate-700 font-mono font-bold uppercase text-xs md:text-sm tracking-wider hover:bg-slate-200 dark:hover:bg-slate-800 hover:border-slate-500 dark:hover:border-slate-600 rounded-none transition-colors duration-200"
              >
-                {t('aboutMeButton')}
+                [ABOUT ME]
              </Link>
            </div>
          </div>
@@ -66,10 +81,10 @@ export default async function HomePage({ params }: Props) {
        <div className="max-w-7xl mx-auto px-6">
          <div className="border-l-4 border-emerald-700 dark:border-emerald-900 pl-6 mb-12">
            <p className="font-mono text-xs text-slate-500 dark:text-slate-500 uppercase tracking-widest mb-2">
-              {t('recentEntriesLabel')}
+              ARCHIVE ACCESS // RECENT ENTRIES
            </p>
            <h2 className="text-3xl md:text-5xl font-mono font-bold text-slate-900 dark:text-slate-100 uppercase tracking-tight">
-              {t('recentEntriesTitle')}
+              &gt; RECENT ENTRIES
            </h2>
          </div>

@@ -119,7 +134,7 @@ export default async function HomePage({ params }: Props) {
                    href={`/blog/${post.slug}`}
                    className="inline-flex items-center text-cyan-600 dark:text-cyan-400 font-mono text-xs font-bold uppercase tracking-wider hover:text-cyan-500 dark:hover:text-cyan-300 border-2 border-slate-400 dark:border-slate-700 px-4 py-2 hover:border-cyan-700 dark:hover:border-cyan-900 transition-colors duration-200"
                  >
-                    {t('accessButton')}
+                    [ACCESEAZĂ] &gt;&gt;
                  </Link>
                </div>
              </article>
@@ -132,14 +147,14 @@ export default async function HomePage({ params }: Props) {
                href="/blog"
                className="inline-flex items-center px-8 py-4 bg-transparent text-slate-700 dark:text-slate-300 border-2 border-slate-400 dark:border-slate-700 font-mono font-bold uppercase text-sm tracking-wider hover:bg-slate-200 dark:hover:bg-slate-800 hover:border-slate-500 dark:hover:border-slate-600 transition-colors duration-200"
              >
-                {t('seePostsButton')}
+                [SEE POSTS] &gt;&gt;
              </Link>
            )}
            <Link
              href="/tags"
              className="inline-flex items-center px-8 py-4 bg-transparent text-slate-700 dark:text-slate-300 border-2 border-slate-400 dark:border-slate-700 font-mono font-bold uppercase text-sm tracking-wider hover:bg-slate-200 dark:hover:bg-slate-800 hover:border-slate-500 dark:hover:border-slate-600 transition-colors duration-200"
            >
-              {t('seeAllTagsButton')}
+              [SEE ALL TAGS] &gt;&gt;
            </Link>
          </div>
        </div>
--- a/app/[locale]/tags/[tag]/page.tsx
+++ b/app/[locale]/tags/[tag]/page.tsx
@@ -1,9 +1,11 @@
 import { Metadata } from 'next'
 import { notFound } from 'next/navigation'
-import { Link } from '@/src/i18n/navigation'
+import {Link} from '@/src/i18n/navigation'
 import { getAllTags, getPostsByTag, getTagInfo, getRelatedTags } from '@/lib/tags'
 import { TagList } from '@/components/blog/tag-list'
 import { formatDate } from '@/lib/utils'
+import {setRequestLocale} from 'next-intl/server'
+import {routing} from '@/src/i18n/routing'

 export async function generateStaticParams() {
  const tags = await getAllTags()
--- a/app/[locale]/tags/page.tsx
+++ b/app/[locale]/tags/page.tsx
@@ -1,9 +1,9 @@
 import { Metadata } from 'next'
-import { Link } from '@/src/i18n/navigation'
+import {Link} from '@/src/i18n/navigation'
 import { getAllTags, getTagCloud } from '@/lib/tags'
 import { TagCloud } from '@/components/blog/tag-cloud'
 import { TagBadge } from '@/components/blog/tag-badge'
-import { setRequestLocale } from 'next-intl/server'
+import {setRequestLocale} from 'next-intl/server'

 export const metadata: Metadata = {
  title: 'Tag-uri',
@@ -11,11 +11,11 @@ export const metadata: Metadata = {
 }

 type Props = {
-  params: Promise<{ locale: string }>
+  params: Promise<{locale: string}>
 }

-export default async function TagsPage({ params }: Props) {
-  const { locale } = await params
+export default async function TagsPage({params}: Props) {
+  const {locale} = await params
  setRequestLocale(locale)
  const allTags = await getAllTags()
  const tagCloud = await getTagCloud()
--- a/app/feed.xml/route.ts
+++ b/app/feed.xml/route.ts
@@ -3,7 +3,7 @@ import { NextResponse } from 'next/server'

 export async function GET() {
  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'
-  const posts = await getAllPosts('en', false)
+  const posts = await getAllPosts("en", false)

  const rss = `<?xml version="1.0" encoding="UTF-8"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
--- a/app/globals.css
+++ b/app/globals.css
@@ -449,184 +449,3 @@
    margin-bottom: 3rem;
  }
 }
-
-/* === MOBILE RESPONSIVE UTILITIES === */
-@media (max-width: 767px) {
-  .show-mobile-only {
-    display: block;
-  }
-  .hide-mobile {
-    display: none !important;
-  }
-}
-
-@media (min-width: 768px) {
-  .show-mobile-only {
-    display: none !important;
-  }
-  .hide-mobile {
-    display: block;
-  }
-}
-
-/* === BUTTON GLITCH EFFECT === */
-@layer utilities {
-  .glitch-btn-cyber {
-    --glitch-shimmy: 5;
-    --glitch-clip-1: polygon(
-      0 2%,
-      100% 2%,
-      100% 95%,
-      95% 95%,
-      95% 90%,
-      85% 90%,
-      85% 95%,
-      8% 95%,
-      0 70%
-    );
-    --glitch-clip-2: polygon(
-      0 78%,
-      100% 78%,
-      100% 100%,
-      95% 100%,
-      95% 90%,
-      85% 90%,
-      85% 100%,
-      8% 100%,
-      0 78%
-    );
-    --glitch-clip-3: polygon(
-      0 44%,
-      100% 44%,
-      100% 54%,
-      95% 54%,
-      95% 54%,
-      85% 54%,
-      85% 54%,
-      8% 54%,
-      0 54%
-    );
-    --glitch-clip-4: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
-    --glitch-clip-5: polygon(
-      0 40%,
-      100% 40%,
-      100% 85%,
-      95% 85%,
-      95% 85%,
-      85% 85%,
-      85% 85%,
-      8% 85%,
-      0 70%
-    );
-    --glitch-clip-6: polygon(
-      0 63%,
-      100% 63%,
-      100% 80%,
-      95% 80%,
-      95% 80%,
-      85% 80%,
-      85% 80%,
-      8% 80%,
-      0 70%
-    );
-  }
-
-  .glitch-overlay {
-    position: absolute;
-    inset: 0;
-    display: none;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-    color: var(--neon-cyan);
-    z-index: 10;
-  }
-
-  .glitch-btn-cyber:is(:hover, :focus-visible) .glitch-overlay {
-    display: flex;
-    animation: glitch-btn-animate 2s infinite;
-  }
-
-  @keyframes glitch-btn-animate {
-    0% {
-      clip-path: var(--glitch-clip-1);
-    }
-    2%,
-    8% {
-      clip-path: var(--glitch-clip-2);
-      transform: translate(calc(var(--glitch-shimmy) * -1%), 0);
-    }
-    6% {
-      clip-path: var(--glitch-clip-2);
-      transform: translate(calc(var(--glitch-shimmy) * 1%), 0);
-    }
-    9% {
-      clip-path: var(--glitch-clip-2);
-      transform: translate(0, 0);
-    }
-    10% {
-      clip-path: var(--glitch-clip-3);
-      transform: translate(calc(var(--glitch-shimmy) * 1%), 0);
-    }
-    13% {
-      clip-path: var(--glitch-clip-3);
-      transform: translate(0, 0);
-    }
-    14%,
-    21% {
-      clip-path: var(--glitch-clip-4);
-      transform: translate(calc(var(--glitch-shimmy) * 1%), 0);
-    }
-    25%,
-    30% {
-      clip-path: var(--glitch-clip-5);
-      transform: translate(calc(var(--glitch-shimmy) * -1%), 0);
-    }
-    35%,
-    45% {
-      clip-path: var(--glitch-clip-6);
-      transform: translate(calc(var(--glitch-shimmy) * -1%), 0);
-    }
-    40% {
-      clip-path: var(--glitch-clip-6);
-      transform: translate(calc(var(--glitch-shimmy) * 1%), 0);
-    }
-    50% {
-      clip-path: var(--glitch-clip-6);
-      transform: translate(0, 0);
-    }
-    55% {
-      clip-path: var(--glitch-clip-3);
-      transform: translate(calc(var(--glitch-shimmy) * 1%), 0);
-    }
-    60% {
-      clip-path: var(--glitch-clip-3);
-      transform: translate(0, 0);
-    }
-    61%,
-    100% {
-      clip-path: var(--glitch-clip-4);
-    }
-  }
-
-  .glitch-btn-subtle {
-    --glitch-shimmy: 2;
-  }
-
-  .glitch-overlay-pink {
-    color: var(--neon-pink);
-  }
-  .glitch-overlay-purple {
-    color: var(--neon-purple);
-  }
-  .glitch-overlay-magenta {
-    color: var(--neon-magenta);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .glitch-btn-cyber:is(:hover, :focus-visible) .glitch-overlay {
-      animation: none;
-      display: none;
-    }
-  }
-}
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,8 +3,8 @@ import { JetBrains_Mono } from 'next/font/google'
 import './globals.css'
 import { ThemeProvider } from '@/providers/providers'
 import '@/lib/env-validation'
-import { NextIntlClientProvider } from 'next-intl'
-import { getMessages } from 'next-intl/server'
+import {NextIntlClientProvider} from 'next-intl'
+import {getMessages} from 'next-intl/server'

 const jetbrainsMono = JetBrains_Mono({ subsets: ['latin'], variable: '--font-mono' })

@@ -30,7 +30,11 @@ export const metadata: Metadata = {
  },
 }

-export default async function RootLayout({ children }: { children: React.ReactNode }) {
+export default async function RootLayout({
+  children
+}: {
+  children: React.ReactNode
+}) {
  const messages = await getMessages()

  return (
--- a/app/robots.ts
+++ b/app/robots.ts
@@ -8,9 +8,9 @@ export default function robots(): MetadataRoute.Robots {
      userAgent: '*',
      allow: '/',
      disallow: [
-        '/api/', // Disallow API routes (if any)
-        '/_next/', // Disallow Next.js internals
-        '/admin/', // Disallow admin (if any)
+        '/api/',      // Disallow API routes (if any)
+        '/_next/',    // Disallow Next.js internals
+        '/admin/',    // Disallow admin (if any)
      ],
    },
    sitemap: `${baseUrl}/sitemap.xml`,
--- a/app/sitemap.ts
+++ b/app/sitemap.ts
@@ -5,7 +5,7 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3030'
  
  // Get all blog posts
-  const posts = await getAllPosts('en', false)
+  const posts = await getAllPosts("en", false)
  
  // Generate sitemap entries for blog posts
  const blogPosts: MetadataRoute.Sitemap = posts.map(post => ({
--- a/components/blog/OptimizedImage.tsx
+++ b/components/blog/OptimizedImage.tsx
@@ -62,7 +62,9 @@ export function OptimizedImage({
  return (
    <span className={`block my-8 ${className}`}>
      {imageElement}
-      {caption && <span className="block mt-3 text-center text-sm text-zinc-400">{caption}</span>}
+      {caption && (
+        <span className="block mt-3 text-center text-sm text-zinc-400">{caption}</span>
+      )}
    </span>
  )
 }
--- a/components/blog/blog-card.tsx
+++ b/components/blog/blog-card.tsx
@@ -40,7 +40,7 @@ export function BlogCard({ post, variant }: BlogCardProps) {
            ))}
          </div>
          <span className="inline-flex items-center font-mono text-xs uppercase text-cyan-400 hover:text-cyan-300 transition-colors">
-            &gt; {t('readingTime', { minutes: post.readingTime })}
+            &gt; {t('readingTime', {minutes: post.readingTime})}
          </span>
        </article>
      </Link>
@@ -84,7 +84,7 @@ export function BlogCard({ post, variant }: BlogCardProps) {
                ))}
              </div>
              <span className="inline-flex items-center font-mono text-xs uppercase text-cyan-400 hover:text-cyan-300 transition-colors">
-                &gt; {t('readingTime', { minutes: post.readingTime })}
+                &gt; {t('readingTime', {minutes: post.readingTime})}
              </span>
            </div>
          </div>
@@ -129,7 +129,7 @@ export function BlogCard({ post, variant }: BlogCardProps) {
            ))}
          </div>
          <span className="inline-flex items-center font-mono text-xs uppercase text-cyan-400 hover:text-cyan-300 transition-colors">
-            &gt; {t('readingTime', { minutes: post.readingTime })}
+            &gt; {t('readingTime', {minutes: post.readingTime})}
          </span>
        </div>
      </article>
--- a/components/blog/code-block.tsx
+++ b/components/blog/code-block.tsx
@@ -6,10 +6,10 @@ interface CodeBlockProps {
  code: string
  language: string
  filename?: string
-  _showLineNumbers?: boolean
+  showLineNumbers?: boolean
 }

-export function CodeBlock({ code, language, filename, _showLineNumbers = true }: CodeBlockProps) {
+export function CodeBlock({ code, language, filename, showLineNumbers = true }: CodeBlockProps) {
  const [copied, setCopied] = useState(false)

  const handleCopy = async () => {
--- a/components/blog/markdown-renderer.tsx
+++ b/components/blog/markdown-renderer.tsx
@@ -15,7 +15,7 @@ interface MarkdownRendererProps {
 }

 export default function MarkdownRenderer({ content, className = '' }: MarkdownRendererProps) {
-  const _locale = useLocale()
+  const locale = useLocale()
  return (
    <div className={`prose prose-invert prose-zinc max-w-none ${className}`}>
      <ReactMarkdown
--- a/components/blog/navbar.tsx
+++ b/components/blog/navbar.tsx
@@ -5,13 +5,11 @@ import { useTranslations } from 'next-intl'
 import { Link } from '@/i18n/navigation'
 import { ThemeToggle } from '@/components/theme-toggle'
 import LanguageSwitcher from '@/components/layout/LanguageSwitcher'
-import { GlitchButton } from '@/components/effects/glitch-button'

 export function Navbar() {
  const t = useTranslations('Navigation')
  const [isVisible, setIsVisible] = useState(true)
  const [lastScrollY, setLastScrollY] = useState(0)
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)

  useEffect(() => {
    const handleScroll = () => {
@@ -21,7 +19,6 @@ export function Navbar() {
        setIsVisible(true)
      } else if (currentScrollY > lastScrollY) {
        setIsVisible(false)
-        setIsMobileMenuOpen(false)
      } else {
        setIsVisible(true)
      }
@@ -47,12 +44,11 @@ export function Navbar() {
            >
              &lt; {t('home')}
            </Link>
-            <span className="font-mono text-sm text-zinc-100 dark:text-zinc-300 uppercase tracking-wider hidden md:block">
+            <span className="font-mono text-sm text-zinc-100 dark:text-zinc-300 uppercase tracking-wider">
              // <span style={{ color: 'var(--neon-pink)' }}>{t('blog')}</span> ARCHIVE
            </span>
          </div>
-
-          <div className="hidden md:flex items-center gap-6">
+          <div className="flex items-center gap-6">
            <Link
              href="/about"
              className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer"
@@ -68,45 +64,7 @@ export function Navbar() {
            <ThemeToggle />
            <LanguageSwitcher />
          </div>
-
-          <div className="md:hidden flex items-center gap-4">
-            <GlitchButton
-              variant="subtle"
-              glitchColor="cyan"
-              onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
-              className="font-mono text-sm uppercase tracking-wider px-4 py-2 border-4 border-slate-700 bg-slate-800 dark:bg-zinc-900 text-zinc-100 dark:text-zinc-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-500"
-              aria-label="Toggle mobile menu"
-              aria-expanded={isMobileMenuOpen}
-            >
-              // {isMobileMenuOpen ? 'CLOSE' : 'MENU'}
-            </GlitchButton>
-          </div>
        </div>
-
-        {isMobileMenuOpen && (
-          <div className="md:hidden mt-4 pt-4 border-t-4 border-slate-700">
-            <div className="flex flex-col gap-4">
-              <Link
-                href="/about"
-                className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer px-4 py-2 border-2 border-slate-700"
-                onClick={() => setIsMobileMenuOpen(false)}
-              >
-                [{t('about')}]
-              </Link>
-              <Link
-                href="/blog"
-                className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer px-4 py-2 border-2 border-slate-700"
-                onClick={() => setIsMobileMenuOpen(false)}
-              >
-                [{t('blog')}]
-              </Link>
-              <div className="flex items-center gap-4 px-4 py-2">
-                <ThemeToggle />
-                <LanguageSwitcher />
-              </div>
-            </div>
-          </div>
-        )}
      </div>
    </nav>
  )
--- a/components/blog/navbar.tsx.bak
+++ b/components/blog/navbar.tsx.bak
@@ -1,71 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { useTranslations } from 'next-intl'
-import { Link } from '@/i18n/navigation'
-import { ThemeToggle } from '@/components/theme-toggle'
-import LanguageSwitcher from '@/components/layout/LanguageSwitcher'
-
-export function Navbar() {
-  const t = useTranslations('Navigation')
-  const [isVisible, setIsVisible] = useState(true)
-  const [lastScrollY, setLastScrollY] = useState(0)
-
-  useEffect(() => {
-    const handleScroll = () => {
-      const currentScrollY = window.scrollY
-
-      if (currentScrollY < 10) {
-        setIsVisible(true)
-      } else if (currentScrollY > lastScrollY) {
-        setIsVisible(false)
-      } else {
-        setIsVisible(true)
-      }
-
-      setLastScrollY(currentScrollY)
-    }
-
-    window.addEventListener('scroll', handleScroll, { passive: true })
-    return () => window.removeEventListener('scroll', handleScroll)
-  }, [lastScrollY])
-
-  return (
-    <nav
-      className={`border-b-4 border-slate-700 bg-slate-900 dark:bg-zinc-950 sticky top-0 z-50 ${isVisible ? 'navbar-visible' : 'navbar-hidden'}`}
-    >
-      <div className="max-w-7xl mx-auto px-6 py-4">
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-8">
-            <Link
-              href="/"
-              className="font-mono text-sm uppercase tracking-wider transition-colors cursor-pointer"
-              style={{ color: 'var(--neon-cyan)' }}
-            >
-              &lt; {t('home')}
-            </Link>
-            <span className="font-mono text-sm text-zinc-100 dark:text-zinc-300 uppercase tracking-wider">
-              // <span style={{ color: 'var(--neon-pink)' }}>{t('blog')}</span> ARCHIVE
-            </span>
-          </div>
-          <div className="flex items-center gap-6">
-            <Link
-              href="/about"
-              className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer"
-            >
-              [{t('about')}]
-            </Link>
-            <Link
-              href="/blog"
-              className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer"
-            >
-              [{t('blog')}]
-            </Link>
-            <ThemeToggle />
-            <LanguageSwitcher />
-          </div>
-        </div>
-      </div>
-    </nav>
-  )
-}
--- a/components/blog/popular-tags.tsx
+++ b/components/blog/popular-tags.tsx
@@ -3,7 +3,7 @@ import { getPopularTags } from '@/lib/tags'
 import { TagBadge } from './tag-badge'

 export async function PopularTags({ limit = 5 }: { limit?: number }) {
-  const tags = await getPopularTags('en', limit)
+  const tags = await getPopularTags("en", limit)

  if (tags.length === 0) return null

--- a/components/blog/tag-cloud.tsx
+++ b/components/blog/tag-cloud.tsx
@@ -28,7 +28,7 @@ export function TagCloud({ tags }: TagCloudProps) {
            hover:text-cyan-400
            transition-colors
          `}
-          title={t('postsWithTag', { count: tag.count, tag: tag.name })}
+          title={t('postsWithTag', {count: tag.count, tag: tag.name})}
        >
          #{tag.name}
        </Link>
--- a/components/effects/glitch-button.tsx
+++ b/components/effects/glitch-button.tsx
@@ -1,43 +0,0 @@
-'use client'
-
-import React from 'react'
-import { cn } from '@/lib/utils'
-
-interface GlitchButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  children: React.ReactNode
-  variant?: 'default' | 'subtle'
-  glitchColor?: 'cyan' | 'pink' | 'purple' | 'magenta'
-  disabled?: boolean
-}
-
-export function GlitchButton({
-  children,
-  variant = 'default',
-  glitchColor = 'cyan',
-  disabled = false,
-  className,
-  ...props
-}: GlitchButtonProps) {
-  const glitchClasses = !disabled
-    ? cn('glitch-btn-cyber', variant === 'subtle' && 'glitch-btn-subtle', 'relative')
-    : ''
-
-  const overlayColorClass = {
-    cyan: '',
-    pink: 'glitch-overlay-pink',
-    purple: 'glitch-overlay-purple',
-    magenta: 'glitch-overlay-magenta',
-  }[glitchColor]
-
-  return (
-    <button className={cn(glitchClasses, className)} disabled={disabled} {...props}>
-      {children}
-
-      {!disabled && (
-        <div className={cn('glitch-overlay', overlayColorClass)} aria-hidden="true">
-          {children}
-        </div>
-      )}
-    </button>
-  )
-}
--- a/components/layout/Breadcrumbs.tsx
+++ b/components/layout/Breadcrumbs.tsx
@@ -1,6 +1,6 @@
 'use client'

-import { Link } from '@/i18n/navigation'
+import {Link} from '@/i18n/navigation'
 import { usePathname } from 'next/navigation'
 import { useLocale, useTranslations } from 'next-intl'
 import { Fragment } from 'react'
--- a/components/layout/LanguageSwitcher.tsx
+++ b/components/layout/LanguageSwitcher.tsx
@@ -1,21 +1,21 @@
-'use client'
+'use client';

-import { useLocale } from 'next-intl'
-import { useRouter, usePathname } from '@/i18n/navigation'
-import { routing } from '@/i18n/routing'
-import { useState } from 'react'
+import {useLocale} from 'next-intl';
+import {useRouter, usePathname} from '@/i18n/navigation';
+import {routing} from '@/i18n/routing';
+import {useState} from 'react';

 export default function LanguageSwitcher() {
-  const locale = useLocale()
-  const router = useRouter()
-  const pathname = usePathname()
-  const [isOpen, setIsOpen] = useState(false)
+  const locale = useLocale();
+  const router = useRouter();
+  const pathname = usePathname();
+  const [isOpen, setIsOpen] = useState(false);

  const handleLocaleChange = (newLocale: string) => {
-    router.replace(pathname, { locale: newLocale })
-    router.refresh()
-    setIsOpen(false)
-  }
+    router.replace(pathname, {locale: newLocale});
+    router.refresh();
+    setIsOpen(false);
+  };

  return (
    <div className="relative z-[100]">
@@ -36,8 +36,9 @@ export default function LanguageSwitcher() {
              className={`
                w-full text-left px-4 py-2 font-mono uppercase text-xs
                border-b border-slate-700 last:border-b-0
-                ${
-                  locale === loc ? 'bg-cyan-900 text-cyan-300' : 'text-slate-400 hover:bg-slate-800'
+                ${locale === loc
+                  ? 'bg-cyan-900 text-cyan-300'
+                  : 'text-slate-400 hover:bg-slate-800'
                }
              `}
            >
@@ -47,7 +48,12 @@ export default function LanguageSwitcher() {
        </div>
      )}

-      {isOpen && <div className="fixed inset-0 z-40" onClick={() => setIsOpen(false)} />}
+      {isOpen && (
+        <div
+          className="fixed inset-0 z-40"
+          onClick={() => setIsOpen(false)}
+        />
+      )}
    </div>
-  )
+  );
 }
--- a/components/layout/hero-header.tsx
+++ b/components/layout/hero-header.tsx
@@ -1,99 +0,0 @@
-'use client'
-
-import { useState, useEffect } from 'react'
-import { Link } from '@/i18n/navigation'
-import Image from 'next/image'
-import { ThemeToggle } from '@/components/theme-toggle'
-import { GlitchButton } from '@/components/effects/glitch-button'
-import LanguageSwitcher from './LanguageSwitcher'
-import { useLocale, useTranslations } from 'next-intl'
-
-export function HeroHeader() {
-  const locale = useLocale()
-  const t = useTranslations('Home')
-  const tNav = useTranslations('Navigation')
-
-  const terminalVersion = t('terminalVersion')
-  const blogLabel = tNav('blog')
-  const aboutLabel = tNav('about')
-
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
-  const [isMobile, setIsMobile] = useState(false)
-  useEffect(() => {
-    const checkMobile = () => setIsMobile(window.innerWidth < 768)
-    checkMobile()
-    window.addEventListener('resize', checkMobile)
-    return () => window.removeEventListener('resize', checkMobile)
-  }, [])
-
-  return (
-    <div className="mb-8 border-b-2 border-slate-300 dark:border-slate-800 pb-4">
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-3">
-          <Image src="/logo.png" alt="Logo" width={32} height={32} className="opacity-80" />
-          <span className="font-mono text-xs text-slate-500 uppercase tracking-widest">
-            {terminalVersion}
-          </span>
-        </div>
-
-        {!isMobile && (
-          <div className="flex gap-4 items-center">
-            <Link
-              href="/blog"
-              className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
-            >
-              [{blogLabel}]
-            </Link>
-            <Link
-              href="/about"
-              className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400"
-            >
-              [{aboutLabel}]
-            </Link>
-            <ThemeToggle />
-          </div>
-        )}
-
-        {isMobile && (
-          <div>
-            <GlitchButton
-              variant="subtle"
-              glitchColor="cyan"
-              onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
-              className="font-mono text-xs uppercase tracking-wider px-3 py-2 border-2 border-slate-400 dark:border-slate-700 bg-white dark:bg-slate-800 text-slate-600 dark:text-slate-300"
-              aria-label="Toggle menu"
-              aria-expanded={isMobileMenuOpen}
-            >
-              // {isMobileMenuOpen ? 'X' : 'MENU'}
-            </GlitchButton>
-          </div>
-        )}
-      </div>
-
-      {isMobileMenuOpen && isMobile && (
-        <div className="mt-4 pt-4 border-t-2 border-slate-300 dark:border-slate-800">
-          <div className="flex flex-col gap-3">
-            <Link
-              href="/blog"
-              className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400 px-3 py-2 border-2 border-slate-300 dark:border-slate-700"
-              onClick={() => setIsMobileMenuOpen(false)}
-            >
-              [{blogLabel}]
-            </Link>
-            <Link
-              href="/about"
-              className="font-mono text-xs text-slate-600 dark:text-slate-400 uppercase tracking-wider hover:text-cyan-600 dark:hover:text-cyan-400 px-3 py-2 border-2 border-slate-300 dark:border-slate-700"
-              onClick={() => setIsMobileMenuOpen(false)}
-            >
-              [{aboutLabel}]
-            </Link>
-            <div className="flex items-center gap-4 px-4 py-2">
-              <ThemeToggle />
-              <LanguageSwitcher />
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  )
-}
--- a/content/blog/en/why-this-page.md
+++ b/content/blog/en/why-this-page.md
@@ -1,5 +1,5 @@
 ---
-title: 'First post'
+title: 'Why I created this page'
 description: 'First post'
 date: '2025-12-02'
 author: 'Rares'
@@ -24,7 +24,7 @@ Well, yes, there are. But I believe that sharing some of my opinions and experie

 ## Why self-host?

-![Selfhosting rig](./whythispage/selfhostedrig.gif?w=400 'My self-hosting setup | A look at the hardware running this blog')
+![Selfhosting rig](./whythispage/selfhostedrig.gif?w=400 "My self-hosting setup | A look at the hardware running this blog")

 Now, let's talk about why I chose to self-host this blog. In a nutshell, self-hosting gave me:

--- a/content/blog/ro/why-this-page.md
+++ b/content/blog/ro/why-this-page.md
@@ -1,6 +1,6 @@
 ---
-title: 'Primul post'
-description: 'Primul post'
+title: 'Why I created this page'
+description: 'First post'
 date: '2025-12-02'
 author: 'Rares'
 category: 'Opinion'
@@ -13,28 +13,29 @@ draft: false

 Daca te intrebi de ce aceata pagina? Pentru ca vreau sa jurnalizez lucrurile la care lucrez, sau gandurile pe care vreua sa le impartesesc.

-## De ce blog?
+## Why a blog?

-Dacă te gândești de ce să mai creezi inca un blog cand sunt atea pe net, pai ideea este ca este si ca un jurnal, unde postez lucruri si ma ajuta sa revin la ceea ce am investigat.
+You might be thinking, "Why create another tech blog? There are plenty out there."
+Well, yes, there are. But I believe that sharing some of my opinions and experiences will eventually act out as a journal:

-1. **Este personal**: Nu este un lucru formal, chiar daca am lucrat in corporate, unde toti se asteapta sa fii prietenos si zambaret mereu, aici o sa fie mai sincere opiniile.
-2. **Mai mult decat tech**: O sa scriu despre tech dar, nu ăsta e focusul aici
-3. **Cum fac selfhost**: Fac selfhost, la cateva servicii utile: git, webpage-ul acesta. O sa incerc sa povestesc si cum fac mentenanta sau ce probleme am intampinat pe parcursul acestor deploymenturi.
+1. **Personal touch**: Even though i've been working corporate all my career, this webpage won't contain that sugar coated language 😅. It's a place where you'll get to know me – my thoughts, my mistakes, and my victories. I believe that this personal touch makes the content more engaging and relatable.
+2. **Beyond tech**: While I'll be writing about technology, I also want to explore other topics that interest me, such as mental health, productivity and so on.... I think a well-rounded approach can help create a more engaging and informative space.
+3. **Self-hosting adventure**: As you might have guessed from the title, this blog is self-hosted. This was an exciting journey for me, and I'll be sharing my experiences, challenges, and learnings along the way. If you're interested in self-hosting or just want to understand what it's all about, you might find what worked for me or didn't.

-## De ce selfhost?
+## Why self-host?

-![Selfhosting rig](./whythispage/selfhostedrig.gif?w=400 'Acesta este pc-ul | Hardware-ul pe care ruleaza cest webpage')
+![Selfhosting rig](./whythispage/selfhostedrig.gif?w=400 "My self-hosting setup | A look at the hardware running this blog")

-Am inceput sa fac hosting acasa din cateva motive:
+Now, let's talk about why I chose to self-host this blog. In a nutshell, self-hosting gave me:

- **Detin controlul**: Nu depind de cloud providers sau alte 3rd parties (inafara de VPS).
- **Nu exista scurgeri de informatii**: Sunt unele lucruri pe care nu as vrea sa le impartasesc cu marii provideri de servicii cloud.
- **E destul de smecher**: Este destul de tare sa vezi cum datele ruleaza pe hardwareul de la tine din casa.
+- **Full control**: By hosting my own website, I have complete control over my content and how it's displayed. No more compromises or limitations imposed by third-party platforms.
+- **Owning my data**: It's just, that I can have control over my data without others snooping around.
+- **It's fun**: Started looking into sysadmin/devops for a long time, after a burnout I stepped into selfhosting more convincingly.

-## Ce este aici de fapt
+## What to expect

-E un blog, o jurnalizare e ceea ce fac eu, ma ajuta sa tin evidenta cand explica lucruri.
+As I mentioned earlier, this blog will be a mix of tech tutorials, personal thoughts, and everything in between. Here's what you can look forward to:

- **Resurse tehnice**: Ghiduri pas cu pas despre diverse subiecte, de la configurarea propriului mediului de dezvoltare până la ajustarea serverului.
- **Experiențe personale cu selfhosting**: Ce realizat, cum am solutionat, provocari ...
- **Gânduri aleatorii**: Gânduri despre eficiența profesională, sănătatea mintală și alte interese personale care nu sunt direct legate de tehnologie.
+- **Tech how-tos**: Step-by-step guides on various topics, from setting up your own development environment to configuring your server.
+- **Self-hosting adventures**: My experiences, learnings, and tips on self-hosting, including challenges faced and solutions implemented.
+- **Random musings**: Thoughts on productivity, mental health, and other interests of mine that might not be directly related to tech.
--- a/docs/ENV_CONFIG_GUIDE.md
+++ b/docs/ENV_CONFIG_GUIDE.md
@@ -5,7 +5,6 @@
 This guide documents the configuration for build-time environment variables in the Next.js CI/CD pipeline.

 **Problem Solved:** Next.js 16 requires `NEXT_PUBLIC_*` variables available during `npm run build` for:
-
 - SEO metadata (`metadataBase`)
 - Sitemap generation
 - OpenGraph URLs
@@ -20,7 +19,6 @@ This guide documents the configuration for build-time environment variables in t
 ### 1. `.gitea/workflows/main.yml`

 **Changes:**
-
 - Added step to create `.env` from Gitea secrets (after checkout)
 - Added cleanup step to remove `.env` after Docker push

@@ -57,7 +55,6 @@ This guide documents the configuration for build-time environment variables in t
 ### 2. `Dockerfile.nextjs`

 **Changes:**
-
 - Added `COPY .env* ./` in builder stage (after copying node_modules, before copying source code)

 **Added Section:**
@@ -76,7 +73,6 @@ COPY .env* ./
 ### 3. `.dockerignore`

 **Changes:**
-
 - Modified to allow `.env` file (created by CI/CD) while excluding other `.env*` files

 **Updated Section:**
@@ -89,7 +85,6 @@ COPY .env* ./
 ```

 **Explanation:**
-
 - `.env*` excludes all environment files
 - `!.env` creates exception for main `.env` (from CI/CD)
 - `.env.local`, `.env.development`, `.env.production.local` remain excluded
@@ -104,12 +99,11 @@ Navigate to: **Repository Settings → Secrets**

 Add the following secret:

-| Secret Name            | Value                    | Type               | Description         |
-| ---------------------- | ------------------------ | ------------------ | ------------------- |
+| Secret Name | Value | Type | Description |
+|------------|-------|------|-------------|
 | `NEXT_PUBLIC_SITE_URL` | `https://yourdomain.com` | Secret or Variable | Production site URL |

 **Notes:**
-
 - Can be configured as **Secret** (masked in logs) or **Variable** (visible in logs)
 - Recommended: Use **Variable** since it's a public URL
 - For sensitive values (API keys), always use **Secret**
@@ -119,14 +113,12 @@ Add the following secret:
 To add more build-time variables:

 1. **Add to Gitea Secrets/Variables:**
-
   ```
   NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX
   NEXT_PUBLIC_API_URL=https://api.example.com
   ```

 2. **Update workflow `.env` creation step:**
-
   ```yaml
   cat > .env << EOF
   NEXT_PUBLIC_SITE_URL=${{ secrets.NEXT_PUBLIC_SITE_URL }}
@@ -146,7 +138,6 @@ To add more build-time variables:
 ### Local Testing

 1. **Create test `.env` file:**
-
   ```bash
   cat > .env << EOF
   NEXT_PUBLIC_SITE_URL=http://localhost:3030
@@ -156,13 +147,11 @@ To add more build-time variables:
   ```

 2. **Build Docker image:**
-
   ```bash
   docker build -t mypage:test -f Dockerfile.nextjs .
   ```

 3. **Verify variable is embedded (should show "NOT FOUND" - correct behavior):**
-
   ```bash
   docker run --rm mypage:test node -e "console.log(process.env.NEXT_PUBLIC_SITE_URL || 'NOT FOUND')"
   ```
@@ -172,7 +161,6 @@ To add more build-time variables:
   **Why?** `NEXT_PUBLIC_*` variables are embedded in JavaScript bundle during build, NOT available as runtime environment variables.

 4. **Test application starts:**
-
   ```bash
   docker run --rm -p 3030:3030 mypage:test
   ```
@@ -226,10 +214,10 @@ To add more build-time variables:

 ### 🔒 Sensitive Data Guidelines

-| Type            | Use For                                      | Access                         |
-| --------------- | -------------------------------------------- | ------------------------------ |
-| `NEXT_PUBLIC_*` | Client-side config (URLs, feature flags)     | Public (embedded in JS bundle) |
-| `SECRET_*`      | Server-side secrets (API keys, DB passwords) | Private (runtime only)         |
+| Type | Use For | Access |
+|------|---------|--------|
+| `NEXT_PUBLIC_*` | Client-side config (URLs, feature flags) | Public (embedded in JS bundle) |
+| `SECRET_*` | Server-side secrets (API keys, DB passwords) | Private (runtime only) |

 ---

@@ -238,12 +226,10 @@ To add more build-time variables:
 ### Issue: Variables not available during build

 **Symptoms:**
-
 - Next.js build errors about missing `NEXT_PUBLIC_SITE_URL`
 - Metadata/sitemap generation fails

 **Solution:**
-
 - Verify `NEXT_PUBLIC_SITE_URL` secret exists in Gitea
 - Check workflow logs for `.env` creation step
 - Ensure `.env` file is created BEFORE Docker build
@@ -251,11 +237,9 @@ To add more build-time variables:
 ### Issue: Variables not working in application

 **Symptoms:**
-
 - URLs show as `undefined` or `null` in production

 **Diagnosis:**
-
 ```bash
 # Check if variable is in bundle (should work):
 curl https://yourdomain.com | grep -o 'NEXT_PUBLIC_SITE_URL'
@@ -265,7 +249,6 @@ docker exec mypage-prod node -e "console.log(process.env.NEXT_PUBLIC_SITE_URL)"
 ```

 **Solution:**
-
 - Verify `.env` was copied during Docker build
 - Check Dockerfile logs for `COPY .env* ./` step
 - Rebuild with `--no-cache` if needed
@@ -273,11 +256,9 @@ docker exec mypage-prod node -e "console.log(process.env.NEXT_PUBLIC_SITE_URL)"
 ### Issue: `.env` file not found during Docker build

 **Symptoms:**
-
 - Docker build warning: `COPY .env* ./` - no files matched

 **Solution:**
-
 - Check `.dockerignore` allows `.env` file
 - Verify workflow creates `.env` BEFORE Docker build
 - Check file exists: `ls -la .env` in workflow
@@ -308,7 +289,6 @@ After deploying changes:
 ## Support

 For issues or questions:
-
 1. Check workflow logs in Gitea Actions
 2. Review Docker build logs
 3. Verify Gitea secrets configuration
--- a/docs/OPTIMIZATION_REPORT.md
+++ b/docs/OPTIMIZATION_REPORT.md
@@ -1,5 +1,4 @@
 # Production Optimizations Report
-
 Date: 2025-11-24
 Branch: feat/production-improvements

@@ -8,7 +7,6 @@ Branch: feat/production-improvements
 Successfully implemented 7 categories of production optimizations for Next.js 16 blog application.

 ### Build Status: SUCCESS
-
 - Build Time: ~3.9s compilation + ~1.5s static generation
 - Static Pages Generated: 19 pages
 - Bundle Size: 1.2MB (static assets)
@@ -19,12 +17,10 @@ Successfully implemented 7 categories of production optimizations for Next.js 16
 ## 1. Bundle Size Optimization - Remove Unused Dependencies

 ### Actions Taken:
-
 - Removed `react-syntax-highlighter` (11 packages eliminated)
 - Removed `@types/react-syntax-highlighter`

 ### Impact:
-
 - **11 packages removed** from dependency tree
 - Cleaner bundle, faster npm installs
 - All remaining dependencies verified as actively used
@@ -34,13 +30,11 @@ Successfully implemented 7 categories of production optimizations for Next.js 16
 ## 2. Lazy Loading for Heavy Components

 ### Status:
-
 - Attempted to implement dynamic imports for CodeBlock component
 - Tool limitations prevented full implementation
 - Benefit would be minimal (CodeBlock already client-side rendered)

 ### Recommendation:
-
 - Consider manual lazy loading in future if CodeBlock becomes heavier
 - Current implementation is already performant

@@ -51,19 +45,16 @@ Successfully implemented 7 categories of production optimizations for Next.js 16
 ### Security Enhancements Applied:

 **Dockerfile.nextjs:**
-
 - Remove SUID/SGID binaries (prevent privilege escalation)
 - Remove apk package manager after dependencies installed
 - Create proper permissions for /tmp, /.next/cache, /app/logs directories

 **docker-compose.prod.yml:**
-
 - Added `security_opt: no-new-privileges:true`
 - Added commented read-only filesystem option (optional hardening)
 - Documented tmpfs mounts for extra security

 ### Security Posture:
-
 - Minimal attack surface in production container
 - Non-root user execution enforced
 - Package manager unavailable at runtime
@@ -75,26 +66,22 @@ Successfully implemented 7 categories of production optimizations for Next.js 16
 ### Files Created:

 **app/sitemap.ts:**
-
 - Dynamic sitemap generation from markdown posts
 - Static pages included (/, /blog, /about)
 - Posts include lastModified date from frontmatter
 - Priority and changeFrequency configured

 **app/robots.ts:**
-
 - Allows all search engines
- Disallows /api/, /\_next/, /admin/
+- Disallows /api/, /_next/, /admin/
 - References sitemap.xml

 **app/feed.xml/route.ts:**
-
 - RSS 2.0 feed for latest 20 posts
 - Includes title, description, author, pubDate
 - Proper content-type and cache headers

 ### SEO Impact:
-
 - Search engines can discover all content via sitemap
 - RSS feed for blog subscribers
 - Proper robots.txt prevents indexing of internal routes
@@ -106,19 +93,16 @@ Successfully implemented 7 categories of production optimizations for Next.js 16
 ### Configuration Updates:

 **Sharp:**
-
 - Already installed (production-grade image optimizer)
 - Faster than default Next.js image optimizer

 **next.config.js - Image Settings:**
-
 - Cache optimized images for 30 days (`minimumCacheTTL`)
 - Support AVIF and WebP formats
 - SVG rendering enabled with security CSP
 - Responsive image sizes configured (640px to 3840px)

 ### Performance Impact:
-
 - Faster image processing during builds
 - Smaller image file sizes (AVIF/WebP)
 - Better Core Web Vitals (LCP, CLS)
@@ -129,25 +113,21 @@ Successfully implemented 7 categories of production optimizations for Next.js 16

 ### Cache Headers Added:

-**Static Assets (/\_next/static/\*):**
-
+**Static Assets (/_next/static/*):**
 - `Cache-Control: public, max-age=31536000, immutable`
 - 1 year cache for versioned assets

-**Images (/images/\*):**
-
+**Images (/images/*):**
 - `Cache-Control: public, max-age=31536000, immutable`

 ### Experimental Features Enabled:

 **next.config.js - experimental:**
-
 - `staleTimes.dynamic: 30s` (client-side cache for dynamic pages)
 - `staleTimes.static: 180s` (client-side cache for static pages)
 - `optimizePackageImports` for react-markdown ecosystem

 ### Performance Impact:
-
 - Reduced bandwidth usage
 - Faster repeat visits (cached assets)
 - Improved navigation speed (stale-while-revalidate)
@@ -157,22 +137,18 @@ Successfully implemented 7 categories of production optimizations for Next.js 16
 ## 7. Bundle Analyzer Setup

 ### Tools Installed:
-
 - `@next/bundle-analyzer` (16.0.3)

 ### NPM Scripts Added:
-
 - `npm run analyze` - Full bundle analysis
 - `npm run analyze:server` - Server bundle only
 - `npm run analyze:browser` - Browser bundle only

 ### Configuration:
-
 - `next.config.analyzer.js` created
 - Enabled with `ANALYZE=true` environment variable

 ### Usage:
-
 ```bash
 npm run analyze
 # Opens browser with bundle visualization
@@ -184,7 +160,6 @@ npm run analyze
 ## Bundle Size Analysis

 ### Static Assets:
-
 ```
 Total Static: 1.2MB
 - Largest chunks:
@@ -195,12 +170,10 @@ Total Static: 1.2MB
 ```

 ### Standalone Output:
-
 - Total: 44MB (includes Node.js runtime, dependencies, server)
 - Expected Docker image size: ~150MB (Alpine + Node.js + app)

 ### Bundle Composition:
-
 - React + React-DOM: Largest dependencies
 - react-markdown ecosystem: Second largest
 - Next.js framework: Optimized with tree-shaking
@@ -210,7 +183,6 @@ Total Static: 1.2MB
 ## Build Verification

 ### Build Output:
-
 ```
 Creating an optimized production build ...
 ✓ Compiled successfully in 3.9s
@@ -228,7 +200,6 @@ Route (app)
 ```

 ### Pre-rendered Pages:
-
 - 19 static pages generated
 - 3 blog posts
 - 7 tag pages
@@ -239,7 +210,6 @@ Route (app)
 ## Files Modified/Created

 ### Modified:
-
 - `Dockerfile.nextjs` (security hardening)
 - `docker-compose.prod.yml` (security options)
 - `next.config.js` (image optimization, caching headers)
@@ -247,7 +217,6 @@ Route (app)
 - `package-lock.json` (dependency updates)

 ### Created:
-
 - `app/sitemap.ts` (dynamic sitemap)
 - `app/robots.ts` (robots.txt)
 - `app/feed.xml/route.ts` (RSS feed)
@@ -258,7 +227,6 @@ Route (app)
 ## Performance Recommendations

 ### Implemented:
-
 1. Bundle size reduced (11 packages removed)
 2. Security hardened (Docker + CSP)
 3. SEO optimized (sitemap + robots + RSS)
@@ -267,8 +235,7 @@ Route (app)
 6. Bundle analyzer ready for monitoring

 ### Future Optimizations:
-
-1. Consider CDN for static assets (/images, /\_next/static)
+1. Consider CDN for static assets (/images, /_next/static)
 2. Monitor bundle sizes with `npm run analyze` on each release
 3. Add bundle size limits in CI/CD (fail if > threshold)
 4. Consider Edge deployment for global performance
@@ -279,7 +246,6 @@ Route (app)
 ## Production Deployment Checklist

 Before deploying:
-
 - [ ] Set `NEXT_PUBLIC_SITE_URL` in production environment
 - [ ] Verify Caddy reverse proxy configuration
 - [ ] Test Docker build: `npm run docker:build`
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -12,7 +12,7 @@ export default [
      '@typescript-eslint/explicit-module-boundary-types': 'off',
      '@typescript-eslint/no-unused-vars': [
        'warn',
-        { argsIgnorePattern: '^_|node', varsIgnorePattern: '^_' },
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
      ],
      'no-console': ['warn', { allow: ['warn', 'error'] }],
    },
@@ -26,7 +26,6 @@ export default [
      'dist/',
      '.cache/',
      '*.config.js',
-      'next.config.analyzer.js',
      'public/',
      'coverage/',
    ],
--- a/fix.js
+++ b/fix.js
@@ -0,0 +1,11 @@
+const fs = require('fs')
+let content = fs.readFileSync('lib/remark-copy-images.ts', 'utf8')
+const lines = content.split('\n')
+for (let i = 0; i < lines.length; i++) {
+  if (lines[i].includes('replace')) {
+    console.log(`Line ${i + 1}:`, JSON.stringify(lines[i]))
+    lines[i] = lines[i].replace(/replace\(\/\\/g / g, 'replace(/\\/g')
+    console.log(`Fixed:`, JSON.stringify(lines[i]))
+  }
+}
+fs.writeFileSync('lib/remark-copy-images.ts', lines.join('\n'))
--- a/lib/env-validation.ts
+++ b/lib/env-validation.ts
@@ -3,9 +3,16 @@
 * Ensures all required environment variables are set before deployment
 */

-const requiredEnvVars = ['NEXT_PUBLIC_SITE_URL', 'NODE_ENV'] as const
+const requiredEnvVars = [
+  'NEXT_PUBLIC_SITE_URL',
+  'NODE_ENV',
+] as const

-const _optionalEnvVars = ['PORT', 'HOSTNAME', 'NEXT_PUBLIC_GA_ID'] as const
+const optionalEnvVars = [
+  'PORT',
+  'HOSTNAME',
+  'NEXT_PUBLIC_GA_ID',
+] as const

 export function validateEnvironment() {
  const missingVars: string[] = []
--- a/lib/remark-copy-images.ts
+++ b/lib/remark-copy-images.ts
@@ -85,7 +85,7 @@ async function copyAndRewritePath(node: ImageNode, options: Options): Promise<vo
      node.url = publicUrl + queryParams
      return
    }
-  } catch {
+  } catch (error) {
    // Stat failed, proceed with copy
  }

--- a/lib/tags.ts
+++ b/lib/tags.ts
@@ -65,11 +65,7 @@ export async function getPopularTags(locale: string = 'en', limit = 10): Promise
  return allTags.slice(0, limit)
 }

-export async function getRelatedTags(
-  tagSlug: string,
-  locale: string = 'en',
-  limit = 5
-): Promise<TagInfo[]> {
+export async function getRelatedTags(tagSlug: string, locale: string = 'en', limit = 5): Promise<TagInfo[]> {
  const posts = await getPostsByTag(tagSlug, locale)
  const relatedTagMap = new Map<string, number>()

@@ -111,9 +107,7 @@ export function validateTags(tags: any): string[] {
  return validTags
 }

-export async function getTagCloud(
-  locale: string = 'en'
-): Promise<Array<TagInfo & { size: 'sm' | 'md' | 'lg' | 'xl' }>> {
+export async function getTagCloud(locale: string = 'en'): Promise<Array<TagInfo & { size: 'sm' | 'md' | 'lg' | 'xl' }>> {
  const tags = await getAllTags(locale)
  if (tags.length === 0) return []

--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -79,7 +79,3 @@ export function generateSlug(title: string): string {
    .replace(/[^a-z0-9]+/g, '-')
    .replace(/^-+|-+$/g, '')
 }
-
-export function cn(...inputs: (string | undefined | null | false)[]): string {
-  return inputs.filter(Boolean).join(' ')
-}
--- a/messages/en.json
+++ b/messages/en.json
@@ -3,35 +3,21 @@
    "siteTitle": "Personal Blog",
    "siteDescription": "Thoughts on technology and development"
  },
+
  "Navigation": {
    "home": "Home",
    "blog": "Blog",
    "tags": "Tags",
    "about": "About"
  },
+
  "Breadcrumbs": {
    "home": "Home",
    "blog": "Blog",
    "tags": "Tags",
-    "about": "About",
-    "tech": "Technology",
-    "design": "Design",
-    "tutorial": "Tutorials"
-  },
-  "Home": {
-    "terminalVersion": "TERMINAL:// V2.0",
-    "documentLevel": "DOCUMENT LEVEL-1 //",
-    "heroTitle": "BUILD. WRITE. SHARE.",
-    "heroSubtitle": "> Explore ideas",
-    "checkPostsButton": "[CHECK POSTS]",
-    "aboutMeButton": "[ABOUT ME]",
-    "recentEntriesLabel": "ARCHIVE ACCESS // RECENT ENTRIES",
-    "recentEntriesTitle": "> RECENT ENTRIES",
-    "fileLabel": "FILE#{number} // {category}",
-    "accessButton": "[ACCESS] >>",
-    "seePostsButton": "[SEE POSTS] >>",
-    "seeAllTagsButton": "[SEE ALL TAGS] >>"
+    "about": "About"
  },
+
  "BlogListing": {
    "title": "Blog",
    "subtitle": "Latest articles and thoughts",
@@ -43,10 +29,9 @@
    "filterByTag": "Filter by tag",
    "clearFilters": "Clear filters",
    "foundPosts": "Found {count} posts",
-    "noPosts": "No posts found",
-    "prev": "< PREV",
-    "next": "NEXT >"
+    "noPosts": "No posts found"
  },
+
  "BlogPost": {
    "readMore": "Read more",
    "readingTime": "{minutes} min read",
@@ -56,6 +41,7 @@
    "relatedPosts": "Related Posts",
    "sharePost": "Share this post"
  },
+
  "Tags": {
    "title": "Tags",
    "subtitle": "Browse by topic",
@@ -64,62 +50,18 @@
    "relatedTags": "Related tags",
    "quickNav": "Quick navigation"
  },
+
  "About": {
    "title": "About",
-    "subtitle": "Learn more about me",
-    "classificationHeader": ">> _DOC://PUBLIC_ACCESS",
-    "mainTitle": "ABOUT ME_",
-    "introLabel": "STATUS: ACTIVE // ROLE: DAD + DEV",
-    "introParagraph1": "Welcome to my corner of the internet! This is where I share my thoughts, opinions, and experiences - from tech adventures to life as a family man. Yes, I love technology, but there's so much more to life than just code and servers.",
-    "lifeValuesTitle": "> LIFE & VALUES",
-    "familyFirstTitle": "[FAMILY FIRST]",
-    "familyFirstText": "Being a dad to an amazing toddler is my most important role. Family time is sacred - whether it's building block towers, exploring parks, or just enjoying the chaos of everyday life together. Tech can wait; these moments can't.",
-    "activeLifestyleTitle": "[ACTIVE LIFESTYLE]",
-    "activeLifestyleText": "I believe in keeping the body active. Whether it's hitting the gym, playing sports, or just staying on the move - physical activity keeps me sharp, balanced, and ready for whatever life throws my way.",
-    "simpleThingsTitle": "[ENJOYING THE SIMPLE THINGS]",
-    "simpleThingsText": "Life's too short not to enjoy it. A good drink, a relaxing evening after a long day, or just not doing anything a blowing some steam off.",
-    "techPurposeTitle": "[TECH WITH PURPOSE]",
-    "techPurposeText": "Yes, I love tech - self-hosting, privacy, tinkering with hardware. But it's a tool, not a lifestyle. Tech should serve life, not the other way around.",
-    "contentTitle": "> WHAT YOU'LL FIND HERE",
-    "contentSubtitle": "CONTENT SCOPE // EVERYTHING FROM TECH TO LIFE",
-    "contentThoughts": "Thoughts & Opinions",
-    "contentThoughtsDesc": "My take on life, work, and everything in between",
-    "contentLifeFamily": "Life & Family",
-    "contentLifeFamilyDesc": "Adventures in parenting, sports, and enjoying the simple things",
-    "contentTechResearch": "Tech Research",
-    "contentTechResearchDesc": "When I dive into interesting technologies and experiments",
-    "contentSysAdmin": "System Administration",
-    "contentSysAdminDesc": "Self-hosting, infrastructure, and DevOps adventures",
-    "contentDevelopment": "Development Insights",
-    "contentDevelopmentDesc": "Lessons learned from building software",
-    "contentRandom": "Random Stuff",
-    "contentRandomDesc": "Because life doesn't fit into neat categories!",
-    "focusTitle": "> AREAS OF FOCUS",
-    "focusBeingDadTitle": "[BEING A DAD]",
-    "focusBeingDadText": "Playing with my boy, teaching moments, watching him grow, building memories together",
-    "focusStayingActiveTitle": "[STAYING ACTIVE]",
-    "focusStayingActiveText": "Gym sessions, sports, keeping fit, maintaining energy for life's demands",
-    "focusTechnologyTitle": "[TECHNOLOGY & SYSTEMS]",
-    "focusTechnologyText": "Software development, infrastructure, DevOps, self-hosting adventures",
-    "focusLifeBalanceTitle": "[LIFE BALANCE]",
-    "focusLifeBalanceText": "Relaxing with good company, enjoying downtime, appreciating the simple moments",
-    "techStackTitle": "> TECH STACK",
-    "techStackSubtitle": "TOOLS I USE // WHEN NEEDED",
-    "techStackDevelopmentTitle": "[DEVELOPMENT]",
-    "techStackDevelopmentText": ".NET, Golang, TypeScript, Next.js, React",
-    "techStackInfrastructureTitle": "[INFRASTRUCTURE]",
-    "techStackInfrastructureText": "Windows Server, Linux, Docker, Hyper-V",
-    "techStackDesignTitle": "[DESIGN]",
-    "techStackDesignText": "Tailwind CSS, Markdown, Terminal aesthetics",
-    "techStackSelfHostingTitle": "[SELF-HOSTING]",
-    "techStackSelfHostingText": "Home lab, privacy-focused services, full control, Git server",
-    "contactTitle": "> CONTACT"
+    "subtitle": "Learn more about me"
  },
+
  "NotFound": {
    "title": "Page Not Found",
    "description": "The page you're looking for doesn't exist",
    "goHome": "Go to homepage"
  },
+
  "LanguageSwitcher": {
    "switchLanguage": "Switch language",
    "currentLanguage": "Current language"
--- a/messages/ro.json
+++ b/messages/ro.json
@@ -3,35 +3,21 @@
    "siteTitle": "Blog Personal",
    "siteDescription": "Gânduri despre tehnologie și dezvoltare"
  },
+
  "Navigation": {
    "home": "Acasă",
    "blog": "Blog",
    "tags": "Etichete",
    "about": "Despre"
  },
+
  "Breadcrumbs": {
    "home": "Acasă",
    "blog": "Blog",
    "tags": "Etichete",
-    "about": "Despre",
-    "tech": "Tehnologie",
-    "design": "Design",
-    "tutorial": "Tutoriale"
-  },
-  "Home": {
-    "terminalVersion": "TERMINAL:// V2.0",
-    "documentLevel": "DOCUMENT LEVEL-1 //",
-    "heroTitle": "BUILD. WRITE. SHARE.",
-    "heroSubtitle": "> Explore ideas",
-    "checkPostsButton": "[CHECK POSTS]",
-    "aboutMeButton": "[ABOUT ME]",
-    "recentEntriesLabel": "ARCHIVE ACCESS // RECENT ENTRIES",
-    "recentEntriesTitle": "> RECENT ENTRIES",
-    "fileLabel": "FILE#{number} // {category}",
-    "accessButton": "[ACCESS] >>",
-    "seePostsButton": "[SEE POSTS] >>",
-    "seeAllTagsButton": "[SEE ALL TAGS] >>"
+    "about": "Despre"
  },
+
  "BlogListing": {
    "title": "Blog",
    "subtitle": "Ultimele articole și gânduri",
@@ -43,10 +29,9 @@
    "filterByTag": "Filtrează după etichetă",
    "clearFilters": "Șterge filtrele",
    "foundPosts": "{count} articole găsite",
-    "noPosts": "Niciun articol găsit",
-    "prev": "< PREV",
-    "next": "NEXT >"
+    "noPosts": "Niciun articol găsit"
  },
+
  "BlogPost": {
    "readMore": "Citește mai mult",
    "readingTime": "{minutes} min citire",
@@ -56,6 +41,7 @@
    "relatedPosts": "Articole similare",
    "sharePost": "Distribuie acest articol"
  },
+
  "Tags": {
    "title": "Etichete",
    "subtitle": "Navighează după subiect",
@@ -64,62 +50,18 @@
    "relatedTags": "Etichete similare",
    "quickNav": "Navigare rapidă"
  },
+
  "About": {
    "title": "Despre",
-    "subtitle": "Află mai multe despre mine",
-    "classificationHeader": ">> _DOC://PUBLIC_ACCESS",
-    "mainTitle": "DESPRE_",
-    "introLabel": "STATUS: ACTIV // ROL: TATĂ + DEV",
-    "introParagraph1": "Mi-am făcut un colțișor pe internet unde pot să împărtășesc cam tot ce vreau. O să găsești aici și tech, și viață, și haosul de zi cu zi.",
-    "lifeValuesTitle": "> VIAȚĂ & VALORI",
-    "familyFirstTitle": "[FAMILIA PE PRIMUL LOC]",
-    "familyFirstText": "Să fiu tată pentru un puști genial e cel mai important rol al meu. Timpul cu familia e sfânt – fie că construim turnuri din cuburi, explorăm parcuri sau doar trăim frumos haosul de zi cu zi. Tech-ul poate să aștepte, momentele astea nu.",
-    "activeLifestyleTitle": "[STIL DE VIAȚĂ ACTIV]",
-    "activeLifestyleText": "Încerc să-mi țin corpul în mișcare. Sală, sport, orice mă scoate din scaun. Mă ajută să fiu mai clar la minte, mai echilibrat și pregătit de ce aruncă viața în mine.",
-    "simpleThingsTitle": "[BUCURIA LUCRURILOR SIMPLE]",
-    "simpleThingsText": "Viața e prea scurtă să n-o savurezi. O băutură bună, o seară liniștită după o zi grea sau pur și simplu să nu faci nimic și să lași aburii să iasă… și e perfect așa.",
-    "techPurposeTitle": "[TECH CU SENS]",
-    "techPurposeText": "Da, îmi place tehnologia – self-hosting, privacy, joacă cu hardware. Dar pentru mine e o unealtă, nu un stil de viață. Tech-ul ar trebui să lucreze pentru tine, nu tu pentru el.",
-    "contentTitle": "> CE GĂSEȘTI AICI",
-    "contentSubtitle": "CONTENT SCOPE // DE LA TECH LA VIAȚĂ",
-    "contentThoughts": "Gânduri & Opinii",
-    "contentThoughtsDesc": "Cum văd eu viața, munca și tot ce e între ele",
-    "contentLifeFamily": "Viață & Familie",
-    "contentLifeFamilyDesc": "Aventuri de părinte, sport și bucuria lucrurilor mici",
-    "contentTechResearch": "Experimente Tech",
-    "contentTechResearchDesc": "Când mă afund în tehnologii interesante și experimente ciudate",
-    "contentSysAdmin": "Administrare Sisteme",
-    "contentSysAdminDesc": "Self-hosting, infrastructură și aventuri de tip DevOps",
-    "contentDevelopment": "Development Insights",
-    "contentDevelopmentDesc": "Lecții învățate din proiectele pe care le construiesc",
-    "contentRandom": "Chestii Random",
-    "contentRandomDesc": "Pentru că viața nu intră mereu frumos pe categorii!",
-    "focusTitle": "> ZONE DE FOCUS",
-    "focusBeingDadTitle": "[TATĂ ÎN PRIMUL RÂND]",
-    "focusBeingDadText": "Joacă cu băiatul meu, momente de învățat, să-l văd cum crește și să strângem amintiri împreună",
-    "focusStayingActiveTitle": "[SĂ RĂMÂN ACTIV]",
-    "focusStayingActiveText": "Sesiuni la sală, sport, să mă țin în formă și cu energie pentru tot ce am de dus",
-    "focusTechnologyTitle": "[TECH & SISTEME]",
-    "focusTechnologyText": "Dezvoltare software, infrastructură, DevOps, aventuri de self-hosting",
-    "focusLifeBalanceTitle": "[ECHILIBRU ÎN VIAȚĂ]",
-    "focusLifeBalanceText": "Relax cu prietenii, timp de respiro, apreciat momentele simple",
-    "techStackTitle": "> TECH STACK",
-    "techStackSubtitle": "UNELTELE PE CARE LE FOLOSESC // CÂND TREBUIE",
-    "techStackDevelopmentTitle": "[DEVELOPMENT]",
-    "techStackDevelopmentText": ".NET, Golang, TypeScript, Next.js, React",
-    "techStackInfrastructureTitle": "[INFRASTRUCTURĂ]",
-    "techStackInfrastructureText": "Windows Server, Linux, Docker, Hyper-V",
-    "techStackDesignTitle": "[DESIGN]",
-    "techStackDesignText": "Tailwind CSS, Markdown",
-    "techStackSelfHostingTitle": "[SELF-HOSTING]",
-    "techStackSelfHostingText": "Home lab, servicii cu focus pe privacy, control total, server Git",
-    "contactTitle": "> CONTACT"
+    "subtitle": "Află mai multe despre mine"
  },
+
  "NotFound": {
    "title": "Pagina nu a fost găsită",
    "description": "Pagina pe care o cauți nu există",
    "goHome": "Mergi la pagina principală"
  },
+
  "LanguageSwitcher": {
    "switchLanguage": "Schimbă limba",
    "currentLanguage": "Limba curentă"
--- a/middleware.ts
+++ b/middleware.ts
@@ -1,5 +1,5 @@
-import createMiddleware from 'next-intl/middleware'
-import { routing } from './src/i18n/routing'
+import createMiddleware from 'next-intl/middleware';
+import {routing} from './src/i18n/routing';

 export default createMiddleware({
  ...routing,
@@ -7,10 +7,14 @@ export default createMiddleware({
  localeCookie: {
    name: 'NEXT_LOCALE',
    maxAge: 60 * 60 * 24 * 365,
-    sameSite: 'lax',
-  },
-})
+    sameSite: 'lax'
+  }
+});

 export const config = {
-  matcher: ['/', '/(en|ro)/:path*', '/((?!api|_next|_vercel|.*\\..*).*)'],
-}
+  matcher: [
+    '/',
+    '/(en|ro)/:path*',
+    '/((?!api|_next|_vercel|.*\\..*).*)'
+  ]
+};
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,4 @@
-const withNextIntl = require('next-intl/plugin')()
+const withNextIntl = require('next-intl/plugin')();

 /** @type {import('next').NextConfig} */
 // ============================================
@@ -8,6 +8,7 @@ const withNextIntl = require('next-intl/plugin')()
 // Deprecated options have been removed (swcMinify, reactStrictMode)
 // SWC minification is now default in Next.js 16

+
 // Production-ready Next.js configuration with standalone output
 // This configuration is optimized for Docker deployment with minimal image size
 //
@@ -122,7 +123,12 @@ const nextConfig = {
    },

    // Optimize package imports for smaller bundles
-    optimizePackageImports: ['react-markdown', 'rehype-raw', 'rehype-sanitize', 'remark-gfm'],
+    optimizePackageImports: [
+      'react-markdown',
+      'rehype-raw',
+      'rehype-sanitize',
+      'remark-gfm',
+    ],

    // Enable PPR (Partial Prerendering) - Next.js 16 feature
    // Uncomment to enable (currently in beta)
--- a/src/i18n/navigation.ts
+++ b/src/i18n/navigation.ts
@@ -1,4 +1,5 @@
-import { createNavigation } from 'next-intl/navigation'
-import { routing } from './routing'
+import {createNavigation} from 'next-intl/navigation';
+import {routing} from './routing';

-export const { Link, redirect, usePathname, useRouter } = createNavigation(routing)
+export const {Link, redirect, usePathname, useRouter} =
+  createNavigation(routing);
--- a/src/i18n/request.ts
+++ b/src/i18n/request.ts
@@ -1,15 +1,15 @@
-import { getRequestConfig } from 'next-intl/server'
-import { routing } from './routing'
+import {getRequestConfig} from 'next-intl/server';
+import {routing} from './routing';
 
-export default getRequestConfig(async ({ requestLocale }) => {
-  let locale = await requestLocale
+export default getRequestConfig(async ({requestLocale}) => {
+  let locale = await requestLocale;
 
  if (!locale || !routing.locales.includes(locale as any)) {
-    locale = routing.defaultLocale
+    locale = routing.defaultLocale;
  }
 
  return {
    locale,
-    messages: (await import(`../../messages/${locale}.json`)).default,
-  }
-})
+    messages: (await import(`../../messages/${locale}.json`)).default
+  };
+});
--- a/src/i18n/routing.ts
+++ b/src/i18n/routing.ts
@@ -1,4 +1,4 @@
-import { defineRouting } from 'next-intl/routing'
+import {defineRouting} from 'next-intl/routing';

 export const routing = defineRouting({
  locales: ['en', 'ro'],
@@ -6,8 +6,8 @@ export const routing = defineRouting({
  localePrefix: 'always',
  localeNames: {
    en: 'English',
-    ro: 'Română',
-  },
-} as any)
+    ro: 'Română'
+  }
+} as any);

-export type Locale = (typeof routing.locales)[number]
+export type Locale = (typeof routing.locales)[number];
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,11 @@
 {
  "compilerOptions": {
    "target": "ES2020",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
@@ -19,8 +23,12 @@
      }
    ],
    "paths": {
-      "@/*": ["./*"],
-      "@/i18n/*": ["./src/i18n/*"]
+      "@/*": [
+        "./*"
+      ],
+      "@/i18n/*": [
+        "./src/i18n/*"
+      ]
    }
  },
  "include": [
@@ -30,5 +38,7 @@
    ".next/types/**/*.ts",
    ".next/dev/types/**/*.ts"
  ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }
--- a/types/translations.d.ts
+++ b/types/translations.d.ts
@@ -1,6 +1,5 @@
-type Messages = typeof import('../messages/en.json')
+type Messages = typeof import('../messages/en.json');

 declare global {
-  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
  interface IntlMessages extends Messages {}
 }