Build compliance portal home page sections

Add the frameworks (Compliance), security commitments, trusted-by, and
recent updates sections to the home page, plus a site-wide "Powered by
Probo" footer. Frameworks, references, and updates are relay-driven; the
security commitments section uses placeholder POJO data until a backend
exists.

Keep generic primitives in the v2 kit (ProboLogo, a faint Text tone, and
a soft Card variant with padding="none") and place the product-specific
cards under the app's components folder, composing the base Card. Resolve
each framework's themed logo in the graph via Framework.themedLogoUrl,
mirroring the trust center logo resolver.

Signed-off-by: Émile Ré <emile@probo.com>

apps/compliance-portal/src/components/HeaderBand/variants.ts

@@ -19,7 +19,7 @@ import { tv } from "tailwind-variants/lite";
 // Hero and the page headers so the band is defined once.
 export const headerBand = tv({
   slots: {
-    band: "flex w-full flex-col items-center border-b border-sand-6 bg-sand-1 px-8 py-8",
+    band: "flex w-full flex-col items-center border-b border-sand-a3 bg-sand-1 px-8 py-8",
     inner: "w-full max-w-5xl",
   },
 });