feat: add footer components including FooterInfo, FooterMenuBuilder, and FooterMenuBuilderWrapper

- Implemented FooterInfo component to display logo, slogan, and social links.
- Created FooterMenuBuilder component for rendering a list of links with a title.
- Added FooterMenuBuilderWrapper to encapsulate the layout for menu items.

src/assets/constants/footerMenu/index.ts

@@ -1,5 +1,7 @@
 import { quickLinks } from './quickLinks.const';
+import { whoAreWeLinks } from './whoAreWe.const';
 
 export const footerMenu = {
   quickLinks,
+  whoAreWeLinks,
 };

src/assets/constants/footerMenu/quickLinks.const.ts

@@ -1,7 +1,16 @@
-import { appConstants } from '..';
+import routeFactory from '../routeFactory';
 
 export const quickLinks = [
   {
-    title: appConstants.routeFactory.home.title,
+    title: routeFactory.home.title,
+    link: routeFactory.home.route(),
+  },
+  {
+    title: routeFactory.products.title,
+    link: routeFactory.products.route(),
+  },
+  {
+    title: routeFactory.projects.title,
+    link: routeFactory.projects.route(),
   },
 ] as any[];

src/assets/constants/footerMenu/whoAreWe.const.ts

@@ -0,0 +1,12 @@
+import routeFactory from '../routeFactory';
+
+export const whoAreWeLinks = [
+  {
+    title: routeFactory.about.title,
+    link: routeFactory.about.route(),
+  },
+  {
+    title: routeFactory.contact.title,
+    link: routeFactory.contact.route(),
+  },
+] as any[];

src/assets/constants/index.ts

@@ -1,7 +1,9 @@
 import { footerMenu } from './footerMenu';
 import routeFactory from './routeFactory';
+import socials from './socials';
 
 export const appConstants = {
   routeFactory,
   footerMenu,
+  socials,
 };

src/assets/constants/routeFactory/index.ts

@@ -5,8 +5,20 @@ export default {
     title: t('pages_home_title'),
     route: () => '/',
   },
+  products: {
+    title: t('page_products_title'),
+    route: () => '/products',
+  },
+  projects: {
+    title: t('page_projects_title'),
+    route: () => '/projects',
+  },
   about: {
     title: t('pages_about_title'),
     route: () => '/about-us',
   },
+  contact: {
+    title: t('page_contact_title'),
+    route: () => '/contact',
+  },
 };

src/assets/constants/socials.ts

@@ -0,0 +1,6 @@
+export default [
+  {
+    title: 'instagram',
+    link: 'https://www.instagram.com/yourprofile',
+  },
+];

src/assets/images/images.ts

@@ -4,6 +4,7 @@ import aboutBanner from './about_banner.png';
 import factoryVector from './factory_vector.png';
 import aboutImg_1 from './about-img-1.png';
 import aboutImg_2 from './about-img-2.png';
+import homeProductBack from './home_product_back.jpeg';
 
 export default {
   homeBanner,
@@ -12,4 +13,5 @@ export default {
   factoryVector,
   aboutImg_1,
   aboutImg_2,
+  homeProductBack,
 };