diff --git a/public/hdr/sky.hdr b/public/hdr/sky.hdr
new file mode 100644
index 0000000..cb2eb46
Binary files /dev/null and b/public/hdr/sky.hdr differ
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8d42848..2957787 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { OrbitControls, PerspectiveCamera } from '@react-three/drei';
+import { Environment, OrbitControls, PerspectiveCamera } from '@react-three/drei';
 import { Canvas, useLoader, useFrame } from '@react-three/fiber';
 import { forwardRef, useLayoutEffect, useMemo, useRef } from 'react';
 
@@ -612,8 +613,8 @@ export default function Home() {
 				<Pixelation />
 			</EffectComposer>
 
-			<ambientLight intensity={0.5} />
-			<directionalLight position={[10, 20, 5]} intensity={1} />
+			<Environment files={'hdr/sky.hdr'} environmentIntensity={1} background />
+
 			<Terrain
 				chunks={8.0}
 				chunkSize={10.0}