diff --git a/src/components/BarnoinPayBackground.tsx b/src/components/BarnoinPayBackground.tsx
new file mode 100644
index 0000000..eabd218
--- /dev/null
+++ b/src/components/BarnoinPayBackground.tsx
@@ -0,0 +1,18 @@
+import { asp as g } from "@asp/asp";
+import { ImageBackground } from "expo-image";
+import type { FC } from "react";
+import type { ViewProps } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+
+export const BarnoinPayBackground: FC<ViewProps> = ({ children, style, ...rest }) => {
+	const insets = useSafeAreaInsets();
+	return (
+		<ImageBackground
+			style={[g.flex_1, { paddingTop: insets.top }, style]}
+			source={require("@assets/background.png")}
+			{...rest}
+		>
+			{children}
+		</ImageBackground>
+	);
+};