feat: Introduce new service pages for 'Leistungen', 'Telefonie', 'Fernsehen', and 'Internet', accompanied by new layout components and image assets.

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;
 }
 
+const variantClasses: Record<ContainerVariant, string> = {
+  default: "container",
+  narrow: "container container--narrow",
+  wide: "container container--wide",
+};
+
 export function Container({
   children,
   className = "",
   as: Tag = "div",
+  variant = "default",
 }: ContainerProps) {
   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>
   );