✨ style: Update project title size and improve layout visibility

app/components/Contact.tsx

@@ -96,10 +96,10 @@ export default function Contact() {
       id="contact"
       className={`p-10 ${isVisible ? "animate-fade-in" : "opacity-0"}`}
     >
-      <h2 className="text-4xl font-extrabold text-center text-gray-900 dark:text-white mb-8">
+      <h2 className="text-4xl font-bold text-center text-gray-900 mb-8">
         Get in Touch
       </h2>
-      <div className="bg-white/30 dark:bg-gray-800 p-8 rounded-3xl shadow-xl max-w-lg mx-auto">
+      <div className="bg-white/30 p-8 rounded-3xl shadow-xl max-w-lg mx-auto">
         {banner.show && (
           <div
             className={`mb-4 text-center rounded-full py-2 px-4 text-white ${

app/components/Projects.tsx

@@ -53,12 +53,13 @@ export default function Projects() {
       id="projects"
       className={`p-10 ${isVisible ? "animate-fly-in" : "opacity-0"}`}
     >
-      <h2 className="text-3xl font-bold text-center text-gray-800">Projects</h2>
+      <h2 className="text-4xl font-bold text-center text-gray-900">Projects</h2>
       <div className="mt-6">
+        {isVisible && (
           <ResponsiveMasonry
-                columnsCountBreakPoints={{350: 1, 750: 2, 900: 3}}
-                gutterBreakpoints={{350: "12px", 750: "16px", 900: "24px"}}        >
-          <Masonry >
+            columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 3 }}
+          >
+            <Masonry gutter="16px">
               {projects.map((project, index) => (
                 <Link
                   key={project.id}
@@ -66,7 +67,7 @@ export default function Projects() {
                     pathname: `/projects/${project.slug}`,
                     query: { project: JSON.stringify(project) },
                   }}
-                className="cursor-pointer w-full"
+                  className="cursor-pointer"
                 >
                   <div
                     className="project-card"
@@ -83,6 +84,7 @@ export default function Projects() {
               ))}
             </Masonry>
           </ResponsiveMasonry>
+        )}
       </div>
     </section>
   );