diff --git a/src/pages/[...slug].astro b/src/pages/[...slug].astro
index 4b3a9bc..8e0a3ca 100644
--- a/src/pages/[...slug].astro
+++ b/src/pages/[...slug].astro
@@ -17,9 +17,7 @@ export interface Props {
 }
 
 export async function getStaticPaths() {
-	const modules = import.meta.glob<MDXInstance<ArticleType>>("../../content/articles/**/*.mdx", {
-		eager: true,
-	});
+	const modules = import.meta.glob<MDXInstance<ArticleType>>("../../content/articles/**/*.mdx", { eager: true });
 	const entries = Object.keys(modules).map((key) => [key, key.split("/").slice(6)[0]]);
 	const formatted = formatArticlesByLangs(modules);
 
@@ -28,14 +26,9 @@ export async function getStaticPaths() {
 			const article = modules[key];
 			const dirName = key.split("/").at(-3);
 			const published_at = new Date(article.frontmatter.published_at).toLocaleDateString("en-CA");
-			const slug = `${lang !== DEFAULT_LANGUAGE ? `${lang}/` : ""}blog/${published_at}/${
-				article.frontmatter.slug
-			}`;
+			const slug = `${lang !== DEFAULT_LANGUAGE ? `${lang}/` : ""}blog/${published_at}/${article.frontmatter.slug}`;
 
-			return {
-				params: { slug },
-				props: { article, alternateLangs: Object.keys(formatted[dirName]) },
-			};
+			return { params: { slug }, props: { article, alternateLangs: Object.keys(formatted[dirName]) } };
 		})
 		.filter(({ props: { article } }) => !article.frontmatter.draft);
 }
@@ -49,6 +42,20 @@ const { pathname } = Astro.url;
 ---
 
 <ArticleLayout lang={siteLang} content={frontmatter} canonicalUrl={canonicalUrl.href}>
-	
+	{
+		alternateLangs.length > 1 && (
+			<div class="languages-available">
+				{t("article.availableOn")}:
+				{alternateLangs
+					.filter((lang) => lang !== siteLang)
+					.map((lang) => (
+						<a href={DEFAULT_LANGUAGE === lang ? `/${pathname.split("/").slice(2).join("/")}` : `/${lang}${pathname}`}>
+							{languages[lang]}
+						</a>
+					))
+					.reduce((prev, curr) => [prev, ", ", curr])}
+			</div>
+		)
+	}
 	<Content />
 </ArticleLayout>