Update content

app/[locale]/(user)/about-us/components/Team.tsx

@@ -0,0 +1,86 @@
+import React from 'react';
+import Image from 'next/image';
+import { Text } from 'opub-ui';
+
+const Team = () => {
+  const team = [
+
+    {
+      name: 'Deepthi Chand',
+      role: 'Technology Director',
+      image: '/team/dc.jpg',
+    },
+    {
+      name: 'Gaurav Godhwani',
+      role: 'Executive Director',
+      image: '/team/gaurav.jpg',
+    },
+    {
+      name: 'Nupura Gawde',
+      role: 'Initiative Lead',
+      image: '/team/nupura.jpeg',
+    },
+    {
+      name: 'Saurabh Levin',
+      role: 'Associate Data Lead',
+      image: '/team/saurabh.jpg',
+    },
+    {
+      name: 'Abhinandita',
+      role: 'Senior Product Designer',
+      image: '/team/abhinandita.jpg',
+    },
+    {
+      name: 'Aparna',
+      role: 'Product Designer',
+      image: '/team/aparna.jpg',
+    },
+    {
+      name: 'Sanjay',
+      role: 'Frontend Engineer',
+      image: '/team/sanjay.jpg',
+    },
+    {
+      name: 'Saqib Manan',
+      role: 'Quality Assurance Engineer',
+      image: '/team/saqib.jpg',
+    },
+    {
+      name: 'Bhavabhuthi',
+      role: 'Senior Frontend Engineer',
+      image: '/team/bhavabhuthi.jpeg',
+    },
+    {
+      name: 'Prajna',
+      role: 'Data Engineer',
+      image: '/team/prajna.jpg',
+    },
+
+  ];
+  return (
+    <div className="py-5 lg:py-10">
+      <div className="flex flex-wrap gap-6">
+        {team.map((member) => (
+          <div
+            key={member.name}
+            className="flex flex-col gap-4 p-6 shadow-card rounded-2"
+          >
+            <Image
+              src={member.image}
+              alt={member.name}
+              width={220}
+              height={220}
+              className=" object-cover"
+            />
+            <div className="flex flex-col gap-2">
+              <Text variant="headingLg">{member.name}</Text>
+              <Text variant="bodyMd">{member.role}</Text>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default Team;

app/[locale]/(user)/about-us/page.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
 import Image from 'next/image';
 import { Text } from 'opub-ui';
 
 import BreadCrumbs from '@/components/BreadCrumbs';
-import Initiatives from './components/Initiatives';
+import Team from './components/Team';
 
 const About = () => {
   return (
@@ -14,10 +13,38 @@ const About = () => {
           { href: '#', label: 'About' },
         ]}
       />
-      <div className="container py-5 lg:py-10 mb-5">
-        <div className=" flex flex-wrap justify-center gap-14 lg:flex-nowrap ">
-          <div className="flex flex-col gap-6">
-            <Text variant="heading2xl">About us</Text>
+      <div className="container mb-5 py-5 lg:py-10">
+        <Text variant="heading2xl">About CivicDataSpace</Text>
+        <div className=" flex flex-col gap-4 pt-4 lg:gap-6 lg:pt-6">
+          <Text variant="headingLg" fontWeight="regular" className=" leading-5">
+            CivicDataSpace is a collaborative, open-source platform that goes
+            beyond just making data accessible - it strengthens how data is
+            used, shared, and reused. By bringing together siloed datasets and
+            fragmented resources, it enables turning your data into tools for
+            change.{' '}
+          </Text>
+          <Text variant="headingLg" fontWeight="regular" className=" leading-5">
+            At its core, CivicDataSpace supports the formation of open,
+            sector-specific Data Collaboratives-ecosystems that enable
+            collective intelligence, foster responsible AI solutions, and power
+            civic platforms. These collaboratives aim to make data more
+            inclusive, interoperable, and AI-ready, helping policymakers,
+            researchers, and civil society actors design more effective and
+            sustainable solutions.
+          </Text>
+        </div>
+        <div className="mt-4 lg:mt-10">
+          <Image
+            src="/illus.svg"
+            alt="about"
+            width={1000}
+            height={1000}
+            className="h-full w-full object-contain"
+          />
+        </div>
+        <div className="py-5 lg:py-10">
+          <Text variant="heading2xl">The People Behind CivicDataSpace</Text>
+          <div className="pt-4 lg:pt-6">
             <Text
               variant="headingLg"
               fontWeight="regular"
@@ -35,48 +62,11 @@ const About = () => {
               scale.
             </Text>
           </div>
-          <Image
-            src={'/about-us-illustration.svg'}
-            alt={'about-us-illustration'}
-            width={536}
-            height={350}
-            className=" w-full"
-            priority
-          />
         </div>
-      </div>
-      <div className="bg-primaryBlue">
-        <div className=" container flex flex-col gap-6 py-5 lg:py-10">
-          <div>
-            <Text variant="headingLg" fontWeight="regular" color="onBgDefault">
-              Our current areas of expertise include digital public goods &
-              infrastructure (DPGs & DPI), climate change, public finance, urban
-              development, open contracting and law & justice. We have
-              co-created digital public goods like open data platforms, data
-              exchanges, data science models and citizen-led apps for improving
-              participatory data-driven governance in India and other countries.
-            </Text>
-          </div>
-          <div>
-            <Text variant="headingLg" fontWeight="regular" color="onBgDefault">
-              In the last five years, we have collected, cleaned and published
-              nearly 30,000+ public interest datasets and are catering to an
-              active user base of more than a million citizens. Some of our
-              publicly available open data initiatives include Open Budgets
-              India, Justice Hub, Open Contracting India, Open City, CogniCity
-              among others. We have co-created digital public goods with
-              National Informatics Center (NIC), Ministry of Electronic &
-              Information Technology (MeitY) and the Government of Assam.
-              Additionally, we actively build capacity for a diverse group of
-              partners working to enhance social impact, situated in India,
-              Indonesia, Philippines, Thailand, Panama and Scotland.
-            </Text>
-          </div>
+        <div>
+          <Team />
         </div>
       </div>
-      <div>
-        <Initiatives />
-      </div>
     </main>
   );
 };

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

@@ -79,17 +79,8 @@ export const Content = () => {
         <div className="flex flex-col gap-11 lg:w-[49%]">
           <div className="flex flex-col">
             <Text variant="heading3xl" color="onBgDefault">
-              Collaborate to advance
-            </Text>
-            <Text
-              variant="heading3xl"
-              color="onBgDefault"
-              className=" text-tertiaryAccent"
-            >
-              Data-driven Impact and Action
-            </Text>
-            <Text variant="heading3xl" color="onBgDefault">
-              with CivicDataLab{' '}
+              Share knowledge resources, datasets, and AI use-cases in one open,
+              collaborative platform for data changemakers.
             </Text>
           </div>
           {Stats.isLoading ? (

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

@@ -57,8 +57,7 @@ const Datasets = () => {
         <Text variant="heading3xl">Popular Datasets</Text>
         <div className="flex flex-wrap justify-between gap-2 ">
           <Text variant="headingLg" fontWeight="medium">
-            The most popular Datasets on CivicDataSpace{' '}
-          </Text>
+          Discover high-impact datasets that are helping users power research, analysis, and action.          </Text>
           <Button
             kind="primary"
             className=" bg-secondaryOrange text-basePureBlack"

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

@@ -41,8 +41,7 @@ const Sectors = () => {
         <Text variant="heading3xl">Explore Sectors</Text>
         <div className="flex flex-wrap justify-between gap-2">
           <Text variant="headingLg" fontWeight="medium">
-            Classification of all Use Cases and Datasets on the Asia-Pacific
-            Climate Data Collaborative{' '}
+          Browse use cases and datasets organized by sector to find what matters most to your domain.
           </Text>
           <Button
             kind="primary"

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

@@ -98,8 +98,7 @@ const UseCasesListingPage = () => {
         <Text variant="heading3xl">Recent UseCases</Text>
         <div className="flex flex-wrap justify-between gap-2 ">
           <Text variant="headingLg" fontWeight="medium">
-            Recently updated and trending Use Cases on Asia-Pacific Climate Data
-            Collaborative{' '}
+          Explore freshly updated data use cases gaining momentum across CivicDataSpace
           </Text>
           <Button
             kind="primary"

app/[locale]/(user)/publishers/page.tsx

@@ -92,13 +92,11 @@ const PublishersListingPage = () => {
                     variant="headingLg"
                     color="onBgDefault"
                     fontWeight="regular"
-                    className=' leading-3 lg:leading-5'
+                    className=" leading-3 lg:leading-5"
                   >
-                    Our Publishers are the backbone of our platform. Their
-                    contributions are what make up our platform. They belong to
-                    different sectors and consist of both organizations, and
-                    independent researchers. By making their data accessible
-                    they are able to create impact and become Data Changemakers.
+                    Meet the data providers powering CivicDataSpace — explore
+                    individual and organizational publishers across domains who
+                    are opening up data for impact and transparency.
                   </Text>
                 </div>
                 <div className="flex items-center justify-center gap-2 px-3 ">

app/[locale]/(user)/sectors/page.tsx

@@ -88,13 +88,11 @@ const SectorsListingPage = () => {
                     variant="headingLg"
                     color="onBgDefault"
                     fontWeight="regular"
-                    className='leading-3 lg:leading-5'
+                    className="leading-3 lg:leading-5"
                   >
-                    We try to enable our users to create and participate in
-                    sectoral data collaboratives, amplifying the reach and
-                    impact of high-value datasets and sectoral use cases at
-                    various levels, including national, sub-national, and
-                    regional.
+                    Browse our thematic sectors - from disaster risk reduction
+                    to open budgets - to discover curated datasets and use cases
+                    driving data-informed decisions across fields.
                   </Text>
                 </div>
                 <div className="flex items-center justify-center gap-2 px-3 ">
@@ -125,7 +123,7 @@ const SectorsListingPage = () => {
                 </div>
               </div>
             </div>
-            <div className="container flex flex-col gap-5 pt-10 pb-20 lg:gap-10">
+            <div className="container flex flex-col gap-5 pb-20 pt-10 lg:gap-10">
               <div>
                 <Text variant="heading2xl" fontWeight="bold">
                   Explore Sectors
@@ -207,7 +205,7 @@ const SectorsListingPage = () => {
                               <Text variant="headingLg" fontWeight="semibold">
                                 {sectors.name}
                               </Text>
-                              <Divider className=' h-[2px] bg-greyExtralight' />
+                              <Divider className=" h-[2px] bg-greyExtralight" />
                             </div>
                             <div className="flex gap-1">
                               <Text