From e28c6b1e8a17aec2eab464a1e2503356857383a1 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Sun, 2 Nov 2025 03:21:33 +0000
Subject: [PATCH] fix: resolve footer text fading issue

Set footer z-index to 20 to prevent canvas overlap.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
---
 app/page.tsx          | 2 +-
 components/footer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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">