diff --git a/package-lock.json b/package-lock.json
index 7ef74f8..bc38db6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
 				"@markdoc/markdoc": "^0.2.2",
 				"@vercel/analytics": "^0.1.11",
 				"clsx": "^1.2.1",
+				"framer-motion": "^10.9.1",
 				"js-yaml": "^4.1.0",
 				"lightgallery": "^2.7.1",
 				"next": "^13.2.4",
@@ -63,6 +64,21 @@
 			"resolved": "https://registry.npmjs.org/@corex/deepmerge/-/deepmerge-4.0.37.tgz",
 			"integrity": "sha512-PX90bEnrLdxd5e6rSFWsghExMuSw0Uov3fWJuuaoFuUQIS/446diu/4seExK5b+43L+SOBbd2uBGwYUkG1JfCw=="
 		},
+		"node_modules/@emotion/is-prop-valid": {
+			"version": "0.8.8",
+			"resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+			"integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+			"optional": true,
+			"dependencies": {
+				"@emotion/memoize": "0.7.4"
+			}
+		},
+		"node_modules/@emotion/memoize": {
+			"version": "0.7.4",
+			"resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+			"integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+			"optional": true
+		},
 		"node_modules/@eslint-community/eslint-utils": {
 			"version": "4.2.0",
 			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.2.0.tgz",
@@ -1988,6 +2004,29 @@
 				"url": "https://www.patreon.com/infusion"
 			}
 		},
+		"node_modules/framer-motion": {
+			"version": "10.9.1",
+			"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.9.1.tgz",
+			"integrity": "sha512-fuCDRGKOu5n9gN2/R7O22mE+BHMGK5D57S3Oq8n2ITd4aYR7D22QM5I4VPD3CWahNt/lyDUs20u9Aw+6ah9oAQ==",
+			"dependencies": {
+				"tslib": "^2.4.0"
+			},
+			"optionalDependencies": {
+				"@emotion/is-prop-valid": "^0.8.2"
+			},
+			"peerDependencies": {
+				"react": "^18.0.0",
+				"react-dom": "^18.0.0"
+			},
+			"peerDependenciesMeta": {
+				"react": {
+					"optional": true
+				},
+				"react-dom": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/fs.realpath": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -4423,6 +4462,21 @@
 			"resolved": "https://registry.npmjs.org/@corex/deepmerge/-/deepmerge-4.0.37.tgz",
 			"integrity": "sha512-PX90bEnrLdxd5e6rSFWsghExMuSw0Uov3fWJuuaoFuUQIS/446diu/4seExK5b+43L+SOBbd2uBGwYUkG1JfCw=="
 		},
+		"@emotion/is-prop-valid": {
+			"version": "0.8.8",
+			"resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+			"integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+			"optional": true,
+			"requires": {
+				"@emotion/memoize": "0.7.4"
+			}
+		},
+		"@emotion/memoize": {
+			"version": "0.7.4",
+			"resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+			"integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+			"optional": true
+		},
 		"@eslint-community/eslint-utils": {
 			"version": "4.2.0",
 			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.2.0.tgz",
@@ -5772,6 +5826,15 @@
 			"integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
 			"dev": true
 		},
+		"framer-motion": {
+			"version": "10.9.1",
+			"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.9.1.tgz",
+			"integrity": "sha512-fuCDRGKOu5n9gN2/R7O22mE+BHMGK5D57S3Oq8n2ITd4aYR7D22QM5I4VPD3CWahNt/lyDUs20u9Aw+6ah9oAQ==",
+			"requires": {
+				"@emotion/is-prop-valid": "^0.8.2",
+				"tslib": "^2.4.0"
+			}
+		},
 		"fs.realpath": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
diff --git a/package.json b/package.json
index 152aca7..fa17505 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
 		"@markdoc/markdoc": "^0.2.2",
 		"@vercel/analytics": "^0.1.11",
 		"clsx": "^1.2.1",
+		"framer-motion": "^10.9.1",
 		"js-yaml": "^4.1.0",
 		"lightgallery": "^2.7.1",
 		"next": "^13.2.4",