From 05b10018a6fd0bd46091cd6483f53300d4aedff0 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Tue, 27 Jan 2026 08:07:25 +0100
Subject: [PATCH] hero center

---
 components/home/Hero.tsx             | 8 ++++----
 components/home/HeroIllustration.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/home/Hero.tsx b/components/home/Hero.tsx
index e9e107ca..5a806ad6 100644
--- a/components/home/Hero.tsx
+++ b/components/home/Hero.tsx
@@ -12,9 +12,9 @@ export default function Hero() {
 
   return (
     <Section className="relative min-h-[85vh] md:h-[90vh] flex flex-col items-center justify-center overflow-hidden bg-primary py-12 md:py-0 lg:py-0">
-      <Container className="relative z-10 text-left text-white w-full order-1">
+      <Container className="relative z-10 text-center md:text-left text-white w-full order-2 md:order-none">
         <motion.div
-          className="max-w-5xl"
+          className="max-w-5xl mx-auto md:mx-0"
           initial="hidden"
           animate="visible"
           variants={containerVariants}
@@ -47,7 +47,7 @@ export default function Hero() {
             </p>
           </motion.div>
           <motion.div
-            className="flex flex-col sm:flex-row gap-4 md:gap-6"
+            className="flex flex-col sm:flex-row justify-center md:justify-start gap-4 md:gap-6"
             variants={buttonContainerVariants}
           >
             <motion.div variants={buttonVariants}>
@@ -66,7 +66,7 @@ export default function Hero() {
       </Container>
 
       <motion.div
-        className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-2 mt-8 md:mt-0"
+        className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-1 md:order-none mb-8 md:mb-0"
         initial={{ opacity: 0, scale: 0.95, filter: 'blur(20px)' }}
         animate={{ opacity: 1, scale: 1, filter: 'blur(0px)' }}
         transition={{ duration: 2.2, ease: 'easeOut', delay: 0.05 }}
diff --git a/components/home/HeroIllustration.tsx b/components/home/HeroIllustration.tsx
index 6e49a427..5e8464b2 100644
--- a/components/home/HeroIllustration.tsx
+++ b/components/home/HeroIllustration.tsx
@@ -166,7 +166,7 @@ export default function HeroIllustration() {
     <div className="absolute md:inset-0 z-0 overflow-hidden bg-primary w-full h-full">
       <svg
         viewBox="-400 -200 1800 1100"
-        className="w-full h-full opacity-60 md:opacity-100 scale-[1.5] md:scale-100 translate-x-0"
+        className="w-full h-full opacity-60 md:opacity-100 scale-[1.2] md:scale-100 translate-x-0"
         preserveAspectRatio="xMidYMid slice"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"