feat: add HomeStorySection component and ShowMoreIcon SVG icon

- Implemented HomeStorySection component to display project statistics and images.
- Added ShowMoreIcon component for UI enhancement.

src/components/layout/achievementTextBox/index.tsx

@@ -1,3 +1,4 @@
+import { Icon } from '@/components/uikit/icons';
 import { IAachievementTextBoxProps } from './achievementTextBox';
 
 export default function AchievementTextBox({
@@ -5,6 +6,7 @@ export default function AchievementTextBox({
 }: IAachievementTextBoxProps) {
   return (
     <div className="flex items-center gap-3">
+      <Icon name="achievement" className="text-primary" />
       <span className="text-base text-gray-500">{title}</span>
     </div>
   );

src/components/layout/footer/FooterInfo.tsx

@@ -13,7 +13,9 @@ export default function FooterInfo({
   className?: string;
 }) {
   return (
-    <div className={`flex w-full flex-col gap-3 lg:w-auto ${className}`}>
+    <div
+      className={`flex w-full flex-col gap-3 max-lg:text-center lg:w-auto ${className}`}
+    >
       {withLogo && (
         <Link href="/" className="mx-auto h-8 w-auto">
           <Image

src/components/layout/header/index.tsx

@@ -32,7 +32,7 @@ export default function Header() {
             }}
           />
           <div>
-            <Button endIcon={'x'}>
+            <Button endIcon="showMore">
               {t('com_home_banner_button') as string}
             </Button>
           </div>

src/components/layout/innerPages/banner/index.tsx

@@ -1,6 +1,4 @@
-import images from '@/assets/images/images';
 import Navbar from '../../navbar';
-import Button from '@/components/uikit/button';
 import { IInnerPageBannerProps } from './banner';
 
 export default function InnerPageBanner({

src/components/layout/navbar/index.tsx

@@ -17,8 +17,8 @@
 //     { href: '/about', label: t('pages_about_title') as string },
 //     { href: '/blog', label: t('pages_contact_title') as string },
 //     { href: '/contact', label: t('pages_contact_title') as string },
-//     { href: '/product', label: t('pages_product_title') as string },
-//     { href: '/project', label: t('pages_project_title') as string },
+//     { href: '/product', label: t('pages_products_title') as string },
+//     { href: '/project', label: t('pages_projects_title') as string },
 //   ];
 
 //   const linkClass = (href: string) =>
@@ -104,8 +104,8 @@ export default function Navbar() {
     { href: '/about', label: t('pages_about_title') as string },
     { href: '/blog', label: t('pages_contact_title') as string },
     { href: '/contact', label: t('pages_contact_title') as string },
-    { href: '/product', label: t('pages_product_title') as string },
-    { href: '/project', label: t('pages_project_title') as string },
+    { href: '/product', label: t('pages_products_title') as string },
+    { href: '/project', label: t('pages_projects_title') as string },
   ];
   const linkClass = (href: string) =>
     pathname === href ? 'text-primary font-semibold' : 'text-white';

src/components/layout/sectionTitle/index.tsx

@@ -1,3 +1,4 @@
+import { Icon } from '@/components/uikit/icons';
 import { ISectionTitleProps } from './sectionTitle';
 
 export default function SectionTitle({
@@ -11,9 +12,10 @@ export default function SectionTitle({
       className={`flex flex-col gap-4 ${reverseColor ? 'text-white' : 'text-gray-500'}`}
     >
       <div className={`flex items-center gap-2`}>
-        <h3 className="text-sm tracking-[0.175rem]">{title}</h3>
+        <Icon name="setting" className="text-primary" />
+        <h3 className="text-sm leading-1 tracking-[0.175rem]">{title}</h3>
       </div>
-      <h2 className="text-[3.25rem] font-extralight">
+      <h2 className="text-[3.25rem] leading-14 font-extralight tracking-tight">
         {description}
         {description_bold && (
           <strong className="block font-bold">{description_bold}</strong>