From 8ddf2dc7db521139546b6d03b4749527c9df7919 Mon Sep 17 00:00:00 2001
From: ahasani194 <ahasani194@gmail.com>
Date: Mon, 16 Jun 2025 15:21:44 +0330
Subject: [PATCH] feat: update copyright year placeholders and enhance footer
 styling; add new project titles and descriptions in Persian; implement locale
 handling in various components

---
 messages/en.d.json.ts                                |  2 +-
 messages/en.json                                     |  2 +-
 messages/fa.json                                     |  6 +++++-
 src/app/{ => [locale]}/[...not_found]/layout.tsx     |  2 +-
 src/app/{ => [locale]}/[...not_found]/page.tsx       |  0
 src/app/[locale]/layout.tsx                          |  2 +-
 src/components/layout/footer/Footer.tsx              | 10 +++++++---
 src/components/layout/navbar/index.tsx               |  4 ++--
 src/components/layout/sectionTitle/index.tsx         |  7 ++++++-
 src/components/layout/sectionTitle/sectionTitle.d.ts |  3 +++
 src/components/pages/about/TopInfo.tsx               |  5 ++++-
 src/components/pages/contact/TouchUs.tsx             |  5 +++++
 src/components/pages/home/HomeStorySection.tsx       |  5 +++++
 src/components/pages/home/Products.tsx               |  2 +-
 src/components/pages/home/Projects.tsx               |  1 +
 15 files changed, 43 insertions(+), 13 deletions(-)
 rename src/app/{ => [locale]}/[...not_found]/layout.tsx (92%)
 rename src/app/{ => [locale]}/[...not_found]/page.tsx (100%)

diff --git a/messages/en.d.json.ts b/messages/en.d.json.ts
index 07bdb07..03bd71c 100644
--- a/messages/en.d.json.ts
+++ b/messages/en.d.json.ts
@@ -49,7 +49,7 @@ declare const messages: {
   "footer_links_quick_links": "Quick Links",
   "footer_links_who_we_are": "Who We Are",
   "footer_links_contact": "Contact",
-  "footer_copyright": "Copyright © 2025 All Rights Reserved.",
+  "footer_copyright": "Copyright © {year} All Rights Reserved.",
   "footer_links_address": "123 Industrial Ave, Suite 456, City, Country",
 
   "com_home_story_title": "Our Story",
diff --git a/messages/en.json b/messages/en.json
index 69e819a..5e29f07 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -46,7 +46,7 @@
   "footer_links_quick_links": "Quick Links",
   "footer_links_who_we_are": "Who We Are",
   "footer_links_contact": "Contact",
-  "footer_copyright": "Copyright © 2025 All Rights Reserved.",
+  "footer_copyright": "Copyright © {year} All Rights Reserved.",
   "footer_links_address": "123 Industrial Ave, Suite 456, City, Country",
 
   "com_home_story_title": "Our Story",
diff --git a/messages/fa.json b/messages/fa.json
index ddb7c2c..f44a34b 100644
--- a/messages/fa.json
+++ b/messages/fa.json
@@ -36,13 +36,17 @@
   "com_home_products_title": "آجرهای با کیفیت برای پروژه‌های شما",
   "com_home_products_description": "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.",
 
+  "com_home_projects_title": "پروژه‌های موفق ما",
+  "com_home_projects_title_bold": "ابتکارات",
+  "com_home_projects_description": "ابتکارات پروژه‌های موفق ما نشان‌دهنده تعهد ما به برتری و نوآوری در صنایع مختلف است.",
+
   "footer_title": "راهکارهای صنعتی برای دنیای مدرن",
   "footer_description": "ما متعهد به ارائه راهکارهای صنعتی شخصی‌سازی شده هستیم که نیازهای منحصر به فرد مشتریانمان را برآورده می‌کند. تیم متخصص ما به ارائه محصولات و خدمات با کیفیت بالا که موفقیت را در بازار رقابتی امروز تضمین می‌کند، متعهد است.",
   "footer_slogan": "ما متعهد به ارائه راهکارهای صنعتی شخصی‌سازی شده هستیم.",
   "footer_links_quick_links": "لینک‌های سریع",
   "footer_links_who_we_are": "ما که هستیم",
   "footer_links_contact": "تماس",
-  "footer_copyright": "کلیه حقوق محفوظ است © ۲۰۲۵",
+  "footer_copyright": "کلیه حقوق محفوظ است © {year}",
   "footer_links_address": "خیابان صنعتی ۱۲۳، واحد ۴۵۶، شهر، کشور",
 
   "com_home_story_title": "داستان ما",
diff --git a/src/app/[...not_found]/layout.tsx b/src/app/[locale]/[...not_found]/layout.tsx
similarity index 92%
rename from src/app/[...not_found]/layout.tsx
rename to src/app/[locale]/[...not_found]/layout.tsx
index 569c61c..f8a6818 100644
--- a/src/app/[...not_found]/layout.tsx
+++ b/src/app/[locale]/[...not_found]/layout.tsx
@@ -20,7 +20,7 @@ export default async function ErrorLayout({
   const fontClass = locale === 'fa' ? 'font-fa' : 'font-en';
   let messages;
   try {
-    messages = (await import(`../../../messages/${locale}.json`)).default;
+    messages = (await import(`../../../../messages/${locale}.json`)).default;
   } catch (error) {
     notFound();
   }
diff --git a/src/app/[...not_found]/page.tsx b/src/app/[locale]/[...not_found]/page.tsx
similarity index 100%
rename from src/app/[...not_found]/page.tsx
rename to src/app/[locale]/[...not_found]/page.tsx
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
index bf15173..1a9bcaa 100644
--- a/src/app/[locale]/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -27,7 +27,7 @@ export async function generateMetadata({ params }: { params: IPageParams }) {
       locale,
       url,
     },
-    authors: [{ name: t('meta.author') }],
+    // authors: [{ name: t('meta.author') }],
   };
 }
 
diff --git a/src/components/layout/footer/Footer.tsx b/src/components/layout/footer/Footer.tsx
index 4894683..7bfa8a8 100644
--- a/src/components/layout/footer/Footer.tsx
+++ b/src/components/layout/footer/Footer.tsx
@@ -21,7 +21,7 @@ export default function Footer() {
   const whoAreWeLinks = getWhoAreWeLinks(t, locale);
 
   return (
-    <div className="relative w-full bg-gray-500 pt-24 text-white">
+    <div className="relative w-full bg-gray-500 pt-12 text-white md:pt-24">
       <div className="absolute inset-0 z-10 flex items-end justify-start">
         <div className="w-1/2 md:w-2/5">
           <Image
@@ -33,7 +33,9 @@ export default function Footer() {
       </div>
       <div className="relative z-20 container mx-auto">
         <div className="flex max-w-[920px] flex-col gap-5 pb-10">
-          <p className="text-5xl tracking-tighter">{t('footer_title')}</p>
+          <p className="text-3xl tracking-tighter md:text-5xl">
+            {t('footer_title')}
+          </p>
           <h5 className="text-base tracking-normal">
             {t('footer_description')}
           </h5>
@@ -77,7 +79,9 @@ export default function Footer() {
         </div>
 
         <div className="py-8 lg:py-14">
-          <p className="text-center text-sm">{t('footer_copyright')}</p>
+          <p className="text-center text-sm">
+            {t('footer_copyright', { year: new Date().getFullYear() })}
+          </p>
         </div>
       </div>
     </div>
diff --git a/src/components/layout/navbar/index.tsx b/src/components/layout/navbar/index.tsx
index 7690ae3..815d16d 100644
--- a/src/components/layout/navbar/index.tsx
+++ b/src/components/layout/navbar/index.tsx
@@ -40,8 +40,8 @@ export default function Navbar() {
 
   return (
     <>
-      <nav className="relative z-50 container mx-auto bg-transparent pt-7 pb-3 md:py-11">
-        <div className="flex items-center justify-between border-b-0 border-white/10 pb-6 md:border-b">
+      <nav className="relative z-50 bg-gradient-to-b from-black to-black/0 pt-7 md:pt-11">
+        <div className="container mx-auto flex items-center justify-between border-b-0 border-white/10 pb-6">
           <Link href={`/${locale}`} className="h-12 w-auto">
             <Image
               alt="logo"
diff --git a/src/components/layout/sectionTitle/index.tsx b/src/components/layout/sectionTitle/index.tsx
index 3cfc259..2ca6fbe 100644
--- a/src/components/layout/sectionTitle/index.tsx
+++ b/src/components/layout/sectionTitle/index.tsx
@@ -6,6 +6,7 @@ export default function SectionTitle({
   description,
   description_bold,
   reverseColor,
+  locale,
 }: ISectionTitleProps) {
   return (
     <div
@@ -13,7 +14,11 @@ export default function SectionTitle({
     >
       <div className={`flex items-center gap-2`}>
         <Icon name="setting" className="text-primary" />
-        <h3 className="text-sm leading-1 tracking-[0.175rem]">{title}</h3>
+        <h3
+          className={`text-lg leading-1 ${locale === 'en' ? 'tracking-[0.175rem]' : ''}`}
+        >
+          {title}
+        </h3>
       </div>
       <h2 className="text-3xl font-extralight tracking-tight md:text-[3.25rem] md:leading-14">
         {description}
diff --git a/src/components/layout/sectionTitle/sectionTitle.d.ts b/src/components/layout/sectionTitle/sectionTitle.d.ts
index 2a6d00e..8449567 100644
--- a/src/components/layout/sectionTitle/sectionTitle.d.ts
+++ b/src/components/layout/sectionTitle/sectionTitle.d.ts
@@ -1,6 +1,9 @@
+import { TLocales } from '@/models/layout';
+
 export interface ISectionTitleProps {
   title: string;
   description: string;
   description_bold?: string;
   reverseColor?: boolean;
+  locale: TLocales;
 }
diff --git a/src/components/pages/about/TopInfo.tsx b/src/components/pages/about/TopInfo.tsx
index fe722c9..a6657ae 100644
--- a/src/components/pages/about/TopInfo.tsx
+++ b/src/components/pages/about/TopInfo.tsx
@@ -5,13 +5,14 @@ import images from '@/assets/images/images';
 import AchievementTextBox from '@/components/layout/achievementTextBox';
 import SectionTitle from '@/components/layout/sectionTitle';
 import Button from '@/components/uikit/button';
+import { TLocales } from '@/models/layout';
 import { useTranslations } from 'next-intl';
 import { useParams } from 'next/navigation';
 
 export default function AboutTopInfo() {
   const t = useTranslations();
   const params = useParams();
-  const locale = params.locale as string;
+  const locale = params.locale as TLocales;
   const routes = routeFactory(t, locale);
 
   const topInfoAchievementTitles = [
@@ -34,6 +35,7 @@ export default function AboutTopInfo() {
               title={t('pages_about_title')}
               description={t('com_about_info_title')}
               description_bold={t('com_about_info_title_bold')}
+              locale={locale}
             />
           </div>
           <div className="mt-3">
@@ -72,6 +74,7 @@ export default function AboutTopInfo() {
               title={t('pages_about_title')}
               description={t('com_about_info_title')}
               description_bold={t('com_about_info_title_bold')}
+              locale={locale}
             />
           </div>
 
diff --git a/src/components/pages/contact/TouchUs.tsx b/src/components/pages/contact/TouchUs.tsx
index 635ed7a..245e28c 100644
--- a/src/components/pages/contact/TouchUs.tsx
+++ b/src/components/pages/contact/TouchUs.tsx
@@ -2,10 +2,14 @@
 
 import SectionTitle from '@/components/layout/sectionTitle';
 import { Icon } from '@/components/uikit/icons';
+import { TLocales } from '@/models/layout';
 import { useTranslations } from 'next-intl';
+import { useParams } from 'next/navigation';
 
 const TouchUs = () => {
   const t = useTranslations();
+  const params = useParams();
+  const locale = params.locale as TLocales;
 
   return (
     <div className="w-full p-8 md:w-1/2">
@@ -13,6 +17,7 @@ const TouchUs = () => {
         title={t('pages_contact_title')}
         description={t('com_contact_touch_title')}
         description_bold={t('com_contact_touch_title_bold')}
+        locale={locale}
       />
       <p className="mt-4 mb-10 text-base font-normal text-gray-600">
         {t('com_contact_touch_description')}
diff --git a/src/components/pages/home/HomeStorySection.tsx b/src/components/pages/home/HomeStorySection.tsx
index 76b22b7..d7e9743 100644
--- a/src/components/pages/home/HomeStorySection.tsx
+++ b/src/components/pages/home/HomeStorySection.tsx
@@ -4,6 +4,8 @@ import images from '@/assets/images/images';
 import SectionTitle from '@/components/layout/sectionTitle';
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
+import { useParams } from 'next/navigation';
+import { TLocales } from '@/models/layout';
 
 export default function HomeStorySection({
   className = '',
@@ -11,6 +13,8 @@ export default function HomeStorySection({
   className?: string;
 }) {
   const t = useTranslations();
+  const params = useParams();
+  const locale = params.locale as TLocales;
 
   const statisticsData = [
     {
@@ -36,6 +40,7 @@ export default function HomeStorySection({
           title={t('com_home_story_title')}
           description={t('com_home_story_slogan')}
           description_bold={t('com_home_story_slogan_bold')}
+          locale={locale}
         />
         <div className="grid grid-cols-2 gap-3">
           {[images.homeBanner, images.aboutImg_1].map((e, i) => (
diff --git a/src/components/pages/home/Products.tsx b/src/components/pages/home/Products.tsx
index 442f3e4..d032059 100644
--- a/src/components/pages/home/Products.tsx
+++ b/src/components/pages/home/Products.tsx
@@ -5,7 +5,6 @@ import { getProductCategories } from '@/services/products';
 import Link from 'next/link';
 import routeFactory from '@/assets/constants/routeFactory';
 import { getTranslations } from 'next-intl/server';
-import { ILayoutLocaleParams } from '@/models/layout';
 import { TLocales } from '@/models/layout';
 
 interface Props {
@@ -30,6 +29,7 @@ export default async function HomePageProducts({ locale }: Props) {
             title={t('pages_product_categories_title')}
             description={t('com_home_products_title')}
             reverseColor
+            locale={locale}
           />
           <h4 className="pt-6 text-base font-extralight tracking-normal text-white lg:pt-10">
             {t('com_home_products_description')}
diff --git a/src/components/pages/home/Projects.tsx b/src/components/pages/home/Projects.tsx
index 5baf085..266bc4f 100644
--- a/src/components/pages/home/Projects.tsx
+++ b/src/components/pages/home/Projects.tsx
@@ -20,6 +20,7 @@ export default async function HomePageProjects({ locale }: Props) {
             title={t('pages_projects_title')}
             description={t('com_home_projects_title')}
             description_bold={t('com_home_projects_title_bold')}
+            locale={locale}
           />
           <h4 className="pt-10 text-base font-extralight tracking-normal max-lg:hidden">
             {t('com_home_projects_description')}