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

@@ -21,7 +21,7 @@ export default function Home() {
         <ImageGallery />
         <CTASection />
       </main>
-      <Footer />
+      <Footer className="z-20" />
     </div>
   )
 }

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