the heading text dont work and adfd social media

index.html

@@ -140,7 +140,7 @@
                 </div>
         <!-- Editable Name -->
         <div class="relative mb-3">
-            <h1 id="editableName" class="text-3xl font-bold gradient-text text-center min-h-[1.5em] px-2 py-1 rounded" contenteditable="true" data-placeholder="Tap to Add your Name"></h1>
+            <h1 id="editableName" class="text-3xl font-bold gradient-text text-center min-h-[1.5em] px-2 py-1 rounded editable" contenteditable="true" data-placeholder="Tap to Add your Name">Tap to Add your Name</h1>
         </div>
 <!-- Contact Button -->
                 <div class="relative mb-4 w-3/5 mx-auto">
@@ -306,7 +306,7 @@
                 });
             });
         });
-// Initialize placeholder functionality
+        // Initialize placeholder functionality
         document.querySelectorAll('.editable').forEach(editable => {
             // Clear placeholder text when focusing
             editable.addEventListener('focus', function() {
@@ -319,36 +319,11 @@
             // Restore placeholder if empty when blurring
             editable.addEventListener('blur', function() {
                 if (this.textContent.trim() === '') {
-                    this.textContent = '';
+                    this.textContent = this.getAttribute('data-placeholder');
                 }
                 this.style.background = 'transparent';
             });
         });
-        // Fix for heading text visibility - replace with new element
-        const nameElement = document.getElementById('editableName');
-        const newNameElement = document.createElement('h1');
-        newNameElement.id = 'editableName';
-        newNameElement.className = 'text-3xl font-bold mb-3 gradient-text editable';
-        newNameElement.contentEditable = 'true';
-        newNameElement.setAttribute('data-placeholder', 'Tap to Add your Name');
-        newNameElement.textContent = nameElement.textContent;
-        
-        nameElement.parentNode.replaceChild(newNameElement, nameElement);
-        
-        // Reinitialize event listeners for the new element
-        newNameElement.addEventListener('focus', function() {
-            if (this.textContent === this.getAttribute('data-placeholder')) {
-                this.textContent = '';
-            }
-            this.style.background = 'transparent';
-        });
-        
-        newNameElement.addEventListener('blur', function() {
-            if (this.textContent.trim() === '') {
-                this.textContent = '';
-            }
-            this.style.background = 'transparent';
-        });
 function addSocialIcon(platform, handle) {
             const container = document.getElementById('socialIconsContainer');
             
@@ -451,8 +426,6 @@ function getSocialUrl(platform, handle) {
             // Set content only if it's not empty or placeholder
             if (profileData.name && profileData.name !== 'Tap to Add your Name') {
                 document.getElementById('editableName').textContent = profileData.name;
-            } else {
-                document.getElementById('editableName').textContent = 'Tap to Add your Name';
             }
             
             if (profileData.title && profileData.title !== 'Tap to Add your Title') {
@@ -468,9 +441,6 @@ function getSocialUrl(platform, handle) {
             if (profileData.image && profileData.image !== 'http://static.photos/technology/320x240/42') {
                 document.getElementById('profileImage').src = profileData.image;
             }
-        } else {
-            // Initialize with placeholder
-            document.getElementById('editableName').textContent = 'Tap to Add your Name';
         }
 </script>
 </body>