diff --git a/CHANGELOG.md b/CHANGELOG.md
index 351601c..aae22bc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+# [1.22.0-beta.2](https://github.com/deployn/astro-deploy/compare/v1.22.0-beta.1...v1.22.0-beta.2) (2024-03-08)
+
+
+### Features
+
+* **blog:** transition blogpost titles ([aece417](https://github.com/deployn/astro-deploy/commit/aece417bff6717db76e7db95d20f4fe222b3b4eb))
+
+# [1.22.0-beta.1](https://github.com/deployn/astro-deploy/compare/v1.21.0...v1.22.0-beta.1) (2024-03-08)
+
+
+### Features
+
+* add view transitions ([769ccc4](https://github.com/deployn/astro-deploy/commit/769ccc451cdb99d7091d4a8951044b1336426fbe))
+
# [1.21.0](https://github.com/deployn/astro-deploy/compare/v1.20.0...v1.21.0) (2024-03-08)
diff --git a/package.json b/package.json
index f7986cc..895614f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "astro-deploy",
"type": "module",
- "version": "1.21.0",
+ "version": "1.22.0-beta.2",
"description": "A custom Astro.js template",
"private": true,
"scripts": {
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 4e8a5fd..22a3309 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,4 +1,5 @@
---
+import { ViewTransitions } from 'astro:transitions';
import '@/styles/globals.css';
import Header from '@/components/layout/Header.astro';
import Footer from '@/components/layout/Footer.astro';
@@ -21,6 +22,7 @@ const { title, description } = Astro.props as Props;
+
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index d2bfdf0..25d9d94 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -27,7 +27,7 @@ const descriptionMeta =
{title}
+ {title}