diff --git a/public/landing/images/eternail.svg b/public/landing/images/eternail.svg new file mode 100644 index 000000000..8e49163ff --- /dev/null +++ b/public/landing/images/eternail.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/landing/loop-videos.webm b/public/landing/loop-videos.webm new file mode 100644 index 000000000..b3e9f3508 Binary files /dev/null and b/public/landing/loop-videos.webm differ diff --git a/src/app/eternal-ai/page.tsx b/src/app/eternal-ai/page.tsx new file mode 100644 index 000000000..4d51585cb --- /dev/null +++ b/src/app/eternal-ai/page.tsx @@ -0,0 +1,9 @@ +'use client'; + +import EternalAi from '@/modules/eternal-ai'; + +export default function EternalAiPage() { + return ( + + ); +} diff --git a/src/modules/eternal-ai/index.tsx b/src/modules/eternal-ai/index.tsx new file mode 100644 index 000000000..b3724eb2c --- /dev/null +++ b/src/modules/eternal-ai/index.tsx @@ -0,0 +1,10 @@ +import s from './styles.module.scss'; +import Image from 'next/image'; + +export default function EternalAi() { + + return
+
; +} diff --git a/src/modules/eternal-ai/styles.module.scss b/src/modules/eternal-ai/styles.module.scss new file mode 100644 index 000000000..35a125868 --- /dev/null +++ b/src/modules/eternal-ai/styles.module.scss @@ -0,0 +1,26 @@ +.eternalAi { + display: flex; + height: 100vh; + align-items: center; + justify-content: center; + padding: 32px; + + video { + mix-blend-mode: luminosity; + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + top: 0; + left: 0; + } + + img { + aspect-ratio: 485/213; + max-width: 100%; + max-height: 100%; + object-fit: contain; + position: relative; + z-index: 2; + } +}