diff --git a/src/components/Goals.astro b/src/components/Goals.astro
index ddb485e..413b21d 100644
--- a/src/components/Goals.astro
+++ b/src/components/Goals.astro
@@ -2,41 +2,41 @@
 import { getLangFromUrl, useTranslations } from '../i18n/utils';
 
 const lang = getLangFromUrl(Astro.url);
-const t = useTranslations(lang);
+const translation = useTranslations(lang);
 ---
 
 <section id="goals">
-	<h2 class="title">Goals</h2>
+	<h2>{translation("goals.title")}</h2>
 	<div>
 		<ol>
 			<li>
-				<h3>{t("goals.independent.title")}</h3>
+				<h3>{translation("goals.independent.title")}</h3>
 				<p>
-					{t("goals.independent")}
+					{translation("goals.independent")}
 				</p>
 			</li>
 			<li>
-				<h3>{t("goals.gov.title")}</h3>
+				<h3>{translation("goals.gov.title")}</h3>
 				<p>
-					{t("goals.gov")}
+					{translation("goals.gov")}
 				</p>
 			</li>
 			<li>
-				<h3>{t("goals.stabilization.title")}</h3>
+				<h3>{translation("goals.stabilization.title")}</h3>
 				<p>
-					{t("goals.stabilization")}
+					{translation("goals.stabilization")}
 				</p>
 			</li>
 			<li>
-				<h3>{t("goals.infa.title")}</h3>
+				<h3>{translation("goals.infa.title")}</h3>
 				<p>
-					{t("goals.infa")}
+					{translation("goals.infa")}
 				</p>
 			</li>
 			<li>
-				<h3>{t("goals.education.title")}</h3>
+				<h3>{translation("goals.education.title")}</h3>
 				<p>
-					{t("goals.education")}
+					{translation("goals.education")}
 				</p>
 			</li>
 		</ol>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index dd6e1b9..1918fc0 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -4,14 +4,14 @@ interface Props {}
 import { getLangFromUrl, useTranslations } from '../i18n/utils';
 
 const lang = getLangFromUrl(Astro.url);
-const t = useTranslations(lang);
+const translation = useTranslations(lang);
 ---
 
 <header>
 	<div class="left">
 		<a href="https://aux.computer" class="brand">
 			<img class="icon" src="/aux.svg" />
-			<span class="title">{t("root.title")}</span>
+			<span class="title">{translation("root.title")}</span>
 		</a>
 	</div>
 	<div class="right">
@@ -21,8 +21,8 @@ const t = useTranslations(lang);
 				<li><a href="https://aux.computer/documentation">Documentation</a></li>
 				<li><a href="https://aux.computer/contribute">Contribute</a></li>
 			-->
-				<li><a href="https://forum.aux.computer">{t("header.community")}</a></li>
-				<li><a href="https://github.com/auxolotl">{t("header.github")}</a></li>
+				<li><a href="https://forum.aux.computer">{translation("header.community")}</a></li>
+				<li><a href="https://github.com/auxolotl">{translation("header.github")}</a></li>
 			</ul>
 		</nav>
 	</div>
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 223470f..2c9e0d9 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -2,7 +2,7 @@
 import { getLangFromUrl, useTranslations } from '../i18n/utils';
 
 const lang = getLangFromUrl(Astro.url);
-const t = useTranslations(lang);
+const translation = useTranslations(lang);
 ---
 
 <div class="hero">
@@ -10,8 +10,8 @@ const t = useTranslations(lang);
 		<div class="icon">
 			<img src="/aux.svg" alt="" />
 		</div>
-		<h1 class="title">{t("root.title")}</h1>
-		<div class="description">{t("root.description")}</div>
+		<h1 class="title">{translation("root.title")}</h1>
+		<div class="description">{translation("root.description")}</div>
 	</div>
 </div>
 
diff --git a/src/components/Roadmap.astro b/src/components/Roadmap.astro
index 11c79a0..4fe232d 100644
--- a/src/components/Roadmap.astro
+++ b/src/components/Roadmap.astro
@@ -2,64 +2,64 @@
 import { getLangFromUrl, useTranslations } from '../i18n/utils';
 
 const lang = getLangFromUrl(Astro.url);
-const t = useTranslations(lang);
+const translation = useTranslations(lang);
 ---
 
 <section id="roadmap">
-	<h2>{t("roadmap.title")}</h2>
+	<h2>{translation("roadmap.title")}</h2>
 
 	<ol>
 		<li>
-			<h3>{t("roadmap.soft_fork.title")}</h3>
+			<h3>{translation("roadmap.soft_fork.title")}</h3>
 			<p>
-				{t("roadmap.soft_fork.1")}
+				{translation("roadmap.soft_fork.1")}
 			<p>
-				{t("roadmap.soft_fork.2")}
+				{translation("roadmap.soft_fork.2")}
 			</p>
 		</li>
 		<li>
-			<h3>{t("roadmap.hard_fork.title")}</h3>
+			<h3>{translation("roadmap.hard_fork.title")}</h3>
 			<p>
-				{t("roadmap.hard_fork.1")}
+				{translation("roadmap.hard_fork.1")}
 			</p>
 			<p>
-				{t("roadmap.hard_fork.2")}
+				{translation("roadmap.hard_fork.2")}
 			</p>
 			<p>
-				{t("roadmap.hard_fork.3")}
+				{translation("roadmap.hard_fork.3")}
 			</p>
 		</li>
 		<li>
-			<h3>{t("roadmap.organization.title")}</h3>
+			<h3>{translation("roadmap.organization.title")}</h3>
 			<p>
-				{t("roadmap.organization.1")}
+				{translation("roadmap.organization.1")}
 			</p>
 			<p>
-				{t("roadmap.organization.2")}
+				{translation("roadmap.organization.2")}
 			</p>
 			<p>
-				{t("roadmap.organization.3")}
+				{translation("roadmap.organization.3")}
 			</p>
 		</li>
 		<li>
-			<h3>{t("roadmap.infa.title")}</h3>
+			<h3>{translation("roadmap.infa.title")}</h3>
 			<p>
-				{t("roadmap.infa.1")}
+				{translation("roadmap.infa.1")}
 			</p>
 			<p>
-				{t("roadmap.infa.2")}
+				{translation("roadmap.infa.2")}
 			</p>
 			<p>
-				{t("roadmap.infa.3")}
+				{translation("roadmap.infa.3")}
 			</p>
 		</li>
 		<li>
-			<h3>{t("roadmap.alignment.title")}</h3>
+			<h3>{translation("roadmap.alignment.title")}</h3>
 			<p>
-				{t("roadmap.alignment.1")}
+				{translation("roadmap.alignment.1")}
 			</p>
 			<p>
-				{t("roadmap.alignment.2")}
+				{translation("roadmap.alignment.2")}
 			</p>
 		</li>
 	</ol>
diff --git a/src/components/Values.astro b/src/components/Values.astro
index 76b74f0..e4ab21b 100644
--- a/src/components/Values.astro
+++ b/src/components/Values.astro
@@ -2,30 +2,30 @@
 import { getLangFromUrl, useTranslations } from '../i18n/utils';
 
 const lang = getLangFromUrl(Astro.url);
-const t = useTranslations(lang);
+const translation = useTranslations(lang);
 ---
 
 <section id="values">
-	<h2>{t("values.title")}</h2>
-	<h3 class="name">{t("values.rep.title")}</h3>
+	<h2>{translation("values.title")}</h2>
+	<h3 class="name">{translation("values.rep.title")}</h3>
 	<p class="description">
-		{t("values.rep")}
+		{translation("values.rep")}
 	</p>
-	<h3 class="name">{t("values.kindness.title")}</h3>
+	<h3 class="name">{translation("values.kindness.title")}</h3>
 	<p class="description">
-		{t("values.kindness")}
+		{translation("values.kindness")}
 	</p>
-	<h3 class="name">{t("values.collaboration.title")}</h3>
+	<h3 class="name">{translation("values.collaboration.title")}</h3>
 	<p class="description">
-		{t("values.collaboration")}
+		{translation("values.collaboration")}
 	</p>
-	<h3 class="name">{t("values.sustainability.title")}</h3>
+	<h3 class="name">{translation("values.sustainability.title")}</h3>
 	<p class="description">
-		{t("values.sustainability")}
+		{translation("values.sustainability")}
 	</p>
-	<h3 class="name">{t("values.accessibility.title")}</h3>
+	<h3 class="name">{translation("values.accessibility.title")}</h3>
 	<p class="description">
-		{t("values.accessibility")}
+		{translation("values.accessibility")}
 	</p>
 </section>