Merge remote-tracking branch 'origin/main' into navbar

src/components/layout/header/index.tsx

@@ -5,15 +5,20 @@ import Navbar from '../navbar';
 import Button, { IconButton } from '@/components/uikit/button';
 import { Icon } from '@/components/uikit/icons';
 import { useTranslations } from 'next-intl';
+import routeFactory from '@/assets/constants/routeFactory';
+import { useParams } from 'next/navigation';
 
 export default function Header() {
   const t = useTranslations();
+  const params = useParams();
+  const locale = params.locale as string;
 
   const bannerFooter = [
     t('com_home_Banner_link1'),
     t('com_home_Banner_link2'),
     t('com_home_Banner_link3'),
   ];
+  const routes = routeFactory(t, locale);
 
   return (
     <header
@@ -37,7 +42,9 @@ export default function Header() {
             }}
           />
           <div>
-            <Button endIcon="showMore">{t('com_home_banner_button')}</Button>
+            <Button endIcon="showMore" link={routes.productCategories.route()}>
+              {t('com_home_banner_button')}
+            </Button>
           </div>
         </div>
 

src/components/pages/products/productList/index.tsx

@@ -19,6 +19,10 @@ export default function ProductList({
       .then((res) => {
         setProducts(res.data);
         setPagination(res.pagination);
+
+        document
+          .getElementById('productList')
+          ?.scrollIntoView({ behavior: 'smooth', block: 'start' });
       })
       .catch((error) => {
         console.error('Failed to fetch products:', error);

src/components/pages/project/ProjectGrid.tsx

@@ -3,7 +3,11 @@ import Link from 'next/link';
 import { IProjectCardProps } from './project';
 import { getProjects } from '@/services/projects';
 
-export default async function ProjectsGrid({ projects }) {
+export default async function ProjectsGrid({
+  projects,
+}: {
+  projects: IProjectCardProps[];
+}) {
   return (
     <div className="container mx-auto grid grid-cols-1 gap-6 px-4 pt-12 pb-0 md:grid-cols-2 md:py-28">
       {projects.map((project, index) => (