style: hero, minor tweaks

2 files changed, 9 insertions, 2 deletions

diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index 7cc1440f..ea2c33e8 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 1ac9390f..269f0fdd 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 }}