diff --git a/.changeset/heavy-tables-dance.md b/.changeset/heavy-tables-dance.md
new file mode 100644
index 00000000..1ccc7c6f
--- /dev/null
+++ b/.changeset/heavy-tables-dance.md
@@ -0,0 +1,5 @@
+---
+'@rosen-bridge/rosen-app': minor
+---
+
+Enhance the Rosen Bridge page by incorporating a captivating background image
diff --git a/apps/rosen/app/App.tsx b/apps/rosen/app/App.tsx
index fa7e70d4..38d4ab98 100644
--- a/apps/rosen/app/App.tsx
+++ b/apps/rosen/app/App.tsx
@@ -38,6 +38,10 @@ const Main = styled('main')(({ theme }) => ({
   borderTopLeftRadius: theme.shape.borderRadius * 2,
   borderBottomLeftRadius: theme.shape.borderRadius * 2,
   padding: theme.spacing(4),
+  backgroundImage: `url(./background-${theme.palette.mode}.png)`,
+  backgroundRepeat: 'no-repeat',
+  backgroundPosition: 'center center',
+  backgroundSize: 'cover',
 }));
 
 interface AppProps {
diff --git a/apps/rosen/public/background-dark.png b/apps/rosen/public/background-dark.png
new file mode 100644
index 00000000..c22d4ca0
Binary files /dev/null and b/apps/rosen/public/background-dark.png differ
diff --git a/apps/rosen/public/background-light.png b/apps/rosen/public/background-light.png
new file mode 100644
index 00000000..8ac0f30f
Binary files /dev/null and b/apps/rosen/public/background-light.png differ