diff --git a/app/page.tsx b/app/page.tsx
index 0114347..865ef0a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -21,7 +21,7 @@ export default function Home() {
         <ImageGallery />
         <CTASection />
       </main>
-      <Footer />
+      <Footer className="z-20" />
     </div>
   )
 }
diff --git a/components/footer.tsx b/components/footer.tsx
index 4e17755..6276ec9 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -3,7 +3,7 @@ import { Sprout } from "lucide-react"
 
 export function Footer() {
   return (
-    <footer className="border-t border-border bg-white">
+    <footer className="border-t border-border bg-white relative z-20">
       <div className="container py-12">
         <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
           <div className="md:col-span-2">