remove Ready to create your AI Clone? when user click on pricing take them to choose your plan area. Also when user is signed in focus the page to upload image area . after signed in show signout option and when user click then take use back to orignal UI without image upload section - Follow Up Deployment

index.html

@@ -80,9 +80,12 @@
                     <i class="fab fa-google text-red-500 mr-2"></i>
                     Sign In with Google
                 </button>
-                <div id="user-profile" class="hidden flex items-center">
-                    <img id="user-avatar" class="w-10 h-10 rounded-full mr-3" src="" alt="User Avatar">
+                <div id="user-profile" class="hidden flex items-center space-x-4">
+                    <img id="user-avatar" class="w-10 h-10 rounded-full" src="" alt="User Avatar">
                     <span id="user-name" class="font-medium text-gray-700"></span>
+                    <button id="sign-out-btn" class="text-gray-500 hover:text-gray-700">
+                        <i class="fas fa-sign-out-alt"></i>
+                    </button>
                 </div>
             </div>
         </header>
@@ -373,18 +376,10 @@
             </section>
         </main>
 
-        <!-- Footer with Pricing Info -->
+        <!-- Footer -->
         <footer class="mt-12 bg-white py-8 border-t border-gray-200">
-            <div class="container mx-auto px-4">
-                <h3 class="text-xl font-bold text-center mb-4">Ready to create your AI Clone?</h3>
-                <div class="flex justify-center">
-                    <a href="#pricing" class="bg-indigo-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-indigo-700 transition">
-                        View Pricing Plans
-                    </a>
-                </div>
-                <div class="mt-8 text-center text-gray-600">
-                    <p>Choose the plan that works best for you</p>
-                </div>
+            <div class="container mx-auto px-4 text-center text-gray-600">
+                <p>© 2023 AI Clone. All rights reserved.</p>
             </div>
         </footer>
         
@@ -403,6 +398,9 @@
             name: "John Doe",
             avatar: "https://randomuser.me/api/portraits/men/1.jpg"
         };
+
+        // DOM Elements
+        const signOutBtn = document.getElementById('sign-out-btn');
         
         // Mock generated avatars
         const mockAvatars = [
@@ -452,6 +450,7 @@
         
         // Event Listeners
         signInBtn.addEventListener('click', handleSignIn);
+        signOutBtn.addEventListener('click', handleSignOut);
         imageUpload.addEventListener('click', () => imageInput.click());
         zipUpload.addEventListener('click', () => zipInput.click());
         imageInput.addEventListener('change', handleImageUpload);
@@ -472,8 +471,28 @@
             userName.textContent = mockUser.name;
             userAvatar.src = mockUser.avatar;
             
-            // Show upload section after sign in
-            document.getElementById('create').classList.remove('hidden');
+            // Show upload section after sign in and scroll to it
+            const uploadSection = document.getElementById('create');
+            uploadSection.classList.remove('hidden');
+            window.scrollTo({
+                top: uploadSection.offsetTop - 80,
+                behavior: 'smooth'
+            });
+        }
+
+        function handleSignOut() {
+            signInBtn.classList.remove('hidden');
+            userProfile.classList.add('hidden');
+            
+            // Hide upload section and clear any uploaded images
+            document.getElementById('create').classList.add('hidden');
+            clearImages();
+            
+            // Scroll back to top
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
         }
         
         function handleImageUpload(e) {