feat: Implement initial website structure, core pages, and layout components, including a redesigned homepage.

components/layout/Container.tsx

@@ -1,20 +1,28 @@
 import type { ElementType, ReactNode } from "react";
 
+type ContainerVariant = "default" | "narrow" | "wide";
+
 interface ContainerProps {
   children: ReactNode;
   className?: string;
   as?: ElementType;
+  variant?: ContainerVariant;
 }
 
 export function Container({
   children,
   className = "",
   as: Tag = "div",
+  variant = "default",
 }: ContainerProps) {
+  const variantClasses: Record<ContainerVariant, string> = {
+    default: "container",
+    narrow: "container container--narrow",
+    wide: "container container--wide",
+  };
+
   return (
-    <Tag
-      className={`mx-auto w-full max-w-[var(--container-max-width)] px-[var(--container-padding-x)] ${className}`.trim()}
-    >
+    <Tag className={`${variantClasses[variant]} ${className}`.trim()}>
       {children}
     </Tag>
   );