diff --git a/migrations/20260730_000000_backfill_promise_categories.ts b/migrations/20260730_000000_backfill_promise_categories.ts
new file mode 100644
index 00000000..5b103f64
--- /dev/null
+++ b/migrations/20260730_000000_backfill_promise_categories.ts
@@ -0,0 +1,125 @@
+import type {
+  MigrateDownArgs,
+  MigrateUpArgs,
+  MongooseAdapter,
+} from "@payloadcms/db-mongodb";
+
+const DEFAULT_BACKFILL_BATCH_SIZE = 100;
+
+type RawExtractionItem = {
+  category?: string;
+  checkMediaId?: string;
+};
+
+type RawAIExtraction = {
+  _id: unknown;
+  extractions?: RawExtractionItem[];
+};
+
+type RawPromise = {
+  _id: unknown;
+  meedanId?: string;
+  category?: string;
+};
+
+const getBackfillBatchSize = (): number => {
+  const raw = Number(
+    process.env.PAYLOAD_PROMISE_CATEGORY_BACKFILL_BATCH_SIZE,
+  );
+  return Number.isFinite(raw) && raw > 0
+    ? Math.floor(raw)
+    : DEFAULT_BACKFILL_BATCH_SIZE;
+};
+
+const backfillPromiseCategories = async ({
+  payload,
+}: MigrateUpArgs): Promise<void> => {
+  const db = payload.db as MongooseAdapter;
+  const aiExtractionsModel = db.collections["ai-extractions"];
+  const promisesModel = db.collections.promises;
+
+  if (!aiExtractionsModel || !promisesModel) {
+    throw new Error(
+      "Failed to resolve one or more collections for promise category backfill",
+    );
+  }
+
+  const categoryByCheckMediaId = new Map<string, string>();
+
+  const extractionDocs = (await aiExtractionsModel.find(
+    {},
+    { extractions: 1 },
+    { lean: true },
+  )) as RawAIExtraction[];
+
+  for (const extractionDoc of extractionDocs) {
+    for (const extraction of extractionDoc.extractions ?? []) {
+      const checkMediaId = extraction.checkMediaId?.trim();
+      const category = extraction.category?.trim();
+      if (checkMediaId && category) {
+        categoryByCheckMediaId.set(checkMediaId, category);
+      }
+    }
+  }
+
+  const batchSize = getBackfillBatchSize();
+  let lastID: unknown;
+  let updated = 0;
+
+  payload.logger.info({
+    msg: "promiseCategoryBackfill:: Starting migration backfill",
+    batchSize,
+    knownCategories: categoryByCheckMediaId.size,
+  });
+
+  while (true) {
+    const batch = (await promisesModel.find(
+      lastID ? { _id: { $gt: lastID } } : {},
+      { meedanId: 1, category: 1 },
+      { lean: true, limit: batchSize, sort: { _id: 1 } },
+    )) as RawPromise[];
+
+    if (batch.length === 0) {
+      break;
+    }
+
+    lastID = batch[batch.length - 1]?._id;
+
+    for (const promise of batch) {
+      const meedanId = promise.meedanId?.trim();
+      const category = meedanId ? categoryByCheckMediaId.get(meedanId) : undefined;
+
+      if (!category || promise.category?.trim()) {
+        continue;
+      }
+
+      await promisesModel.collection.updateOne(
+        { _id: promise._id } as Record<string, unknown>,
+        { $set: { category } },
+      );
+      updated += 1;
+    }
+  }
+
+  payload.logger.info({
+    msg: "promiseCategoryBackfill:: Completed migration backfill",
+    updated,
+  });
+};
+
+export async function up(args: MigrateUpArgs): Promise<void> {
+  await backfillPromiseCategories(args);
+}
+
+export async function down({ payload }: MigrateDownArgs): Promise<void> {
+  const db = payload.db as MongooseAdapter;
+  const promisesModel = db.collections.promises;
+
+  if (!promisesModel) {
+    throw new Error(
+      "Failed to resolve promises collection for migration rollback",
+    );
+  }
+
+  await promisesModel.collection.updateMany({}, { $unset: { category: "" } });
+}
diff --git a/src/collections/Promises.ts b/src/collections/Promises.ts
index 2918ea13..7850edad 100644
--- a/src/collections/Promises.ts
+++ b/src/collections/Promises.ts
@@ -92,6 +92,17 @@ export const Promises: CollectionConfig = {
         position: "sidebar",
       },
     },
+    {
+      name: "category",
+      type: "text",
+      label: {
+        en: "Category",
+        fr: "Catégorie",
+      },
+      admin: {
+        position: "sidebar",
+      },
+    },
     {
       name: "politicalEntity",
       type: "relationship",
diff --git a/src/components/Hero/Hero.Client.tsx b/src/components/Hero/Hero.Client.tsx
index 9b850ea4..cc1c20d6 100644
--- a/src/components/Hero/Hero.Client.tsx
+++ b/src/components/Hero/Hero.Client.tsx
@@ -51,7 +51,6 @@ export const HeroClient = ({ data }: HeroClientProps) => {
           <Grid size={{ xs: 12, lg: 4 }}>
             <Profile
               name={entity.name}
-              headline={headline}
               profileTitle={copy.profileTitle}
               updatedAtLabel={copy.updatedAtLabel}
               updatedAtDisplay={entity.updatedAtDisplay}
@@ -60,6 +59,7 @@ export const HeroClient = ({ data }: HeroClientProps) => {
           </Grid>
           <Grid size={{ xs: 12, lg: 8 }}>
             <ProfileChart
+              headline={headline}
               promiseLabel={copy.promiseLabel}
               trailText={copy.trailText}
               name={entity.name}
diff --git a/src/components/Hero/Profile/index.tsx b/src/components/Hero/Profile/index.tsx
index 90af4805..223688e6 100644
--- a/src/components/Hero/Profile/index.tsx
+++ b/src/components/Hero/Profile/index.tsx
@@ -15,10 +15,6 @@ type ProfileProps = {
   updatedAtLabel: string;
   updatedAtDisplay: string;
   image: ProfileImage | null;
-  headline: {
-    tagline?: string;
-    name: string;
-  };
 };
 
 const MOBILE_SIZE = 149;
@@ -30,7 +26,6 @@ export const Profile = ({
   updatedAtLabel,
   updatedAtDisplay,
   image,
-  headline,
 }: ProfileProps) => {
   const dateLine = [updatedAtLabel?.trim(), updatedAtDisplay]
     .filter(Boolean)
@@ -98,30 +93,6 @@ export const Profile = ({
           },
         }}
       >
-        {headline.tagline || headline.name ? (
-          <Typography
-            component="h1"
-            variant="h1"
-            sx={(theme) => ({
-              mb: theme.typography.pxToRem(12),
-            })}
-          >
-            {headline.tagline ? (
-              <>
-                <Typography
-                  component="span"
-                  variant="inherit"
-                  sx={{ color: "#005DFD" }}
-                >
-                  {headline.tagline}
-                </Typography>{" "}
-                {headline.name}
-              </>
-            ) : (
-              headline.name
-            )}
-          </Typography>
-        ) : null}
         <Typography
           variant="h5"
           sx={(theme) => ({
diff --git a/src/components/Hero/ProfileChart/DesktopChart/ProgressChart.tsx b/src/components/Hero/ProfileChart/DesktopChart/ProgressChart.tsx
index 22068ac8..87ea49f4 100644
--- a/src/components/Hero/ProfileChart/DesktopChart/ProgressChart.tsx
+++ b/src/components/Hero/ProfileChart/DesktopChart/ProgressChart.tsx
@@ -23,7 +23,13 @@ export const ProgressChart = ({
   const accentColor = statuses[0]?.color ?? "";
 
   return (
-    <Stack spacing={2} alignItems="stretch" sx={{ px: 2 }}>
+    <Stack
+      spacing={2}
+      alignItems="stretch"
+      sx={{ px: 2 }}
+      height={"100%"}
+      justifyContent={"space-between"}
+    >
       <Typography
         variant="caption"
         sx={(theme) => ({
diff --git a/src/components/Hero/ProfileChart/index.tsx b/src/components/Hero/ProfileChart/index.tsx
index 64b78663..307ae608 100644
--- a/src/components/Hero/ProfileChart/index.tsx
+++ b/src/components/Hero/ProfileChart/index.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import { useMemo, useState } from "react";
-import { Box } from "@mui/material";
+import { useEffect, useMemo, useState } from "react";
+import { Box, Typography } from "@mui/material";
 
 import type { HeroChartGroup, HeroStatusSummary } from "../index";
 import DesktopChart from "./DesktopChart";
@@ -9,7 +9,13 @@ import MobileChart from "./MobileChart";
 import ProfileDetails from "./ProfileDetails";
 import RectChart from "./RectChart";
 
+const AUTO_TOGGLE_INTERVAL_MS = 6000;
+
 type ProfileChartProps = {
+  headline: {
+    tagline?: string;
+    name: string;
+  };
   promiseLabel: string;
   trailText: string;
   name: string;
@@ -22,6 +28,7 @@ type ProfileChartProps = {
 };
 
 export const ProfileChart = ({
+  headline,
   promiseLabel,
   trailText,
   name,
@@ -34,6 +41,14 @@ export const ProfileChart = ({
 }: ProfileChartProps) => {
   const [showRectChart, setShowRectChart] = useState(false);
 
+  useEffect(() => {
+    const id = setInterval(() => {
+      setShowRectChart((prev) => !prev);
+    }, AUTO_TOGGLE_INTERVAL_MS);
+
+    return () => clearInterval(id);
+  }, [showRectChart]);
+
   const orderedRectStatuses = useMemo(() => {
     return statuses
       .slice()
@@ -42,6 +57,30 @@ export const ProfileChart = ({
 
   return (
     <Box sx={{ display: "flex", flexDirection: "column", height: "100%" }}>
+      {headline.tagline || headline.name ? (
+        <Typography
+          component="h1"
+          variant="h1"
+          sx={(theme) => ({
+            mb: theme.typography.pxToRem(12),
+          })}
+        >
+          {headline.tagline ? (
+            <>
+              <Typography
+                component="span"
+                variant="inherit"
+                sx={{ color: "#005DFD" }}
+              >
+                {headline.tagline}
+              </Typography>{" "}
+              {headline.name}
+            </>
+          ) : (
+            headline.name
+          )}
+        </Typography>
+      ) : null}
       <ProfileDetails
         name={name}
         position={position}
diff --git a/src/components/KeyPromises/KeyPromises.Client.tsx b/src/components/KeyPromises/KeyPromises.Client.tsx
index 356070d2..0fb9a2e5 100644
--- a/src/components/KeyPromises/KeyPromises.Client.tsx
+++ b/src/components/KeyPromises/KeyPromises.Client.tsx
@@ -102,33 +102,37 @@ const KeyPromiseCard = ({
         sx={{ minHeight: { lg: theme.typography.pxToRem(387) } }}
       >
         <Grid>
-          <Typography
-            component="h3"
+          <Box
             sx={(theme) => ({
-              typography: { xs: "h4", lg: "h2" },
-              p: "0 !important",
               position: "relative",
-              overflow: "hidden",
-              display: "-webkit-box",
-              WebkitBoxOrient: "vertical",
-              WebkitLineClamp: { xs: 3, lg: 2 },
-              minHeight: { lg: theme.typography.pxToRem(56) },
-              textTransform: "none",
-              lineHeight: "48px",
-              pb: 1,
+              pb: theme.typography.pxToRem(20),
               "&::after": {
                 content: '""',
                 width: theme.typography.pxToRem(72),
                 borderBottom: { lg: `8px solid ${statusColor}` },
-                marginTop: { lg: theme.typography.pxToRem(8) },
                 position: "absolute",
-                bottom: -2,
+                bottom: 0,
                 left: 0,
               },
             })}
           >
-            {item.title}
-          </Typography>
+            <Typography
+              component="h3"
+              sx={(theme) => ({
+                typography: { xs: "h4", lg: "h2" },
+                p: "0 !important",
+                overflow: "hidden",
+                display: "-webkit-box",
+                WebkitBoxOrient: "vertical",
+                WebkitLineClamp: { xs: 3, lg: 2 },
+                minHeight: { lg: theme.typography.pxToRem(56) },
+                textTransform: "none",
+                lineHeight: "48px",
+              })}
+            >
+              {item.title}
+            </Typography>
+          </Box>
           {item.description ? (
             <Typography
               variant="body2"
diff --git a/src/components/Partners/Partners.tsx b/src/components/Partners/Partners.tsx
index fdab4541..6a81e4e0 100644
--- a/src/components/Partners/Partners.tsx
+++ b/src/components/Partners/Partners.tsx
@@ -38,10 +38,14 @@ const Partners = React.forwardRef<HTMLDivElement, Props>(function Partners(
       >
         <Typography
           component="h2"
-          variant="h2"
+          variant="h4"
           sx={{
+            width: "100%",
+            margin: 0,
             textAlign: { xs: "center", lg: "left" },
-            textTransform: "capitalize",
+            textTransform: "uppercase",
+            fontWeight: 600,
+            letterSpacing: "0.64px",
           }}
         >
           {title}
@@ -54,7 +58,7 @@ const Partners = React.forwardRef<HTMLDivElement, Props>(function Partners(
                 xs: "center",
                 lg: "space-between",
               }}
-              rowSpacing={{ xs: 4, md: 5 }}
+              rowSpacing={{ xs: 4, md: 5, lg: 0 }}
               columnSpacing={{ lg: 4 }}
             >
               {partners.slice(0, 6).map((partner) => (
@@ -65,13 +69,24 @@ const Partners = React.forwardRef<HTMLDivElement, Props>(function Partners(
                     lg: 4,
                   }}
                 >
-                  <CMSLink {...partner.url} label={""} entitySlug={entitySlug}>
+                  <CMSLink
+                    {...partner.url}
+                    label={""}
+                    entitySlug={entitySlug}
+                    sx={{
+                      display: "block",
+                      margin: 0,
+                      width: { lg: "16.25rem" },
+                      height: { lg: "7.5rem" },
+                    }}
+                  >
                     <Box
                       sx={{
                         width: "100%",
                         maxWidth: { xs: 260, sm: 320, lg: 280 },
                         aspectRatio: "3 / 2",
                         position: "relative",
+                        m: 0,
                         mx: "auto",
                       }}
                       component={"figure"}
diff --git a/src/components/Promises/Promises.tsx b/src/components/Promises/Promises.tsx
index 43fbf3b9..e7e47a17 100644
--- a/src/components/Promises/Promises.tsx
+++ b/src/components/Promises/Promises.tsx
@@ -30,6 +30,7 @@ interface PromisesProps {
   withFilter?: boolean;
   projectMeta?: ProjectMeta;
   promiseStatuses?: SortItem[];
+  promiseCategories?: SortItem[];
   sortLabels?: {
     sortByDeadline: SortItem;
     sortByMostRecent: SortItem;
@@ -81,6 +82,7 @@ function Promises({
   withFilter = true,
   projectMeta,
   promiseStatuses = [],
+  promiseCategories = [],
   sortLabels,
   filterByConfig,
   sortByConfig,
@@ -89,7 +91,8 @@ function Promises({
 }: PromisesProps) {
   const sortByDeadline = sortLabels?.sortByDeadline;
   const sortByMostRecent = sortLabels?.sortByMostRecent;
-  const filterCategoryItems = projectMeta?.tags ?? [];
+  const filterCategoryItems =
+    promiseCategories.length > 0 ? promiseCategories : (projectMeta?.tags ?? []);
   const filterStatusItems = promiseStatuses;
   const [items, setItems] = useState(itemsProp);
   const [selectedFilters, setSelectedFilters] = useState<any[]>([]);
@@ -139,9 +142,16 @@ function Promises({
         return selectedFilters.some((c) => c.slug === promiseSlug);
       };
 
+      const hasCategory = (item: PromiseWithHref) => {
+        const promiseSlug = slugify(item.category ?? "");
+        return selectedFilters.some((c) => c.slug === promiseSlug);
+      };
+
       let filteredItems: PromiseWithHref[] = [];
       if (filterBy === "status") {
         filteredItems = itemsProp.filter(hasStatus);
+      } else if (filterBy === "category") {
+        filteredItems = itemsProp.filter(hasCategory);
       }
 
       const hasFilters = selectedFilters?.length;
diff --git a/src/components/Promises/index.tsx b/src/components/Promises/index.tsx
index d45b4718..89313c55 100644
--- a/src/components/Promises/index.tsx
+++ b/src/components/Promises/index.tsx
@@ -37,6 +37,16 @@ const resolveEntity = async (
   return getPoliticalEntityBySlug(tenant, entitySlug);
 };
 
+const FILTER_LABELS: Record<string, string> = {
+  status: "Status",
+  category: "Category",
+};
+
+const SORT_LABELS: Record<string, string> = {
+  mostRecent: "Most Recent",
+  deadline: "Deadline",
+};
+
 async function Index(props: PromiseListProps) {
   const { title, filterBy, sortBy, filterByLabel, sortByLabel, entitySlug } =
     props;
@@ -90,13 +100,31 @@ async function Index(props: PromiseListProps) {
   });
 
   const promiseStatuses = Array.from(promiseStatusesMap.values());
+
+  const promiseCategoriesMap = new Map<string, { slug: string; name: string }>();
+
+  promises.forEach((promise) => {
+    const categoryLabel = promise.category ?? "";
+    const slug = slugify(categoryLabel);
+
+    if (!slug || promiseCategoriesMap.has(slug)) {
+      return;
+    }
+
+    promiseCategoriesMap.set(slug, {
+      slug,
+      name: categoryLabel,
+    });
+  });
+
+  const promiseCategories = Array.from(promiseCategoriesMap.values());
   const entityImage =
     typeof entity.image === "string" ? null : (entity.image ?? null);
   const filterByOptions = {
     label: filterByLabel ?? "",
     items:
       filterBy?.map((filter: string) => ({
-        name: filter,
+        name: FILTER_LABELS[filter] ?? filter,
         slug: filter,
       })) ?? [],
   };
@@ -104,7 +132,7 @@ async function Index(props: PromiseListProps) {
     label: sortByLabel ?? "",
     items:
       sortBy?.map((sort: string) => ({
-        name: sort,
+        name: SORT_LABELS[sort] ?? sort,
         slug: sort,
       })) ?? [],
   };
@@ -116,6 +144,7 @@ async function Index(props: PromiseListProps) {
       filterByConfig={filterByOptions}
       sortByConfig={sortByOptions}
       promiseStatuses={promiseStatuses}
+      promiseCategories={promiseCategories}
       entity={{ name: entity.name, slug: entity.slug, image: entityImage }}
       fallbackImage={fallbackImage}
     />
diff --git a/src/lib/syncMeedanReports.ts b/src/lib/syncMeedanReports.ts
index e7967a43..4c1f09c6 100644
--- a/src/lib/syncMeedanReports.ts
+++ b/src/lib/syncMeedanReports.ts
@@ -20,6 +20,7 @@ type PromiseData = {
   status: string | null;
   publishStatus: string;
   politicalEntity: string | null;
+  category: string | null;
   image: string | null;
   url: string;
 };
@@ -28,6 +29,7 @@ const buildPromiseData = (
   report: PublishedReport,
   statusId: string | null,
   politicalEntityId: string | null,
+  categoryValue: string | null,
   imageId: string | null,
   rawPublishStatus: string | null
 ): PromiseData => {
@@ -39,6 +41,7 @@ const buildPromiseData = (
     status: statusId,
     publishStatus: coerce(rawPublishStatus),
     politicalEntity: politicalEntityId,
+    category: categoryValue,
     image: imageId,
     url: coerce(report.url),
   };
@@ -77,6 +80,7 @@ const normaliseExistingDoc = (doc: PromiseDoc): PromiseData => {
     status: getRelationId(doc.status),
     publishStatus: coerce(doc.publishStatus),
     politicalEntity: getRelationId(doc.politicalEntity),
+    category: coerce(doc.category),
     image: getRelationId(doc.image as unknown),
     url: coerce(doc.url),
   };
@@ -193,6 +197,7 @@ export const syncMeedanReports = async ({
   };
 
   const extractionEntityIndex = new Map<string, string>();
+  const extractionCategoryIndex = new Map<string, string>();
 
   for (const extractionDoc of aiExtractionDocsRaw as AiExtractionDoc[]) {
     const document = await resolveDocument(extractionDoc.document);
@@ -206,16 +211,20 @@ export const syncMeedanReports = async ({
           : (politicalEntityValue.id ?? null);
     }
 
-    if (!politicalEntityId) {
-      continue;
-    }
-
     for (const extraction of extractionDoc.extractions ?? []) {
       const checkMediaId = extraction.checkMediaId?.trim();
       if (!checkMediaId) {
         continue;
       }
-      extractionEntityIndex.set(checkMediaId, politicalEntityId);
+
+      const category = extraction.category?.trim();
+      if (category) {
+        extractionCategoryIndex.set(checkMediaId, category);
+      }
+
+      if (politicalEntityId) {
+        extractionEntityIndex.set(checkMediaId, politicalEntityId);
+      }
     }
   }
 
@@ -392,11 +401,18 @@ export const syncMeedanReports = async ({
         meedanId: report.meedanId,
       });
     }
+
+    const categoryValue =
+      extractionCategoryIndex.get(report.meedanId) ??
+      existingData?.category ??
+      null;
+
     const imageId = await resolveImageForReport(report, existingData);
     const data = buildPromiseData(
       report,
       resolvedStatusId,
       politicalEntityId,
+      categoryValue,
       imageId,
       reportStatusValue
     );
diff --git a/src/payload-types.ts b/src/payload-types.ts
index a1949a34..1b830227 100644
--- a/src/payload-types.ts
+++ b/src/payload-types.ts
@@ -466,6 +466,7 @@ export interface Promise {
   description?: string | null;
   url?: string | null;
   status?: (string | null) | PromiseStatus;
+  category?: string | null;
   politicalEntity?: (string | null) | PoliticalEntity;
   image?: (string | null) | Media;
   publishStatus?: string | null;
@@ -1473,6 +1474,7 @@ export interface PromisesSelect<T extends boolean = true> {
   description?: T;
   url?: T;
   status?: T;
+  category?: T;
   politicalEntity?: T;
   image?: T;
   publishStatus?: T;