full upgrade

app/projects/[slug]/page.tsx

@@ -35,11 +35,11 @@ const ProjectDetail = () => {
           if (data.projects && data.projects.length > 0) {
             setProject(data.projects[0]);
           }
-        } else {
-          console.error('Failed to fetch project from API');
         }
       } catch (error) {
-        console.error('Error loading project:', error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error('Error loading project:', error);
+        }
       }
     };
 
@@ -59,7 +59,7 @@ const ProjectDetail = () => {
 
   return (
     <div className="min-h-screen animated-bg">
-      <div className="max-w-4xl mx-auto px-4 py-20">
+      <div className="max-w-4xl mx-auto px-4 pt-32 pb-20">
         {/* Header */}
         <motion.div
           initial={{ opacity: 0, y: 30 }}