Merge pull request #103 from letyassine/new-landing-page

update: landing-page

apps/web/src/app/globals.css

@@ -39,7 +39,7 @@
     --sidebar-ring: 0 0% 3.9%;
   }
   .dark {
-    --background: 0 0% 8%;
+    --background: 0 0% 6%;
     --foreground: 0 0% 98%;
     --card: 0 0% 3.9%;
     --card-foreground: 0 0% 98%;

apps/web/src/app/page.tsx

@@ -1,6 +1,7 @@
 import { Hero } from "@/components/landing/hero";
 import { Header } from "@/components/header";
 import { getWaitlistCount } from "@/lib/waitlist";
+import Image from "next/image";
 
 // Force dynamic rendering so waitlist count updates in real-time
 export const dynamic = "force-dynamic";
@@ -10,6 +11,13 @@ 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} />
     </div>