diff --git a/package.json b/package.json
index eaa9e5fe..38cc654c 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
 		"encoding": "^0.1.13",
 		"mailgun-js": "^0.22.0",
 		"markdown-pdf": "^11.0.0",
+		"marked-react": "^2.0.0",
 		"mustache": "^4.2.0",
 		"next": "13",
 		"rate-limiter-flexible": "^2.4.1",
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
new file mode 100644
index 00000000..251ada2c
--- /dev/null
+++ b/src/components/Markdown.tsx
@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+
+export const SpanRenderer = {
+	paragraph(children: ReactNode) {
+		return <span>{children}</span>;
+	},
+};
diff --git a/src/components/Nav.module.css b/src/components/Nav.module.css
index 3bb58986..6f77fab5 100644
--- a/src/components/Nav.module.css
+++ b/src/components/Nav.module.css
@@ -27,6 +27,7 @@
 }
 
 .link {
+	color: inherit !important;
 	margin-left: 16px;
 	margin-right: 16px;
 }
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index b8dd01ce..99f7f5f6 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -1,6 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-
-import { Button, Link as GLink, Select, Spacer, Text } from "@geist-ui/react";
+import { Button, Select, Spacer, Text } from "@geist-ui/react";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import React from "react";
@@ -45,15 +43,15 @@ export function Nav(): React.ReactElement {
 			<div className={styles.filler} />
 
 			<div>
-				<GLink
+				<Link
 					className={styles.link}
 					href="/pricing"
 					data-sa-link-event="nav:pricing:click"
 				>
 					{d.nav.pricing}
-				</GLink>
+				</Link>
 
-				<GLink
+				<Link
 					className={styles.link}
 					href="https://help.reacher.email"
 					target="_blank"
@@ -61,7 +59,7 @@ export function Nav(): React.ReactElement {
 					data-sa-link-event="nav:help:click"
 				>
 					{d.nav.help}
-				</GLink>
+				</Link>
 				<Select
 					className={styles.language}
 					disableMatchWidth
diff --git a/src/components/ProductCard/Card.module.css b/src/components/Pricing/Card.module.css
similarity index 100%
rename from src/components/ProductCard/Card.module.css
rename to src/components/Pricing/Card.module.css
diff --git a/src/components/ProductCard/Card.tsx b/src/components/Pricing/Card.tsx
similarity index 88%
rename from src/components/ProductCard/Card.tsx
rename to src/components/Pricing/Card.tsx
index 2a93bce4..4b3332ff 100644
--- a/src/components/ProductCard/Card.tsx
+++ b/src/components/Pricing/Card.tsx
@@ -3,6 +3,8 @@ import { Check } from "@geist-ui/react-icons";
 import React from "react";
 
 import styles from "./Card.module.css";
+import { useRouter } from "next/router";
+import { dictionary } from "@/dictionaries";
 
 export interface CardProps extends React.HTMLProps<HTMLDivElement> {
 	body?: React.ReactElement;
@@ -27,6 +29,9 @@ export function Card({
 	body,
 	footer,
 }: CardProps): React.ReactElement {
+	const router = useRouter();
+	const d = dictionary(router.locale).pricing;
+
 	return (
 		<GCard className={styles.container}>
 			<Text className="text-center flex justify-center" small b>
@@ -44,7 +49,7 @@ export function Card({
 			<Text className="text-center" h3>
 				{price}
 				<Text className={styles.mo} span type="secondary">
-					/mo
+					{d.saas10k.price}
 				</Text>
 			</Text>
 			<Spacer y={2} />
@@ -58,7 +63,7 @@ export function Card({
 
 			<div>
 				<Text b small>
-					What you get:
+					{d.saas10k.what_you_get}
 				</Text>
 				<Spacer />
 				{features?.map((f, i) => (
diff --git a/src/components/Pricing/Commercial.tsx b/src/components/Pricing/Commercial.tsx
new file mode 100644
index 00000000..a863b9d2
--- /dev/null
+++ b/src/components/Pricing/Commercial.tsx
@@ -0,0 +1,75 @@
+import React from "react";
+import { Check, Info } from "@geist-ui/react-icons";
+import { ProductCard, ProductCardProps } from "./ProductCard";
+import { Spacer, Text } from "@geist-ui/react";
+import styles from "./Card.module.css";
+import { useRouter } from "next/router";
+import { dictionary } from "@/dictionaries";
+import Markdown from "marked-react";
+import { SpanRenderer } from "../Markdown";
+
+export function Commercial(
+	props: Omit<ProductCardProps, "title">
+): React.ReactElement {
+	const router = useRouter();
+	const d = dictionary(router.locale).pricing.commercial;
+
+	return (
+		<ProductCard
+			{...props}
+			extra={
+				<div>
+					<Text b small>
+						{d.what_need_to_do}
+					</Text>
+					<Spacer />
+					<div className="flex align-center">
+						<div>
+							<Check className={styles.icon} width={24} />
+						</div>
+						<Text small>
+							<Markdown renderer={SpanRenderer}>
+								{d.purchase_server}
+							</Markdown>
+						</Text>
+					</div>
+					<Spacer />
+				</div>
+			}
+			features={[
+				<Markdown renderer={SpanRenderer} key="licenseFeatures-3">
+					{d.unlimited_emails}
+				</Markdown>,
+				<Markdown renderer={SpanRenderer} key="licenseFeatures-1">
+					{d.bulk}
+				</Markdown>,
+				d.no_data_reacher,
+				<Markdown renderer={SpanRenderer} key="licenseFeatures-4">
+					{d.support}
+				</Markdown>,
+				<Markdown renderer={SpanRenderer} key="licenseFeatures-6">
+					{d.terms}
+				</Markdown>,
+			]}
+			footer={
+				<div className="flex">
+					<div>
+						<Info className={styles.icon} width={24} />
+					</div>
+					<Text small>
+						<Markdown renderer={SpanRenderer}>
+							{d.free_trial}
+						</Markdown>
+					</Text>
+				</div>
+			}
+			header={
+				<Text b small type="success">
+					{d.overtitle}
+				</Text>
+			}
+			subtitle={<Markdown renderer={SpanRenderer}>{d.subtitle}</Markdown>}
+			title={d.title}
+		/>
+	);
+}
diff --git a/src/components/ProductCard/ProductCard.tsx b/src/components/Pricing/ProductCard.tsx
similarity index 97%
rename from src/components/ProductCard/ProductCard.tsx
rename to src/components/Pricing/ProductCard.tsx
index 39d967dc..2ac77c85 100644
--- a/src/components/ProductCard/ProductCard.tsx
+++ b/src/components/Pricing/ProductCard.tsx
@@ -21,6 +21,7 @@ export interface ProductCardProps {
 	footer?: React.ReactElement;
 	features?: (string | React.ReactElement)[];
 	subtitle?: React.ReactElement;
+	title: string;
 }
 
 export function ProductCard({
@@ -107,7 +108,6 @@ export function ProductCard({
 			}
 			key={price.product_id}
 			price={priceString}
-			title={product.name || "No Product Name"} // Latter should never happen
 			{...props}
 		/>
 	);
diff --git a/src/components/Pricing/SaaS100k.tsx b/src/components/Pricing/SaaS100k.tsx
new file mode 100644
index 00000000..ad8a8083
--- /dev/null
+++ b/src/components/Pricing/SaaS100k.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { Text } from "@geist-ui/react";
+import { ProductCard } from "./ProductCard";
+import type { ProductCardProps } from "./ProductCard";
+import { useRouter } from "next/router";
+import { dictionary } from "@/dictionaries";
+import Markdown from "marked-react";
+import { SpanRenderer } from "../Markdown";
+
+export function SaaS100k(
+	props: Omit<ProductCardProps, "title">
+): React.ReactElement {
+	const router = useRouter();
+	const d = dictionary(router.locale).pricing.saas100k;
+
+	return (
+		<ProductCard
+			{...props}
+			header={
+				<Text b small type="warning">
+					{d.overtitle}
+				</Text>
+			}
+			features={[
+				d.reacher_ip,
+				<Markdown renderer={SpanRenderer} key="saasFeatures-2">
+					{d.full_feature}
+				</Markdown>,
+				<Markdown renderer={SpanRenderer} key="customer-support">
+					{d.support}
+				</Markdown>,
+				d.cancel,
+			]}
+			subtitle={<span>{d.subtitle}</span>}
+			title={d.title}
+		/>
+	);
+}
diff --git a/src/components/Pricing/SaaS10k.tsx b/src/components/Pricing/SaaS10k.tsx
new file mode 100644
index 00000000..226ce958
--- /dev/null
+++ b/src/components/Pricing/SaaS10k.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { Text } from "@geist-ui/react";
+import { ProductCard } from "./ProductCard";
+import type { ProductCardProps } from "./ProductCard";
+import { useRouter } from "next/router";
+import { dictionary } from "@/dictionaries";
+import Markdown from "marked-react";
+import { SpanRenderer } from "../Markdown";
+
+export function SaaS10k(
+	props: Omit<ProductCardProps, "title">
+): React.ReactElement {
+	const router = useRouter();
+	const d = dictionary(router.locale).pricing.saas10k;
+
+	return (
+		<ProductCard
+			{...props}
+			header={
+				<Text b small>
+					{d.overtitle}
+				</Text>
+			}
+			features={[
+				d.reacher_ip,
+				<Markdown renderer={SpanRenderer} key="saasFeatures-2">
+					{d.full_feature}
+				</Markdown>,
+				<Markdown renderer={SpanRenderer} key="customer-support">
+					{d.support}
+				</Markdown>,
+				d.cancel,
+			]}
+			subtitle={<span>{d.subtitle}</span>}
+			title={d.title}
+		/>
+	);
+}
diff --git a/src/components/ProductCard/index.ts b/src/components/Pricing/index.ts
similarity index 100%
rename from src/components/ProductCard/index.ts
rename to src/components/Pricing/index.ts
diff --git a/src/components/ProductCard/Commercial.tsx b/src/components/ProductCard/Commercial.tsx
deleted file mode 100644
index 529040fb..00000000
--- a/src/components/ProductCard/Commercial.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import React from "react";
-import { Check, Info } from "@geist-ui/react-icons";
-import { ProductCard, ProductCardProps } from "./ProductCard";
-import { Spacer, Text } from "@geist-ui/react";
-import styles from "./Card.module.css";
-
-export function Commercial(props: ProductCardProps): React.ReactElement {
-	return (
-		<ProductCard
-			{...props}
-			extra={
-				<div>
-					<Text b small>
-						What you need to do:
-					</Text>
-					<Spacer />
-					<div className="flex align-center">
-						<div>
-							<Check className={styles.icon} width={24} />
-						</div>
-						<Text small>
-							Purchase servers yourself to self-host Reacher.{" "}
-							<a
-								href="https://help.reacher.email/self-host-guide"
-								target="_blank"
-								rel="noopener noreferrer"
-							>
-								Read how
-							</a>
-							.
-						</Text>
-					</div>
-					<Spacer />
-				</div>
-			}
-			features={features}
-			footer={
-				<div className="flex">
-					<div>
-						<Info className={styles.icon} width={24} />
-					</div>
-					<Text small>
-						Want a <strong>free trial</strong> before committing?
-						Feel free to try self-hosting with the{" "}
-						<a
-							href="https://help.reacher.email/self-host-guide"
-							target="_blank"
-							rel="noopener noreferrer"
-						>
-							open-source guide
-						</a>
-						, and subscribe once you&apos;re ready.
-					</Text>
-				</div>
-			}
-			header={
-				<Text b small type="success">
-					🏠 Self-Hosted
-				</Text>
-			}
-			subtitle={
-				<span>
-					<strong>Unlimited</strong> email verifications / mo
-				</span>
-			}
-		/>
-	);
-}
-
-const features = [
-	<span key="licenseFeatures-3">
-		<strong>Unlimited</strong>{" "}
-		<a
-			href="https://help.reacher.email/email-attributes-inside-json"
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			full-featured
-		</a>{" "}
-		email verifications.
-	</span>,
-	<span key="licenseFeatures-1">
-		<strong>💪 Bulk</strong> email verifications.{" "}
-		<a
-			href="https://help.reacher.email/bulk-email-verification"
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			Read more.
-		</a>
-	</span>,
-	<span key="licenseFeatures-2">No data sent back to Reacher.</span>,
-
-	<span key="licenseFeatures-4">
-		<strong>Customer support</strong> via email/chat.
-	</span>,
-	<span key="licenseFeatures-6">
-		See{" "}
-		<a
-			href="https://help.reacher.email/reacher-licenses"
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			full terms and details
-		</a>
-		.
-	</span>,
-];
diff --git a/src/components/ProductCard/SaaS100k.tsx b/src/components/ProductCard/SaaS100k.tsx
deleted file mode 100644
index 91dbaf39..00000000
--- a/src/components/ProductCard/SaaS100k.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from "react";
-import { Text } from "@geist-ui/react";
-import { ProductCard } from "./ProductCard";
-import type { ProductCardProps } from "./ProductCard";
-
-export function SaaS100k(props: ProductCardProps): React.ReactElement {
-	return (
-		<ProductCard
-			{...props}
-			features={features}
-			header={
-				<Text b small type="warning">
-					✨ New ✨
-				</Text>
-			}
-			subtitle={<span>100,000 email verifications / mo</span>}
-		/>
-	);
-}
-
-const features = [
-	"Use Reacher's servers with high IP reputation.",
-	<span key="saasFeatures-2">
-		<a
-			href="https://help.reacher.email/email-attributes-inside-json"
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			Full-featured
-		</a>{" "}
-		email verifications.
-	</span>,
-	<span key="customer-support">
-		<strong>Customer support</strong> via email/chat.
-	</span>,
-	"Cancel anytime.",
-];
diff --git a/src/components/ProductCard/SaaS10k.tsx b/src/components/ProductCard/SaaS10k.tsx
deleted file mode 100644
index c10cce4c..00000000
--- a/src/components/ProductCard/SaaS10k.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from "react";
-import { Text } from "@geist-ui/react";
-import { ProductCard } from "./ProductCard";
-import type { ProductCardProps } from "./ProductCard";
-
-export function SaaS10k(props: ProductCardProps): React.ReactElement {
-	return (
-		<ProductCard
-			{...props}
-			header={
-				<Text b small>
-					For individuals
-				</Text>
-			}
-			features={features}
-			subtitle={<span>10,000 email verifications / mo</span>}
-		/>
-	);
-}
-
-const features = [
-	"Use Reacher's servers with high IP reputation.",
-	<span key="saasFeatures-2">
-		<a
-			href="https://help.reacher.email/email-attributes-inside-json"
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			Full-featured
-		</a>{" "}
-		email verifications.
-	</span>,
-	<span key="customer-support">
-		<strong>Customer support</strong> via email/chat.
-	</span>,
-	"Cancel anytime.",
-];
diff --git a/src/dictionaries/en.json b/src/dictionaries/en.json
index fbd6f82c..d166ae71 100644
--- a/src/dictionaries/en.json
+++ b/src/dictionaries/en.json
@@ -36,5 +36,61 @@
 		"login": "Login",
 		"signup": "Sign up",
 		"logout": "Logout"
+	},
+	"pricing": {
+		"title": "Pricing",
+		"30d_money_back": "All plans include a 30-day money back guarantee.",
+		"commercial": {
+			"title": "Commercial License Plan",
+			"overtitle": "🏠 Self-Hosted",
+			"subtitle": "**Unlimited email** verifications / mo",
+			"price": "/mo",
+			"select_plan_cta": "Select plan",
+			"what_need_to_do": "What you need to do:",
+			"purchase_server": "Purchase servers yourself to self-host Reacher. [Read how](https://help.reacher.email/self-host-guide).",
+			"what_you_get": "What you get:",
+			"unlimited_emails": "**Unlimited** [full-featured]((https://help.reacher.email/email-attributes-inside-json)) email verifications.",
+			"bulk": "💪 **Bulk** email verifications. [Read more](https://help.reacher.email/bulk-email-verification).",
+			"no_data_reacher": "No data sent back to Reacher.",
+			"support": "**Customer support** by email/chat.",
+			"cancel": "Cancel anytime.",
+			"terms": "See [full terms and details](https://help.reacher.email/reacher-licenses).",
+			"free_trial": "Want a free trial before committing? Feel free to try self-hosting with the [open-source guide](https://help.reacher.email/self-host-guide), and subscribe once you're ready."
+		},
+		"saas10k": {
+			"title": "SaaS 10K Emails Plan",
+			"overtitle": "For individuals",
+			"subtitle": "10,000 email verifications / mo",
+			"price": "/mo",
+			"select_plan_cta": "Select plan",
+			"what_you_get": "What you get:",
+			"reacher_ip": "Use Reacher's servers with high IP reputation.",
+			"full_feature": "[Full-featured](https://help.reacher.email/email-attributes-inside-json) email verifications.",
+			"support": "**Customer support** by email/chat.",
+			"cancel": "Cancel anytime."
+		},
+		"saas100k": {
+			"title": "SaaS 100K Emails Plan",
+			"overtitle": "✨ New ✨",
+			"subtitle": "100,000 email verifications / mo",
+			"price": "/mo",
+			"select_plan_cta": "Select plan",
+			"what_you_get": "What you get:",
+			"reacher_ip": "Use Reacher's servers with high IP reputation.",
+			"full_feature": "[Full-featured](https://help.reacher.email/email-attributes-inside-json) email verifications.",
+			"support": "**Customer support** by email/chat.",
+			"cancel": "Cancel anytime."
+		},
+		"faq": {
+			"title": "Frequently Asked Questions",
+			"verify_1m_emails_q": "Can I verify 1 million (or more) emails?",
+			"verify_1m_emails_a": "If you need to verify 200K, 500K, or 1+ million emails, please check the **Commercial License Plan**. You will need to purchase your own servers separately and self-host Reacher.",
+			"refund_q": "What is your refund policy?",
+			"refund_a": "Sure. If you use Reacher and find that the verifications are slow or incorrect, I'll refund you the full amount if you email me [✉️ amaury@reacher.email](mailto:amaury@reacher.email) within 30 days of your subscription.",
+			"free_trial_q": "Do you offer a free trial?",
+			"free_trial_a": "If you are interested in the SaaS 10K or 100K plans, then no, Reacher does not offer any free trial. There is however a 30-day money back guarantee.\n\nIf you are interested in the Commercial License, you can follow the [self-host guide](https://help.reacher.email/self-host-guide) for a free trial.",
+			"another_q": "Have another question?",
+			"another_a": "Feel free to email me [✉️ amaury@reacher.email](mailto:amaury@reacher.email), I reply pretty fast."
+		}
 	}
 }
diff --git a/src/dictionaries/fr.json b/src/dictionaries/fr.json
index a5704701..95715cd8 100644
--- a/src/dictionaries/fr.json
+++ b/src/dictionaries/fr.json
@@ -36,5 +36,61 @@
 		"login": "Se connecter",
 		"signup": "Créer un compte",
 		"logout": "Se déconnecter"
+	},
+	"pricing": {
+		"title": "Tarifs",
+		"30d_money_back": "Tous les plans incluent une garantie de remboursement sous 30 jours.",
+		"commercial": {
+			"title": "Licence Commerciale",
+			"overtitle": "🏠 Auto-hébergé",
+			"subtitle": "Vérifications **illimitées** d'emails",
+			"price": "/mo HT",
+			"select_plan_cta": "Choisir le plan",
+			"what_need_to_do": "Ce que vous devez faire :",
+			"purchase_server": "Achetez vous-même des serveurs pour auto-héberger Reacher. [Lisez comment](https://help.reacher.email/self-host-guide).",
+			"what_you_get": "Ce que vous obtenez :",
+			"unlimited_emails": "Vérifications d'emails **illimitées** [complètes]((https://help.reacher.email/email-attributes-inside-json)).",
+			"bulk": "💪 Vérifications d'emails **en masse**. [En savoir plus](https://help.reacher.email/bulk-email-verification).",
+			"no_data_reacher": "Aucune donnée renvoyée à Reacher.",
+			"support": "**Support client** par email/chat.",
+			"cancel": "Annulez à tout moment.",
+			"terms": "Voir [les conditions et détails complets](https://help.reacher.email/reacher-licenses).",
+			"free_trial": "Vous voulez un essai gratuit avant de vous engager ? N'hésitez pas à essayer l'auto-hébergement avec le [guide open-source](https://help.reacher.email/self-host-guide), et abonnez-vous une fois que vous êtes prêt."
+		},
+		"saas10k": {
+			"title": "Plan SaaS 10K Emails",
+			"overtitle": "Pour les particuliers",
+			"subtitle": "10 000 vérifications d'emails / mois",
+			"price": "/mo HT",
+			"select_plan_cta": "Choisir le plan",
+			"what_you_get": "Ce que vous obtenez :",
+			"reacher_ip": "Utilisez les serveurs de Reacher avec une haute réputation IP.",
+			"full_feature": "Vérifications d'emails [complètes](https://help.reacher.email/email-attributes-inside-json).",
+			"support": "**Support client** par email/chat.",
+			"cancel": "Annulez à tout moment."
+		},
+		"saas100k": {
+			"title": "Plan SaaS 100K Emails",
+			"overtitle": "✨ Nouveau ✨",
+			"subtitle": "100 000 vérifications d'emails / mois",
+			"price": "/mo HT",
+			"select_plan_cta": "Choisir le plan",
+			"what_you_get": "Ce que vous obtenez :",
+			"reacher_ip": "Utilisez les serveurs de Reacher avec une haute réputation IP.",
+			"full_feature": "Vérifications d'emails [complètes](https://help.reacher.email/email-attributes-inside-json).",
+			"support": "**Support client** par email/chat.",
+			"cancel": "Annulez à tout moment."
+		},
+		"faq": {
+			"title": "Questions Fréquemment Posées",
+			"verify_1m_emails_q": "Puis-je vérifier 1 million (ou plus) d'emails ?",
+			"verify_1m_emails_a": "Si vous avez besoin de vérifier 200K, 500K ou plus d'1 million d'emails, veuillez consulter le **Plan de Licence Commerciale**. Vous devrez acheter vos propres serveurs séparément et auto-héberger Reacher.",
+			"refund_q": "Quelle est votre politique de remboursement ?",
+			"refund_a": "Bien sûr. Si vous utilisez Reacher et constatez que les vérifications sont lentes ou incorrectes, je vous rembourserai le montant total si vous m'envoyez un email [✉️ amaury@reacher.email](mailto:amaury@reacher.email) dans les 30 jours suivant votre abonnement.",
+			"free_trial_q": "Offrez-vous un essai gratuit ?",
+			"free_trial_a": "Si vous êtes intéressé par les plans SaaS 10K ou 100K, alors non, Reacher n'offre aucun essai gratuit. Il existe cependant une garantie de remboursement sous 30 jours.\n\nSi vous êtes intéressé par la Licence Commerciale, vous pouvez suivre le [guide d'auto-hébergement](https://help.reacher.email/self-host-guide) pour un essai gratuit.",
+			"another_q": "Vous avez une autre question ?",
+			"another_a": "N'hésitez pas à m'envoyer un email [✉️ amaury@reacher.email](mailto:amaury@reacher.email), je réponds assez rapidement."
+		}
 	}
 }
diff --git a/src/pages/pricing.tsx b/src/pages/pricing.tsx
index b52e0215..966f57b4 100644
--- a/src/pages/pricing.tsx
+++ b/src/pages/pricing.tsx
@@ -1,8 +1,7 @@
 import { Collapse, Grid, Page, Select, Spacer, Text } from "@geist-ui/react";
 import { GetStaticProps } from "next";
 import React, { useState } from "react";
-
-import { SaaS10k, SaaS100k, Commercial } from "../components/ProductCard";
+import { SaaS10k, SaaS100k, Commercial } from "../components/Pricing";
 import {
 	COMMERCIAL_LICENSE_PRODUCT_ID,
 	SAAS_100K_PRODUCT_ID,
@@ -11,6 +10,9 @@ import {
 import { getActiveProductWithPrices } from "@/util/supabaseClient";
 import { useUser } from "@/util/useUser";
 import { ProductWithPrice } from "@/supabase/domain.types";
+import { useRouter } from "next/router";
+import { dictionary } from "@/dictionaries";
+import Markdown from "marked-react";
 
 export const getStaticProps: GetStaticProps = async () => {
 	const products = await getActiveProductWithPrices();
@@ -34,6 +36,8 @@ export default function Pricing({
 	const [currency, setCurrency] = useState<string>(
 		subscriptionCurrency || "eur"
 	);
+	const router = useRouter();
+	const d = dictionary(router.locale).pricing;
 
 	const saas10kProduct = products.find(
 		({ id }) => id === SAAS_10K_PRODUCT_ID
@@ -52,10 +56,10 @@ export default function Pricing({
 		<>
 			<Spacer y={5} />
 			<Text className="text-center" h2>
-				Pricing
+				{d.title}
 			</Text>
 			<Text p em className="text-center">
-				All plans include a 30-day money back guarantee.
+				{d["30d_money_back"]}
 			</Text>
 
 			<Spacer y={2} />
@@ -114,56 +118,24 @@ export default function Pricing({
 				<Spacer y={2} />
 				<Page>
 					<Text className="text-center" h2>
-						Frequently Asked Questions
+						{d.faq.title}
 					</Text>
 					<Spacer y={2} />
 					<Collapse.Group>
 						<Collapse
-							title="Can I verify 1 million (or more) emails?"
+							title={d.faq.verify_1m_emails_q}
 							initialVisible
 						>
-							If you need to verify 200K, 500K, or 1+ million
-							emails, please check the{" "}
-							<strong>Commercial License Plan</strong>. You will
-							need to purchase your own servers separately and
-							self-host Reacher.
+							<Markdown>{d.faq.verify_1m_emails_a}</Markdown>
 						</Collapse>
-						<Collapse title="Can I get a refund?">
-							Sure. If you use Reacher and find that the
-							verifications are slow or incorrect, I&apos;ll
-							refund you the full amount if you email me ✉️{" "}
-							<a href="mailto:amaury@reacher.email">
-								amaury@reacher.email
-							</a>{" "}
-							within 30 days of your subscription.
+						<Collapse title={d.faq.refund_q}>
+							<Markdown>{d.faq.refund_a}</Markdown>
 						</Collapse>
-						<Collapse title="Can I get a free trial?">
-							<p>
-								If you are interested in the SaaS 10K or 100K
-								plans, then no, Reacher does not offer any free
-								trial. There is however a 30-day money back
-								guarantee.
-							</p>
-
-							<p>
-								If you are interested in the Commercial License,
-								you can follow these steps in the{" "}
-								<a
-									href="https://help.reacher.email/self-host-guide#2a0e764e7cb94933b81c967be334dffd"
-									target="_blank"
-									rel="noopener noreferrer"
-								>
-									self-host guide
-								</a>{" "}
-								for a free trial .
-							</p>
+						<Collapse title={d.faq.free_trial_q}>
+							<Markdown>{d.faq.free_trial_a}</Markdown>
 						</Collapse>
-						<Collapse title="Another question?">
-							Send me an email to{" "}
-							<a href="mailto:amaury@reacher.email">
-								📧 amaury@reacher.email
-							</a>
-							, I reply pretty fast.
+						<Collapse title={d.faq.another_q}>
+							<Markdown>{d.faq.another_a}</Markdown>
 						</Collapse>
 					</Collapse.Group>
 				</Page>
diff --git a/tsconfig.json b/tsconfig.json
index 72df69c9..7e9cb7df 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
 	"compilerOptions": {
-		"target": "es5",
+		"target": "es2015",
 		"lib": ["dom", "dom.iterable", "esnext"],
 		"allowJs": true,
 		"skipLibCheck": true,
diff --git a/yarn.lock b/yarn.lock
index 346cd90b..44414b79 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6304,6 +6304,18 @@ markdown-pdf@^11.0.0:
     through2 "^3.0.1"
     tmp "^0.1.0"
 
+marked-react@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/marked-react/-/marked-react-2.0.0.tgz#709ec476d3cdf8690d81f6495edd675d72eef60f"
+  integrity sha512-Mp5HqfONf/RDqFtA+6xw2EjKkSbA8/xNPwyJ8ewLy/q3v21lRsPA7h+HUndVAW/yEIoebvcyzzSDpbjzL/xjZg==
+  dependencies:
+    marked "^6.0.0"
+
+marked@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-6.0.0.tgz#80cd7f51145437cffe9f541a318b9882f75601df"
+  integrity sha512-7E3m/xIlymrFL5gWswIT4CheIE3fDeh51NV09M4x8iOc7NDYlyERcQMLAIHcSlrvwliwbPQ4OGD+MpPSYiQcqw==
+
 mdast-util-definitions@^5.0.0:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz#9910abb60ac5d7115d6819b57ae0bcef07a3f7a7"