diff --git a/apps/web/global.d.ts b/apps/web/global.d.ts index 563fb102ad..d658225f7d 100644 --- a/apps/web/global.d.ts +++ b/apps/web/global.d.ts @@ -38,3 +38,8 @@ declare module '*.gltf' { const src: string; export default src; } + +declare module '*.mp4' { + const src: string; + export default src; +} diff --git a/apps/web/next.config.js b/apps/web/next.config.js index 8351bc4d96..85aca3922e 100644 --- a/apps/web/next.config.js +++ b/apps/web/next.config.js @@ -196,6 +196,19 @@ module.exports = extendBaseConfig( }, ], }); + config.module.rules.push({ + test: /\.mp4$/, + use: [ + { + loader: 'file-loader', + options: { + name: '[name][hash].[ext]', + outputPath: 'static/assets/mp4/', + publicPath: '/_next/static/assets/mp4/', + }, + }, + ], + }); config.module.rules.push({ test: /\.gltf/, use: [ diff --git a/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.mp4 b/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.mp4 new file mode 100644 index 0000000000..615a4dc46b Binary files /dev/null and b/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.mp4 differ diff --git a/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.webm b/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.webm deleted file mode 100644 index 0939512f8d..0000000000 Binary files a/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.webm and /dev/null differ diff --git a/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx b/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx index a5337fb65d..306fdc66f2 100644 --- a/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx +++ b/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx @@ -2,12 +2,11 @@ import { useErrors } from 'apps/web/contexts/Errors'; import Title from 'apps/web/src/components/base-org/typography/Title'; import { TitleLevel } from 'apps/web/src/components/base-org/typography/Title/types'; - import Text from 'apps/web/src/components/base-org/typography/Text'; import Button from 'apps/web/src/components/base-org/Button'; import { ButtonVariants } from 'apps/web/src/components/base-org/Button/types'; import { useCallback, useRef } from 'react'; -import cubes from './assets/cubes.webm'; +import cubes from './assets/cubes.mp4'; import Link from 'apps/web/src/components/Link'; export default function BuildAndRewardSection() { @@ -26,7 +25,7 @@ export default function BuildAndRewardSection() {