From 8aa0aeb6e3a42ee3d1a2e0759506c636f3c8037a Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Sun, 29 Jun 2025 14:36:14 +0200
Subject: [PATCH] style: hero, minor tweaks

---
 apps/web/src/app/page.tsx                | 7 -------
 apps/web/src/components/footer.tsx       | 4 ++--
 apps/web/src/components/landing/hero.tsx | 7 +++++++
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 183b6a5..f78e9d5 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -12,13 +12,6 @@ export default async function Home() {
 
   return (
     <div>
-      <Image
-        className="fixed top-0 left-0 -z-50 size-full object-cover"
-        src="/landing-page-bg.png"
-        height={1903.5}
-        width={1269}
-        alt="landing-page.bg"
-      />
       <Header />
       <Hero signupCount={signupCount} />
       <Footer />
diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index 7cc1440..ea2c33e 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -25,12 +25,12 @@ export function Footer() {
 
   return (
     <motion.footer
-      className="bg-background/80 backdrop-blur-sm border mt-16 m-6 rounded-sm"
+      className="bg-background border-t"
       initial={{ opacity: 0 }}
       animate={{ opacity: 1 }}
       transition={{ delay: 0.8, duration: 0.8 }}
     >
-      <div className="max-w-5xl mx-auto px-4 py-10">
+      <div className="max-w-5xl mx-auto px-8 py-10">
         <div className="grid grid-cols-1 md:grid-cols-2 gap-12 mb-8">
           {/* Brand Section */}
           <div className="md:col-span-1 max-w-sm">
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index 1ac9390..269f0fd 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -70,6 +70,13 @@ export function Hero({ signupCount }: HeroProps) {
 
   return (
     <div className="min-h-[calc(100vh-6rem)] supports-[height:100dvh]:min-h-[calc(100dvh-6rem)] flex flex-col justify-between items-center text-center px-4">
+      <Image
+        className="absolute top-0 left-0 -z-50 size-full object-cover"
+        src="/landing-page-bg.png"
+        height={1903.5}
+        width={1269}
+        alt="landing-page.bg"
+      />
       <motion.div
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}