update footer

Author: sanjaypinna

app/[locale]/dashboard/components/main-footer.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
+import { IconBinary, IconBinaryTree } from '@tabler/icons-react';
 import { Icon, Text } from 'opub-ui';
 
 import { Icons } from '@/components/icons';
-import { IconBinary, IconBinaryTree } from '@tabler/icons-react';
 
 const MainFooter = () => {
   return (
@@ -14,12 +14,17 @@ const MainFooter = () => {
           <div className="flex flex-wrap justify-between gap-8 ">
             {' '}
             <div className="flex items-center gap-2">
-              <Image src={'/logo.png'} width={38} height={38} alt="logo" />
+              <Image
+                src={'/globe_logo.png'}
+                width={38}
+                height={38}
+                alt="logo"
+              />
               <Text variant="headingXl" className="text-surfaceDefault" as="h1">
                 CivicDataSpace
               </Text>
             </div>
-            <div className=" flex flex-col  lg:items-end gap-2">
+            <div className=" flex flex-col  gap-2 lg:items-end">
               <div>
                 {' '}
                 <Text
@@ -32,21 +37,21 @@ const MainFooter = () => {
 
               <div className=" flex gap-3">
                 <div className="  h-10  w-10 rounded-5 bg-secondaryOrange p-2">
-                  <Icon source={Icons.twitter} size={24} color="onBgDefault" />
+                  <Icon source={Icons.twitter} size={24} color="highlight" />
                 </div>
                 <div className="  h-10  w-10 rounded-5 bg-secondaryOrange p-2">
-                  <Icon source={Icons.linkedin} size={24} color="onBgDefault" />
+                  <Icon source={Icons.linkedin} size={24} color="highlight" />
                 </div>
                 <div className="  h-10  w-10 rounded-5 bg-secondaryOrange p-2">
-                  <Icon source={Icons.facebook} size={24} color="onBgDefault" />
+                  <Icon source={Icons.facebook} size={24} color="highlight" />
                 </div>
                 <div className="  h-10  w-10 rounded-5 bg-secondaryOrange p-2">
-                  <Icon source={Icons.github} size={24} color="onBgDefault" />
+                  <Icon source={Icons.github} size={24} color="highlight" />
                 </div>
               </div>
             </div>
           </div>
-          <div className=" flex justify-between flex-wrap">
+          <div className=" flex flex-wrap gap-6 justify-between">
             <div className=" flex  gap-6">
               <Link href={'#'}>
                 <Text color="onBgDefault"> About Us</Text>
@@ -58,7 +63,12 @@ const MainFooter = () => {
                 <Text color="onBgDefault"> Contact Us</Text>
               </Link>
             </div>
-           
+            <div className=" flex items-center gap-2">
+              <Text color="onBgDefault"> made by</Text>
+              <Link href={'https://www.civicdatalab.in'} target="_blank">
+                <Image src={'/cdl.svg'} width={38} height={38} alt="logo" />
+              </Link>
+            </div>
           </div>
         </div>
       </div>