Merge pull request #36 from TrustlessComputer/fix/metadata-eternal-ai

test

src/app/eternal-ai/page.tsx

@@ -1,9 +1,63 @@
-'use client';
-
 import EternalAi from '@/modules/eternal-ai';
+import type { Metadata } from 'next';
 
 export default function EternalAiPage() {
-  return (
-    <EternalAi />
-  );
+  return <EternalAi />;
 }
+
+// ------------------------------------------------
+// Override Metadata
+// ------------------------------------------------
+
+const APP_NAME = 'Eternal AI';
+const APP_DEFAULT_TITLE = 'Eternal AI';
+const APP_TITLE_TEMPLATE = 'Eternal AI';
+const APP_DESCRIPTION = 'Decentralized AI on Bitcoin.';
+// const APP_THUMBNAIL = `${CDN_URL_ICONS}/metadata.jpg`;
+
+// ==> Export is required if override
+const metaExternalAI: Metadata = {
+  metadataBase: new URL(`${process.env.NEXT_PUBLIC_DOMAIN_URL}`),
+  applicationName: APP_NAME,
+  title: {
+    default: APP_DEFAULT_TITLE,
+    template: APP_TITLE_TEMPLATE,
+  },
+  description: APP_DESCRIPTION,
+  // manifest: "/manifest.json",// using for PWA
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: 'default',
+    title: APP_DEFAULT_TITLE,
+  },
+  formatDetection: {
+    telephone: false,
+  },
+  openGraph: {
+    type: 'website',
+    siteName: APP_NAME,
+    title: {
+      default: APP_DEFAULT_TITLE,
+      template: APP_TITLE_TEMPLATE,
+    },
+    description: APP_DESCRIPTION,
+    images: [
+      {
+        url: 'https://cdn.newbitcoincity.com/nbc/icons/bvm-icons/metadata_eternal_ai.png',
+        width: 1200,
+        height: 630,
+        alt: APP_NAME,
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary',
+    title: {
+      default: APP_DEFAULT_TITLE,
+      template: APP_TITLE_TEMPLATE,
+    },
+    description: APP_DESCRIPTION,
+  },
+};
+
+export { metaExternalAI };

src/modules/eternal-ai/index.tsx

@@ -2,9 +2,23 @@ import s from './styles.module.scss';
 import Image from 'next/image';
 
 export default function EternalAi() {
-
-  return <div className={s.eternalAi}>
-    <video className={s.eternalAi_video} playsInline loop autoPlay muted src={'landing/loop-videos.webm'} />
-    <Image loading={'eager'} src={'landing/images/eternail.svg'} width={485} height={213} alt={'eternail'} />
-  </div>;
+  return (
+    <div className={s.eternalAi}>
+      <video
+        className={s.eternalAi_video}
+        playsInline
+        loop
+        autoPlay
+        muted
+        src={'landing/loop-videos.webm'}
+      />
+      <Image
+        loading={'eager'}
+        src={'landing/images/eternail.svg'}
+        width={485}
+        height={213}
+        alt={'eternail'}
+      />
+    </div>
+  );
 }