diff --git a/src/app/gym-3d/page.tsx b/src/app/gym-3d/page.tsx
index b08cdf2..8b060b3 100644
--- a/src/app/gym-3d/page.tsx
+++ b/src/app/gym-3d/page.tsx
@@ -4,6 +4,9 @@ import { useEffect, useRef, useState } from "react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Mail, Send } from 'lucide-react';
+import * as THREE from "three";
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
 
 declare global {
   namespace JSX {
@@ -20,10 +23,6 @@ export default function Gym3D() {
 
   useEffect(() => {
     const loadThree = async () => {
-      const THREE = (await import("three")).default;
-      const { GLTFLoader } = await import("three/examples/jsm/loaders/GLTFLoader.js");
-      const { OrbitControls } = await import("three/examples/jsm/controls/OrbitControls.js");
-
       if (!canvasRef.current) return;
 
       const scene = new THREE.Scene();