Merge pull request #317 from CivicDataLab/314-update-website-content

Updated Website Content,Enlarged logo and redesigned footer and replaced tags with sectors

Author: Deepthi-Chand

app/[locale]/(user)/components/Content.tsx

@@ -75,22 +75,26 @@ export const Content = () => {
   ];
 
   const Sectors = [
-    'Budgets',
-    'Child Rights',
-    'Disaster Risk Reduction',
-    'Climate Finance',
-    'Law And Justice',
+    'Public Finance',
+    'Law and Justice',
+    'Climate Action',
     'Urban Development',
+    'Gender',
+    'Coastal',
+    'Disaster Risk Reduction',
+    'Child Rights'
   ];
 
   return (
     <main className="bg-primaryBlue py-6 md:px-8 md:py-10 lg:py-20">
       <div className="container flex items-center justify-around gap-20 px-10 md:px-12 lg:px-8 ">
         <div className="flex flex-col gap-11 lg:w-[49%]">
-          <div className="flex flex-col">
+          <div className="flex flex-col gap-2">
             <Text variant="heading3xl" color="onBgDefault">
-              Share knowledge resources, datasets, and AI use-cases in one open,
-              collaborative platform for data changemakers.
+              An Open-Source Platform for Collaborative Data-Driven Change
+            </Text>
+             <Text variant="headingLg" color="onBgDefault">
+              Share datasets, knowledge resources, and AI use-cases for data changemakers.
             </Text>
           </div>
           {Stats.isLoading ? (

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

@@ -27,7 +27,7 @@ const MainFooter = () => {
   ];
   return (
     <div className="bg-primaryBlue">
-      <div className="flex flex-wrap items-center justify-between p-4 lg:px-20 lg:py-6">
+      <div className="flex items-center justify-between p-4 lg:px-20 lg:py-6">
         <div className="flex gap-6 uppercase">
           <Link href={'/about-us'}>
             <Text color="onBgDefault">About Us</Text>
@@ -36,17 +36,7 @@ const MainFooter = () => {
             <Text color="onBgDefault">Contact Us</Text>
           </Link>
         </div>
-        <div className="flex items-center gap-2 text-white">
-          <Text color="onBgDefault">made by</Text>
-          <Link
-            href={'https://www.civicdatalab.in'}
-            target="_blank"
-            className="h-8 w-8"
-          >
-            <Image src={'/cdl.svg'} width={28} height={28} alt="CDL logo" />
-          </Link>
-        </div>
-        <div className="flex gap-3">
+        <div className="flex gap-3 absolute left-1/2 transform -translate-x-1/2">
           {socialMedia.map((item, index) => (
             <Link
               key={index}
@@ -62,6 +52,17 @@ const MainFooter = () => {
             </Link>
           ))}
         </div>
+        <div className="flex items-center text-white">
+          <Text color="onBgDefault">Made in India. A DataSpace product by</Text>
+          <Link
+            href={'https://www.civicdatalab.in'}
+            target="_blank"
+            className="flex items-center gap-2 ml-1"
+          >
+             <Text color="onBgDefault">CivicDataLab</Text>
+            <Image src={'/cdl.svg'} width={40} height={40} alt="CDL logo" />
+          </Link>
+        </div>
       </div>
     </div>
   );

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

@@ -139,7 +139,7 @@ export function MainNav({ hideSearch = false }) {
           </div>
           <Link href="/">
             <div className="flex items-center gap-2">
-              <div className="group relative h-[52px] w-[170px] overflow-hidden">
+              <div className="group relative h-[68px] w-[183px] overflow-hidden">
                 {/* Static Logo */}
                 <div className="absolute inset-0">
                   <Image