diff --git a/src/components/BackgroundSection.tsx b/src/components/BackgroundSection.tsx
new file mode 100644
index 0000000..fbb36ef
--- /dev/null
+++ b/src/components/BackgroundSection.tsx
@@ -0,0 +1,22 @@
+import React, { FC } from "react";
+
+export interface BackgroundSectionProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const BackgroundSection: FC<BackgroundSectionProps> = ({
+  className = "bg-neutral-100 dark:bg-black dark:bg-opacity-20 ",
+  children,
+}) => {
+  return (
+    <div
+      className={`nc-BackgroundSection absolute inset-y-0 w-screen xl:max-w-[1340px] 2xl:max-w-screen-2xl left-1/2 transform -translate-x-1/2 xl:rounded-[40px] z-0 ${className}`}
+      data-nc-id="BackgroundSection"
+    >
+      {children}
+    </div>
+  );
+};
+
+export default BackgroundSection;