fix: update banner link

pages/_app.js

@@ -5,6 +5,7 @@ import Router from "next/router";
 import { Provider } from "react-redux";
 import initStore from "../src/store";
 import Meta from "../src/components/Meta";
+import MigrationBanner from "../src/components/MigrationBanner";
 
 class MyApp extends App {
   static async getInitialProps({ Component, ctx }) {
@@ -22,6 +23,7 @@ class MyApp extends App {
     return (
       <React.Fragment>
         <Meta />
+        <MigrationBanner />
         <Container>
           <Provider store={store}>
             <Component {...pageProps} />

pages/index.js

@@ -9,8 +9,6 @@ import PageLoader from "../src/components/UI/PageLoader";
 import { brandOrange } from "../src/styles/variables";
 
 const bannerStyle = css`
-  position: absolute;
-  top: 0;
   width: 100%;
   padding: 5px 0px;
   background: #ff9933;

src/components/MigrationBanner.js

@@ -0,0 +1,35 @@
+import React from "react";
+/** @jsx jsx */
+import { css, jsx } from "@emotion/core";
+import { brandOrange } from "../styles/variables";
+
+const MIGRATION_GUIDE_URL =
+  "https://docs.opencerts.io/docs/migrations/oa_to_trustvc";
+
+const bannerStyle = css`
+  width: 100%;
+  padding: 5px 0px;
+  background: ${brandOrange};
+  text-align: center;
+  font-weight: bold;
+`;
+
+const MigrationBanner = () => (
+  <div css={css(bannerStyle)}>
+    Please note that as of 1 October 2025, OpenAttestation (OA) has been
+    deprecated. OpenCerts has since migrated to TrustVC, which uses the W3C
+    Verifiable Credentials (VC) format.
+    <br />
+    Documents previously issued in OA format remain verifiable — no action is
+    required for existing certificates. However, we recommend upgrading to the
+    W3C VC format for all new issuances.
+    <br />
+    To migrate, please refer to our{" "}
+    <a href={MIGRATION_GUIDE_URL} target="_blank" rel="noopener noreferrer">
+      migration guide
+    </a>
+    .
+  </div>
+);
+
+export default MigrationBanner;