From 71a2ff3cd45aab8deea01164f6eba02bb9cd3706 Mon Sep 17 00:00:00 2001
From: blockchaindevweb <blockchaindevweb@gmail.com>
Date: Wed, 18 Sep 2024 10:58:27 +0200
Subject: [PATCH] feat: add brandkit link in the footer

---
 components/Footer.tsx            | 9 ++++++++-
 components/language-switcher.tsx | 4 ++--
 public/locales/en-US/footer.json | 5 +++--
 public/locales/fr/footer.json    | 5 +++--
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 4da5a1d..69435f0 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -34,9 +34,13 @@ const FooterNav: React.FC<FooterProps> = ({ section }) => {
     ],
     company: [
       {
-        name: translate('footer_company_name_row2'),
+        name: translate('footer_company_name_row1'),
         href: 'https://www.linkedin.com/company/feature-sh/',
       },
+      {
+        name: translate('footer_company_name_row2'),
+        href: 'https://www.figma.com/design/lDV8mdvtiR8gwnO9JjveiF/FEATURE---BRANDING-KIT',
+      },
       // { name: 'Blog', href: '#' },
       // { name: 'Jobs', href: '#' },
       // { name: 'Press', href: '#' },
@@ -274,6 +278,9 @@ const Footer: React.FC = () => {
                 </h3>
                 <FooterNav section="legal" />
                 <div className="mt-14">
+                  <label className="text-base text-gray-500">
+                    {translate('footer_language_switcher')}
+                  </label>
                   <LanguageSwitcher languages={languages} hasIcon={false} />
                 </div>
               </div>
diff --git a/components/language-switcher.tsx b/components/language-switcher.tsx
index 09565f0..eec7712 100644
--- a/components/language-switcher.tsx
+++ b/components/language-switcher.tsx
@@ -27,7 +27,7 @@ const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
   }
 
   return (
-    <div className={'flex items-center gap-x-2'}>
+    <div className="flex items-center gap-x-2 text-gray-500">
       {hasIcon && (
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -80,7 +80,7 @@ const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
                           classNames(
                             active
                               ? 'bg-yellow-500 text-white'
-                              : 'text-gray-900',
+                              : 'text-gray-500',
                             'relative cursor-default select-none py-2 pl-8 pr-4'
                           )
                         }
diff --git a/public/locales/en-US/footer.json b/public/locales/en-US/footer.json
index a2bdc5f..68195a7 100644
--- a/public/locales/en-US/footer.json
+++ b/public/locales/en-US/footer.json
@@ -7,11 +7,12 @@
   "footer_support_name_row1": "Documentation",
   "footer_support_name_row2": "Help",
   "footer_company_title": "Company",
-  "footer_company_name_row1": "Analytics",
-  "footer_company_name_row2": "About",
+  "footer_company_name_row1": "About",
+  "footer_company_name_row2": "Brandkit",
   "footer_legal_title": "Legal",
   "footer_legal_name_row1": "Policy",
 
+  "footer_language_switcher": "Choose language:",
   "language_french": "French",
   "language_english": "English",
 
diff --git a/public/locales/fr/footer.json b/public/locales/fr/footer.json
index b8a32c2..b7646cf 100644
--- a/public/locales/fr/footer.json
+++ b/public/locales/fr/footer.json
@@ -7,11 +7,12 @@
   "footer_support_name_row1": "Documentation",
   "footer_support_name_row2": "Aide",
   "footer_company_title": "Entreprise",
-  "footer_company_name_row1": "Analyse",
-  "footer_company_name_row2": "À propos",
+  "footer_company_name_row1": "À propos",
+  "footer_company_name_row2": "Kit de marque",
   "footer_legal_title": "Juridique",
   "footer_legal_name_row1": "Politique",
 
+  "footer_language_switcher": "Choisir la langue :",
   "language_french": "Français",
   "language_english": "Anglais",