Update src/app/page.tsx

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
     let ticking = false;
 
     const handleScroll = () => {
-      if (!ticking && !showModal) {
+      if (!ticking) {
         window.requestAnimationFrame(() => {
           const currentScrollY = window.scrollY;
           setShowBackToTop(currentScrollY > 300);
@@ -76,19 +76,7 @@ export default function LandingPage() {
 
     window.addEventListener('scroll', handleScroll);
     return () => window.removeEventListener('scroll', handleScroll);
-  }, [lastScrollY, showModal]);
-
-  useEffect(() => {
-    if (showModal) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = 'unset';
-    }
-
-    return () => {
-      document.body.style.overflow = 'unset';
-    };
-  }, [showModal]);
+  }, [lastScrollY]);
 
   const scrollToGallery = () => {
     const gallerySectionElement = document.getElementById('gallery');
@@ -467,7 +455,7 @@ export default function LandingPage() {
 
         {/* Modal Gallery */}
         {showModal && (
-          <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm p-4">
+          <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4">
             <div className="relative w-full max-w-6xl max-h-[90vh] bg-[var(--background)] rounded-2xl shadow-2xl overflow-hidden flex flex-col">
               {/* Modal Header */}
               <div className="flex items-center justify-between p-4 md:p-6 border-b border-[var(--accent)]/20">
@@ -721,4 +709,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}