update home page

components/shared/PageContainer.tsx

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+
+interface PageContainerProps {
+  children: ReactNode;
+  className?: string;
+}
+
+/**
+ * PageContainer — global max-width + horizontal padding wrapper.
+ *
+ * Every section's inner content should be wrapped in this to ensure
+ * consistent container width across all pages.
+ *
+ * Default: max-w-[1260px], px-[15px], mx-auto
+ */
+export function PageContainer({ children, className = "" }: PageContainerProps) {
+  return (
+    <div className={`mx-auto w-full max-w-[1260px] px-[15px] ${className}`}>
+      {children}
+    </div>
+  );
+}