blockful · pikonha · Apr 15, 2026 · Apr 2, 2026 · Apr 7, 2026 · Apr 7, 2026
@@ -4,6 +4,10 @@ NEXT_PUBLIC_BASE_URL=
 NEXT_PUBLIC_API_TOKEN=
 NEXT_PUBLIC_SITE_URL=
 
+# local whitelabel override for dashboard development
+# example: FORCE_DAO=AAVE then visit http://localhost:3000/governance
+FORCE_DAO=
+
 # social media links
 NEXT_PUBLIC_ANTICAPTURE_TELEGRAM_BOT=https://t.me/<your-telegram-username>
 NEXT_PUBLIC_ANTICAPTURE_SLACK_BOT=https://<your-slack-server>/slack/
@@ -14,4 +18,4 @@ RESEND_FROM_EMAIL=onboarding@resend.dev
 CONTACT_EMAIL=
 
 # GitHub token for higher API rate limits (5000 req/hour vs 60 unauthenticated)
-GITHUB_TOKEN=
+GITHUB_TOKEN=
@@ -15,6 +15,6 @@ export default async function OpengraphImage({
 
   return await createDaoSectionOgImage({
     daoId: daoIdEnum,
-    sectionTitle: "<governance>",
+    sectionTitle: "<proposals>",
   });
 }
@@ -5,13 +5,18 @@ import type { DaoIdEnum } from "@/shared/types/daos";
 
 type Props = {
   params: Promise<{ daoId: string; proposalId: string }>;
+  searchParams: Promise<{ proposalType?: string }>;
 };
 
 export async function generateMetadata(props: Props): Promise<Metadata> {
   const params = await props.params;
+  const { proposalType } = await props.searchParams;
   const daoId = params.daoId.toUpperCase() as DaoIdEnum;
+  const isOffchain = proposalType === "offchain";
 
-  const canonicalPath = `/${params.daoId}/governance/proposal/${params.proposalId}`;
+  const canonicalPath = isOffchain
+    ? `/${params.daoId}/proposals/${params.proposalId}?proposalType=offchain`
+    : `/${params.daoId}/proposals/${params.proposalId}`;
 
   return {
     title: `${daoId} DAO Governance Proposal | Security Analysis — Anticapture`,
@@ -30,10 +35,12 @@ export async function generateMetadata(props: Props): Promise<Metadata> {
   };
 }
 
-export default function ProposalPage() {
+export default async function ProposalPage({ searchParams }: Props) {
+  const { proposalType } = await searchParams;
+
   return (
     <div>
-      <ProposalSection />
+      <ProposalSection isOffchain={proposalType === "offchain"} />
     </div>
   );
 }
@@ -1,7 +1,7 @@
 import { createDaoSectionOgImage } from "@/shared/og";
 import type { DaoIdEnum } from "@/shared/types/daos";
 
-export const alt = "Anticapture Governance";
+export const alt = "Anticapture Proposals";
 export const size = { width: 1200, height: 630 };
 export const contentType = "image/png";
 
@@ -15,6 +15,6 @@ export default async function OpengraphImage({
 
   return await createDaoSectionOgImage({
     daoId: daoIdEnum,
-    sectionTitle: "<governance>",
+    sectionTitle: "<proposals>",
   });
 }
@@ -11,7 +11,7 @@ export async function generateMetadata(props: Props): Promise<Metadata> {
   const params = await props.params;
   const daoId = params.daoId.toUpperCase() as DaoIdEnum;
 
-  const canonicalPath = `/${params.daoId}/governance`;
+  const canonicalPath = `/${params.daoId}/proposals`;
 
   return {
     title: `${daoId} DAO Governance Proposals | Security Analysis — Anticapture`,
@@ -30,7 +30,7 @@ export async function generateMetadata(props: Props): Promise<Metadata> {
   };
 }
 
-export default function GovernancePage() {
+export default function ProposalsPage() {
   return (
     <div>
       <GovernanceSection />

@@ -31,7 +31,7 @@ export default function DonatePage() {
           <HeaderMobile className="fixed! top-0" />
         </div>
         <div className="flex min-h-screen w-full flex-col items-center">
-          <div className="w-full flex-1">
+          <div className="mt-14 w-full flex-1 lg:mt-0">
             <AlertsSection />
           </div>
           <Footer />

@@ -76,8 +76,12 @@
   --color-surface-default: var(--base-primary-foreground);
   --color-surface-contrast: var(--base-muted);
   --color-surface-hover: var(--base-border);
-  --color-surface-action: var(--base-primary);
-  --color-surface-action-hover: var(--base-primary-opacity-darker);
+  --color-surface-action: var(--base-brand);
+  --color-surface-action-hover: color-mix(
+    in srgb,
+    var(--base-brand) 80%,
+    black
+  );
   --color-surface-destructive: var(--base-destructive);
   --color-surface-destructive-hover: var(--base-destructive-hover);
   --color-surface-disabled: var(--base-muted);
@@ -186,6 +190,7 @@
 
   /* root colors  */
   --radius: 0.625rem;
+  --radius-base: 0px;
   --base-background: #ffffff;
   --base-foreground: #09090b;
   --base-muted: #f4f4f5;

@@ -2,6 +2,7 @@ import "@/app/globals.css";
 import "tailwindcss";
 import type { Metadata } from "next";
 import { Inter, Roboto_Mono } from "next/font/google";
+import { headers } from "next/headers";
 import type { ReactNode } from "react";
 import { Toaster } from "react-hot-toast";
 
@@ -10,6 +11,7 @@ import { HelpPopover } from "@/shared/components";
 import { GlobalProviders } from "@/shared/providers/GlobalProviders";
 import ConditionalPostHog from "@/shared/services/posthog/ConditionalPostHog";
 import UmamiScript from "@/shared/services/umami";
+import { resolveDaoIdFromHostname } from "@/shared/utils/whitelabel";
 
 const inter = Inter({ weight: ["400", "500", "600"], subsets: ["latin"] });
 
@@ -55,26 +57,47 @@ export const metadata: Metadata = {
   },
 };
 
-export default function RootLayout({ children }: { children: ReactNode }) {
+export default async function RootLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const headersList = await headers();
+  const host =
+    headersList.get("x-forwarded-host") ?? headersList.get("host") ?? "";
+  const hostname = host.split(":")[0];
+  const isWhitelabel = !!resolveDaoIdFromHostname(hostname);
+
   return (
-    <html lang="en" className="dark">
+    <html
+      lang="en"
+      className={isWhitelabel ? undefined : "dark"}
+      suppressHydrationWarning
+    >
       <head>
         <meta
           name="viewport"
           content="width=device-width, initial-scale=1, viewport-fit=cover"
         />
+        {!isWhitelabel && (
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `if(location.pathname.startsWith('/whitelabel/'))document.documentElement.classList.remove('dark')`,
+            }}
+          />
+        )}
       </head>
       <body
         className={`${inter.className} ${roboto.variable} bg-surface-background`}
       >
         <div
           data-vaul-drawer-wrapper=""
-          className="border-light-dark mx-auto max-w-screen-2xl overflow-x-hidden border xl:overflow-hidden"
+          className="border-border-default mx-auto max-w-screen-2xl overflow-x-hidden border xl:overflow-hidden"
         >
           <GlobalProviders>
             {children}
-            <CookieConsent />
-            <HelpPopover />
+            <CookieConsent isWhitelabel={isWhitelabel} />
+            <HelpPopover isWhitelabel={isWhitelabel} />
           </GlobalProviders>
           <Toaster position="bottom-left" reverseOrder={false} />
           <ConditionalPostHog />

@@ -15,7 +15,7 @@ const STATIC_ROUTES = [
 const DAO_SUB_ROUTES = [
   "",
   "/risk-analysis",
-  "/governance",
+  "/proposals",
   "/token-distribution",
   "/holders-and-delegates",
   "/activity-feed",

@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+
+import { ActivityFeedSection } from "@/features/feed";
+import daoConfigByDaoId from "@/shared/dao-config";
+import type { DaoIdEnum } from "@/shared/types/daos";
+
+type Props = {
+  params: Promise<{ daoId: string }>;
+};
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { daoId } = await params;
+  const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
+  const daoConfig = daoConfigByDaoId[daoIdEnum];
+
+  return {
+    title: "Activity Feed",
+    description: `Monitor governance activity and participation signals for ${daoConfig.name}.`,
+  };
+}
+
+export default function WhitelabelActivityFeedPage() {
+  return <ActivityFeedSection />;
+}
@@ -0,0 +1,31 @@
+import type { Metadata } from "next";
+
+import { WhitelabelDelegateDetailPage } from "@/features/holders-and-delegates/components/WhitelabelDelegateDetailPage";
+import daoConfigByDaoId from "@/shared/dao-config";
+import type { DaoIdEnum } from "@/shared/types/daos";
+
+type Props = {
+  params: Promise<{ daoId: string; address: string }>;
+};
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { daoId } = await params;
+  const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
+  const daoConfig = daoConfigByDaoId[daoIdEnum];
+
+  return {
+    title: "Delegate details",
+    description: `Inspect delegate voting behavior and history for ${daoConfig.name}.`,
+  };
+}
+
+export default async function WhitelabelDelegateAddressPage({ params }: Props) {
+  const { daoId, address } = await params;
+
+  return (
+    <WhitelabelDelegateDetailPage
+      daoId={daoId.toUpperCase() as DaoIdEnum}
+      address={address}
+    />
+  );
+}
@@ -0,0 +1,27 @@
+import type { Metadata } from "next";
+
+import { HoldersAndDelegatesSection } from "@/features/holders-and-delegates";
+import daoConfigByDaoId from "@/shared/dao-config";
+import type { DaoIdEnum } from "@/shared/types/daos";
+
+type Props = {
+  params: Promise<{ daoId: string }>;
+};
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { daoId } = await params;
+  const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
+  const daoConfig = daoConfigByDaoId[daoIdEnum];
+
+  return {
+    title: "Delegates",
+    description: `Explore delegate activity and holder concentration for ${daoConfig.name}.`,
+  };
+}
+
+export default async function WhitelabelDelegatesPage({ params }: Props) {
+  const { daoId } = await params;
+  const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
+
+  return <HoldersAndDelegatesSection daoId={daoIdEnum} />;
+}
@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+
+import { GovernanceSettingsSection } from "@/features/governance-settings/GovernanceSettingsSection";
+import daoConfigByDaoId from "@/shared/dao-config";
+import type { DaoIdEnum } from "@/shared/types/daos";
+
+type Props = {
+  params: Promise<{ daoId: string }>;
+};
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { daoId } = await params;
+  const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
+  const daoConfig = daoConfigByDaoId[daoIdEnum];
+
+  return {
+    title: "Governance Settings",
+    description: `View the contracts and parameters that govern how ${daoConfig.name} operates.`,
+  };
+}
+
+export default function WhitelabelGovernanceSettingsPage() {
+  return <GovernanceSettingsSection />;
+}
@@ -0,0 +1,29 @@
+import type { Metadata } from "next";
+
+import { HoldersAndDelegatesSection } from "@/features/holders-and-delegates";
+import daoConfigByDaoId from "@/shared/dao-config";
+import type { DaoIdEnum } from "@/shared/types/daos";
+
+type Props = {
+  params: Promise<{ daoId: string }>;
+};
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { daoId } = await params;
+  const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
+  const daoConfig = daoConfigByDaoId[daoIdEnum];
+
+  return {
+    title: "Holders & Delegates",
+    description: `Explore holder concentration and delegate activity for ${daoConfig.name}.`,
+  };
+}
+
+export default async function WhitelabelHoldersAndDelegatesPage({
+  params,
+}: Props) {
+  const { daoId } = await params;
+  const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
+
+  return <HoldersAndDelegatesSection daoId={daoIdEnum} />;
+}