feat(SW-190): added hero to static content pages

components/MaxWidth/index.tsx

@@ -1,17 +1,21 @@
 "use client"
-import { cva } from "class-variance-authority"
 
-import styles from "./maxWidth.module.css"
+import { maxWidthVariants } from "./variants"
 
 import type { MaxWidthProps } from "@/types/components/max-width"
 
-const maxWidthVariants = cva(styles.container)
-
 export default function MaxWidth({
   className,
   tag = "section",
+  variant,
+  align,
   ...props
 }: MaxWidthProps) {
   const Cmp = tag
-  return <Cmp className={maxWidthVariants({ className })} {...props} />
+  return (
+    <Cmp
+      className={maxWidthVariants({ className, variant, align })}
+      {...props}
+    />
+  )
 }