feat: initial draft and components creation

components/invite/wedding-container.tsx

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react"
+
+import { cn } from "@/lib/utils"
+
+export function WeddingContainer({
+  children,
+  wide = false,
+  className,
+}: {
+  children: ReactNode
+  wide?: boolean
+  className?: string
+}) {
+  return (
+    <div
+      className={cn(
+        "mx-auto w-full px-wedding-gutter-mobile wedding-phone:px-wedding-gutter-phone wedding-layout:px-wedding-gutter-desktop",
+        wide ? "max-w-wedding-content" : "max-w-6xl",
+        className,
+      )}
+    >
+      {children}
+    </div>
+  )
+}