fix(web): rename mail env vars and pass build context to Dockerfile to fix CMS white screen

apps/web/src/components/HeroSection.tsx

@@ -47,7 +47,7 @@ export const HeroSection: React.FC = () => {
             initial={{ opacity: 0, scale: 0.95 }}
             animate={{ opacity: 1, scale: 1 }}
             transition={{ duration: 1, delay: 0.2 }}
-            className="mb-4 md:mb-10 inline-flex items-center gap-3 md:gap-4 px-4 md:px-6 py-2 border border-slate-100 bg-white/40 backdrop-blur-sm rounded-full"
+            className="mb-4 md:mb-8 lg:mb-10 inline-flex items-center gap-3 md:gap-4 px-4 md:px-6 py-2 border border-slate-100 bg-white/40 backdrop-blur-sm rounded-full"
           >
             <div className="flex gap-1">
               <div className="w-1 h-1 rounded-full bg-blue-500 animate-pulse" />
@@ -59,7 +59,7 @@ export const HeroSection: React.FC = () => {
           </motion.div>
 
           {/* Headline */}
-          <h1 className="text-3xl md:text-[11rem] font-black tracking-tighter leading-[0.9] md:leading-[0.8] text-slate-900 mb-6 md:mb-12 uppercase">
+          <h1 className="text-4xl md:text-8xl lg:text-[10rem] xl:text-[11rem] font-black tracking-tighter leading-[0.9] md:leading-[0.85] lg:leading-[0.8] text-slate-900 mb-6 md:mb-8 lg:mb-12 uppercase">
             <div className="block">
               <GlitchText delay={0.5} duration={1.2}>
                 Websites
@@ -80,9 +80,9 @@ export const HeroSection: React.FC = () => {
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 1, delay: 0.8 }}
-            className="flex flex-col items-center gap-6 md:gap-12"
+            className="flex flex-col items-center gap-6 md:gap-8 lg:gap-12"
           >
-            <p className="text-base md:text-3xl text-slate-400 font-medium max-w-2xl leading-relaxed px-4">
+            <p className="text-base md:text-xl lg:text-3xl text-slate-400 font-medium max-w-2xl leading-relaxed px-4">
               Ein Entwickler. Ein Ansprechpartner.{" "}
               <br className="hidden md:block" />
               <span className="text-slate-900 font-bold tracking-tight">

apps/web/src/components/Section.tsx

@@ -82,9 +82,9 @@ export const Section: React.FC<SectionProps> = ({
 
       <div className={cn("relative z-10", containerClass)}>
         {hasSidebar ? (
-          <div className="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-24">
+          <div className="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-12 lg:gap-24">
             {/* Sidebar: Number & Title */}
-            <div className="md:col-span-3">
+            <div className="md:col-span-4 lg:col-span-3">
               <div className="md:sticky md:top-40 flex flex-col gap-4 md:gap-8">
                 <div className="flex items-end md:flex-col md:items-start gap-6 md:gap-8">
                   {number && (
@@ -124,7 +124,7 @@ export const Section: React.FC<SectionProps> = ({
             </div>
 
             {/* Main Content */}
-            <div className="md:col-span-9">{children}</div>
+            <div className="md:col-span-8 lg:col-span-9">{children}</div>
           </div>
         ) : (
           <div className="w-full">{children}</div>

apps/web/src/lib/env.ts

@@ -8,8 +8,8 @@ const envExtension = {
   // Mail Configuration
   MAIL_HOST: z.string().optional(),
   MAIL_PORT: z.coerce.number().optional().default(587),
-  MAIL_USER: z.string().optional(),
-  MAIL_PASS: z.string().optional(),
+  MAIL_USERNAME: z.string().optional(),
+  MAIL_PASSWORD: z.string().optional(),
   MAIL_FROM: z.string().optional().default("marc@mintel.me"),
   MAIL_RECIPIENTS: z.string().optional().default("marc@mintel.me"),
 
@@ -21,6 +21,14 @@ const envExtension = {
     .optional()
     .default("https://analytics.infra.mintel.me"),
 
+  // S3 Storage (Required for importMap at build-time)
+  S3_ENDPOINT: z.string().optional(),
+  S3_ACCESS_KEY: z.string().optional(),
+  S3_SECRET_KEY: z.string().optional(),
+  S3_BUCKET: z.string().optional(),
+  S3_REGION: z.string().optional(),
+  S3_PREFIX: z.string().optional(),
+
   // Error Tracking
   SENTRY_DSN: z.string().optional(),
 };

apps/web/src/lib/mail/mailer.ts

@@ -24,8 +24,8 @@ function getTransporter() {
     port: env.MAIL_PORT,
     secure: env.MAIL_PORT === 465,
     auth: {
-      user: env.MAIL_USER,
-      pass: env.MAIL_PASS,
+      user: env.MAIL_USERNAME,
+      pass: env.MAIL_PASSWORD,
     },
   });