diff --git a/src/lib/components/Nav.svelte b/src/lib/components/Nav.svelte
index ec3eb529..745fadf4 100644
--- a/src/lib/components/Nav.svelte
+++ b/src/lib/components/Nav.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { base } from '$app/paths';
 	import { navigating } from '$app/stores';
 	import DeepSquareLogo from '$lib/assets/media/deepsquare-logo-h-neg.svg';
 	import DarkThemeButton from '$lib/components/DarkThemeButton.svelte';
@@ -30,30 +31,30 @@
 	const routes = [
 		{
 			name: 'Home',
-			href: '/'
+			href: base + '/'
 		},
 		{
 			name: 'Tech',
-			href: '/technology'
+			href: base + '/technology'
 		},
 		{
 			name: 'Blog',
-			href: '/blog'
+			href: base + '/blog'
 		},
 		{
 			name: 'FAQ',
-			href: '/faqs'
+			href: base + '/faqs'
 		},
 		{
 			name: 'Company',
 			children: [
 				{
 					name: 'About',
-					href: '/about'
+					href: base + '/about'
 				},
 				{
 					name: 'Contact',
-					href: '/contact'
+					href: base + '/contact'
 				}
 			]
 		},
@@ -87,7 +88,8 @@
 		>
 			<ul>
 				<li>
-					<a href="/"><img height="100" width="200" src={DeepSquareLogo} alt="DeepSquare Logo" /></a
+					<a href={base}
+						><img height="100" width="200" src={DeepSquareLogo} alt="DeepSquare Logo" /></a
 					>
 				</li>
 			</ul>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 417e28e9..3e081d0a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { base } from '$app/paths';
 	import Whitepaper from '$lib/assets/media/DeepSquare_White-Paper-1.pdf';
 	import Yellowpaper from '$lib/assets/media/Yellow-Paper_Tokenize_HPC.pdf';
 	import logo from '$lib/assets/media/deepsquare-logo-h-neg-BIJELI-1.svg';
@@ -54,12 +55,12 @@
 									<a href="https://docs.deepsquare.run/workflow/overview">Documentation</a>
 								</li>
 								<li>
-									<a title="Terms and Conditions" href="/terms-and-conditions"
+									<a title="Terms and Conditions" href="{base}/terms-and-conditions"
 										>Terms and Conditions</a
 									>
 								</li>
 								<li>
-									<a title="Privacy Policy" rel="privacy-policy" href="/privacy-policy"
+									<a title="Privacy Policy" rel="privacy-policy" href="{base}/privacy-policy"
 										>Privacy Policy</a
 									>
 								</li>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index d5446ab4..f07da132 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -31,6 +31,7 @@
 	import Pozadina2 from '$lib/assets/media/pozadina02.svg';
 	import Pozadina3 from '$lib/assets/media/pozadina03.svg';
 
+	import { base } from '$app/paths';
 	import Portrait from '$lib/components/Portrait.svelte';
 
 	const coreTeam = [
@@ -287,7 +288,7 @@
 		<center>
 			<h2>Reach out to us</h2>
 
-			<a role="button" class="outline" href="/contact"><span>Contact</span></a>
+			<a role="button" class="outline" href="{base}/contact"><span>Contact</span></a>
 		</center>
 	</main>
 </section>
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index eebb1173..972fbad2 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { base } from '$app/paths';
+
 	const title = 'Contact';
 
 	import logo from '$lib/assets/media/deepsquare-logo-h-neg.svg';
@@ -42,7 +44,7 @@
 			</p>
 		</div>
 		<center>
-			<a href="/"><img height="45" width="216" src={logo} alt="DeepSquare Logo" /></a>
+			<a href={base}><img height="45" width="216" src={logo} alt="DeepSquare Logo" /></a>
 		</center>
 	</footer>
 </section>
diff --git a/src/routes/faqs/+page.svelte b/src/routes/faqs/+page.svelte
index 963e7693..c10aa4ba 100644
--- a/src/routes/faqs/+page.svelte
+++ b/src/routes/faqs/+page.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { base } from '$app/paths';
+
 	const title = 'FAQ';
 
 	import animatedDetails from '$lib/animation/animatedDetails';
@@ -37,7 +39,7 @@ of all sizes.`
 		},
 		{
 			title: 'Where can I buy DPS?',
-			content: `We are currently in the private sale stage. For more info, please check the [Investors](/investors) page or reach out to the team.`
+			content: `We are currently in the private sale stage. For more info, please check the [Investors](${base}/investors) page or reach out to the team.`
 		}
 	];
 </script>
diff --git a/static/favicon.png b/static/favicon.png
index 825b9e65..eecd87f1 100644
Binary files a/static/favicon.png and b/static/favicon.png differ
diff --git a/svelte.config.js b/svelte.config.js
index 073a87d0..fc52c8ef 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -16,6 +16,9 @@ const config = {
 			$components: 'src/lib/components',
 			$stores: 'src/lib/stores',
 			$gen: 'gen'
+		},
+		paths: {
+			base: '/website'
 		}
 	}
 };