feat: create layout2 regular components

src/app/theme-layouts/layout2/components/FooterLayout2.js

@@ -0,0 +1,52 @@
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import linksConfigLayout2 from './linksLayout2Config';
+
+function FooterLayout2() {
+  const { t } = useTranslation('layout2');
+
+  return (
+    <footer className="w-full bg-gray-900">
+      <div className="flex gap-96 max-w-screen-2xl px-10 py-52">
+        <ul className="flex flex-col gap-16 mr-96">
+          <li>
+            <Link to="/">
+              <img
+                className="max-w-[88px] max-h-[45px]"
+                src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Instagram_icon.png/600px-Instagram_icon.png"
+                alt={t('logo_alt')}
+              />
+            </Link>
+          </li>
+          <li>
+            <a
+              className="text-lg leading-5 text-white"
+              href="mailto:propertyinform@gmail.com"
+              target="_blank"
+              rel="noreferrer"
+            >
+              propertyinform@gmail.com
+            </a>
+          </li>
+          <li>
+            <a className="text-lg leading-5 text-white" href="tel:(123) 456-78-90">
+              (123) 456-78-90
+            </a>
+          </li>
+        </ul>
+        <ul className="flex flex-col gap-16 mt-96">
+          {linksConfigLayout2.map((path) => (
+            <li key={path}>
+              <Link className="text-lg leading-5 text-white no-underline" to={`/${path}`}>
+                {t(path)}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </footer>
+  );
+}
+
+export default memo(FooterLayout2);