diff --git a/src/pages/index.md b/src/pages/index.mdx
similarity index 69%
rename from src/pages/index.md
rename to src/pages/index.mdx
index 13f2b2d3..d5237025 100644
--- a/src/pages/index.md
+++ b/src/pages/index.mdx
@@ -3,15 +3,19 @@ layout: ~/layouts/PageLayout.astro
 title: Oliver Davies - Software Developer and Consultant, PHP and Drupal specialist
 ---
 
+import { differenceInYears } from 'date-fns';
+
+export const numberOfYears = differenceInYears(new Date(), new Date(2007, 0, 1));
+
 <div class="mb-4 w-32">
-  <img src="/images/social-avatar.jpg" alt="Picture of Oliver" class="rounded-full border border-gray">
+  <img src="/images/social-avatar.jpg" alt="Picture of Oliver" class="rounded-full border border-gray" />
 </div>
 
 Hi, I’m Oliver. I’m a Full Stack Software Consultant based in South Wales in the UK.
 
 I architect, develop, and consult on large web applications, and work with organisations, agencies, and freelance Developers to improve their code quality by using tools and workflows such as continuous integration and deployment, automated testing, test-driven development, and static analysis.
 
-I have years of software development and Drupal experience, have worked for the Drupal Association, and am an <a href="https://certification.acquia.com/user/4540">Acquia-certified Drupal expert</a>. I also work with complementary technologies such as Symfony, Vue.js, TypeScript, Docker, and Ansible.
+I have {numberOfYears} years of software development and Drupal experience, have worked for the Drupal Association, and am an <a href="https://certification.acquia.com/user/4540">Acquia-certified Drupal expert</a>. I also work with complementary technologies such as Symfony, Vue.js, TypeScript, Docker, and Ansible.
 
 I enjoy writing and contributing open-source code which you can find on my [Drupal.org] and [GitHub] profiles.