chore: Lex V1 Deprecation Notice

src/components/Layout/Layout.tsx

@@ -38,6 +38,7 @@ import {
 import { Modal } from '@/components/Modal';
 import { Gen1Banner } from '@/components/Gen1Banner';
 import { PinpointEOLBanner } from '@/components/PinpointEOLBanner';
+import { LexV1EOLBanner } from '../LexV1EOLBanner';
 import { ApiModalProvider } from '../ApiDocs/ApiModalProvider';
 
 export const Layout = ({
@@ -287,6 +288,9 @@ export const Layout = ({
                       asPathWithNoHash.includes('/in-app-messaging/')) && (
                       <PinpointEOLBanner />
                     )}
+                    {asPathWithNoHash.includes('/interactions/') && (
+                      <LexV1EOLBanner />
+                    )}
                     {children}
                     {showNextPrev && <NextPrevious />}
                   </Flex>

src/components/LexV1EOLBanner/LexV1EOLBanner.tsx

@@ -0,0 +1,26 @@
+import { Callout } from '@/components/Callout';
+import Link from 'next/link';
+import classNames from 'classnames';
+
+export const LexV1EOLBanner = () => {
+  return (
+    <Callout backgroundColor="background.error">
+      <Link
+        href="https://docs.aws.amazon.com/lex/latest/dg/migrate.html"
+        passHref
+        className={classNames('amplify-link')}
+      >
+        AWS will end support for Amazon Lex V1 on September 15, 2025,
+      </Link>
+      , and is no longer accepting any new users as of March 31. The guidance is
+      to migrate to{' '}
+      <Link
+        href="https://docs.aws.amazon.com/lexv2/latest/dg/getting-started.html"
+        passHref
+        className={classNames('amplify-link')}
+      >
+        Amazon Lex V2.
+      </Link>{' '}
+    </Callout>
+  );
+};

src/components/LexV1EOLBanner/index.ts

@@ -0,0 +1 @@
+export { LexV1EOLBanner } from './LexV1EOLBanner';