diff --git a/components/container.tsx b/components/container.tsx
new file mode 100644
index 0000000..866ada8
--- /dev/null
+++ b/components/container.tsx
@@ -0,0 +1,14 @@
+import { cn } from "@/lib/utils";
+import React from "react";
+
+export const Container = ({
+  children,
+  className,
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) => {
+  return (
+    <div className={cn(`max-w-7xl mx-auto px-4 `, className)}>{children}</div>
+  );
+};