diff --git a/apps/web/src/components/ThreeHero/index.tsx b/apps/web/src/components/ThreeHero/index.tsx
index dd236bb124..4a11ed2905 100644
--- a/apps/web/src/components/ThreeHero/index.tsx
+++ b/apps/web/src/components/ThreeHero/index.tsx
@@ -16,7 +16,7 @@
import * as THREE from 'three';
import { useRef, useMemo, useCallback, useState, useEffect, Suspense } from 'react';
import { Canvas, useFrame, useThree } from '@react-three/fiber';
-import { Lightformer, Environment, Html, Center } from '@react-three/drei';
+import { Lightformer, Environment, Html, Center, Stats } from '@react-three/drei';
import {
Physics,
RigidBody,
@@ -113,6 +113,7 @@ export default function Scene(): JSX.Element {
+
);
@@ -201,7 +202,6 @@ export function Everything(props) {
-
);
}
@@ -210,7 +210,7 @@ function Boxes({ count = 10 }) {
const instancedApi = useRef(null);
const { viewport } = useThree();
const vec = useMemo(() => new THREE.Vector3(), []);
- const gravityEffect = 0.003;
+ const gravityEffect = 0.001;
const instances = useMemo(() => {
const temp = [];
@@ -258,48 +258,11 @@ function Boxes({ count = 10 }) {
);
}
-/*
-function Boxes({ count = 10 }: { count?: number }) {
- const boxes = useMemo(
- () =>
- new Array(count).fill(null).map((_, index) => {
- return (
-
-
-
- );
- }),
- [count],
- );
-
- return {boxes};
-}
-
-
-function Balls({ count = 10 }: { count?: number }) {
- const boxes = useMemo(
- () =>
- new Array(count).fill(null).map((_, index) => {
- return (
-
-
-
-
-
-
- );
- }),
- [count],
- );
-
- return {boxes};
-}*/
-
function Balls({ count = 20 }) {
const instancedApi = useRef(null);
const { viewport } = useThree();
const vec = useMemo(() => new THREE.Vector3(), []);
- const gravityEffect = 0.00005;
+ const gravityEffect = 0.00003;
const instances = useMemo(() => {
const temp = [];
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 4c459fca45..1979b6fa9c 100644
--- a/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx
+++ b/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx
@@ -8,7 +8,7 @@ import Card from 'apps/web/src/components/base-org/Card';
import Button from 'apps/web/src/components/base-org/Button';
import { ButtonVariants } from 'apps/web/src/components/base-org/Button/types';
import Link from 'next/link';
-import { useCallback, useState, useRef, useEffect } from 'react';
+import { useCallback, useRef } from 'react';
import cubes from './assets/cubes.webm';
export default function BuildAndRewardSection() {