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 index 0939512f8d..1b06ab1b6f 100644 Binary files a/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.webm and b/apps/web/src/components/base-org/root/BuildAndRewardSection/assets/cubes.webm 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..0e3d785c5a 100644 --- a/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx +++ b/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx @@ -1,60 +1,66 @@ -'use client'; -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 Link from 'apps/web/src/components/Link'; +"use client"; +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 Link from "apps/web/src/components/Link"; export default function BuildAndRewardSection() { - const videoRef = useRef(null); - const { logError } = useErrors(); - const playVideo = useCallback(() => { - if (!videoRef.current) return; + const videoRef = useRef(null); + const { logError } = useErrors(); + const playVideo = useCallback(() => { + if (!videoRef.current) return; - videoRef.current.play().catch((error) => { - logError(error, 'failed to play video'); - }); - }, [logError]); + videoRef.current.play().catch((error) => { + logError(error, "failed to play video"); + }); + }, [logError]); - return ( -
-
-
-
+ return ( +
+
+
+
-
- - Build and you will be rewarded - - - Base supports passionate builders making apps for everyday life with grants, marketing, - and as part of the Superchain, Base builders are eligible for consideration in - Optimism's retroactive public goods funding. - +
+ + Build and you will be rewarded + + + Base supports passionate builders making apps for everyday life with + grants, marketing, and as part of the Superchain, Base builders are + eligible for consideration in Optimism's retroactive public + goods funding. + -
- - - -
-
-
-
- ); +
+ + + +
+
+ +
+ ); }