From ab23d5d9b1b808886a3ca6da40fb04fbfd557fb3 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Mon, 9 Feb 2026 18:47:08 +0700
Subject: [PATCH] website: restore hero background image

---
 packages/website/src/routes/index.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/routes/index.tsx b/packages/website/src/routes/index.tsx
index 1bdc7589c..244e8d702 100644
--- a/packages/website/src/routes/index.tsx
+++ b/packages/website/src/routes/index.tsx
@@ -20,8 +20,14 @@ export const Route = createFileRoute('/')({
 function Home() {
   return (
     <CursorFieldProvider>
-      {/* Hero section */}
-      <div className="relative">
+      {/* Hero section with background image */}
+      <div
+        className="relative bg-cover bg-center bg-no-repeat"
+        style={{ backgroundImage: 'url(/hero-bg.jpg)' }}
+      >
+        <div className="absolute inset-0 bg-background/90" />
+        <div className="absolute inset-x-0 bottom-0 h-64 bg-gradient-to-t from-black to-transparent" />
+
         <div className="relative p-6 pb-10 md:px-20 md:pt-20 md:pb-12 max-w-3xl mx-auto">
           <Nav />
           <Hero />