diff --git a/.idea/dataSources.local.xml b/.idea/dataSources.local.xml
index 578c9e8e..586413f7 100644
--- a/.idea/dataSources.local.xml
+++ b/.idea/dataSources.local.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="dataSourceStorageLocal" created-in="WS-241.15989.47">
+  <component name="dataSourceStorageLocal" created-in="WS-241.15989.105">
     <data-source name="@localhost" uuid="791709d9-b4c0-4b2f-87d0-642aa59a89d3">
       <database-info product="MySQL" version="8.2.0" jdbc-version="4.2" driver-name="MySQL Connector/J" driver-version="mysql-connector-java-8.0.25 (Revision: 08be9e9b4cba6aa115f9b27b215887af40b159e0)" dbms="MYSQL" exact-version="8.2.0" exact-driver-version="8.0">
         <extra-name-characters>#@</extra-name-characters>
diff --git a/MovieVerse-Frontend/html/about.html b/MovieVerse-Frontend/html/about.html
index 0758b2ab..157ca972 100644
--- a/MovieVerse-Frontend/html/about.html
+++ b/MovieVerse-Frontend/html/about.html
@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <main id="main2" style="margin: 0 auto">
         <h2 id="aboutHeader" style="align-self: center; cursor: pointer">About The MovieVerse</h2>
 
-        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film!</p>
+        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
+
+        <div style="width: 100%">
+            <img id="logo" src="../../images/uwu.webp" alt="The MovieVerse" style="width: 200px; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)">
+        </div>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }
diff --git a/MovieVerse-Frontend/html/movie-timeline.html b/MovieVerse-Frontend/html/movie-timeline.html
index 1a5f5a22..3621d4ed 100644
--- a/MovieVerse-Frontend/html/movie-timeline.html
+++ b/MovieVerse-Frontend/html/movie-timeline.html
@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/about.html b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/about.html
index 0758b2ab..157ca972 100644
--- a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/about.html
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/about.html
@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <main id="main2" style="margin: 0 auto">
         <h2 id="aboutHeader" style="align-self: center; cursor: pointer">About The MovieVerse</h2>
 
-        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film!</p>
+        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
+
+        <div style="width: 100%">
+            <img id="logo" src="../../images/uwu.webp" alt="The MovieVerse" style="width: 200px; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)">
+        </div>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/movie-timeline.html b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/movie-timeline.html
index 1a5f5a22..3621d4ed 100644
--- a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/movie-timeline.html
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/movie-timeline.html
@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/LICENSE b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/LICENSE
index 19d3d823..a0ef1b39 100644
--- a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/LICENSE
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Son Nguyen Hoang
+Copyright (c) 2024 Son Nguyen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-120x120.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-120x120.png
index 907cec2b..1f883b16 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-120x120.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-120x120.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-128x128.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-128x128.png
index 1e6bfc92..fe5dfb03 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-128x128.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-128x128.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-144x144.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-144x144.png
index 5d58168c..3abef526 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-144x144.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-144x144.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-192x192.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-192x192.png
index 5b71cfb2..ac946df6 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-192x192.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-192x192.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-384x384.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-384x384.png
index 1197beb1..693f24ee 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-384x384.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-384x384.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-512x512.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-512x512.png
index e753d24c..5df11718 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-512x512.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-512x512.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-72x72.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-72x72.png
index a38964ba..f656e9c5 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-72x72.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-72x72.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-96x96.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-96x96.png
index 923e30b2..2a96525e 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-96x96.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image-96x96.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image.png b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image.png
index 3646fc22..b6b13b15 100644
Binary files a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image.png and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/image.png differ
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/uwu.webp b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/uwu.webp
new file mode 100644
index 00000000..9283b826
Binary files /dev/null and b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/uwu.webp differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/about.html b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/about.html
index 0758b2ab..157ca972 100644
--- a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/about.html
+++ b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/about.html
@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <main id="main2" style="margin: 0 auto">
         <h2 id="aboutHeader" style="align-self: center; cursor: pointer">About The MovieVerse</h2>
 
-        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film!</p>
+        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
+
+        <div style="width: 100%">
+            <img id="logo" src="../../images/uwu.webp" alt="The MovieVerse" style="width: 200px; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)">
+        </div>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }
diff --git a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/movie-timeline.html b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/movie-timeline.html
index 1a5f5a22..3621d4ed 100644
--- a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/movie-timeline.html
+++ b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/movie-timeline.html
@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/LICENSE b/MovieVerse-Mobile/platforms/ios/www/images/LICENSE
index 19d3d823..a0ef1b39 100644
--- a/MovieVerse-Mobile/platforms/ios/www/images/LICENSE
+++ b/MovieVerse-Mobile/platforms/ios/www/images/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Son Nguyen Hoang
+Copyright (c) 2024 Son Nguyen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-120x120.png b/MovieVerse-Mobile/platforms/ios/www/images/image-120x120.png
index 907cec2b..1f883b16 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-120x120.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-120x120.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-128x128.png b/MovieVerse-Mobile/platforms/ios/www/images/image-128x128.png
index 1e6bfc92..fe5dfb03 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-128x128.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-128x128.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-144x144.png b/MovieVerse-Mobile/platforms/ios/www/images/image-144x144.png
index 5d58168c..3abef526 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-144x144.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-144x144.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-192x192.png b/MovieVerse-Mobile/platforms/ios/www/images/image-192x192.png
index 5b71cfb2..ac946df6 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-192x192.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-192x192.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-384x384.png b/MovieVerse-Mobile/platforms/ios/www/images/image-384x384.png
index 1197beb1..693f24ee 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-384x384.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-384x384.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-512x512.png b/MovieVerse-Mobile/platforms/ios/www/images/image-512x512.png
index e753d24c..5df11718 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-512x512.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-512x512.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-72x72.png b/MovieVerse-Mobile/platforms/ios/www/images/image-72x72.png
index a38964ba..f656e9c5 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-72x72.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-72x72.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image-96x96.png b/MovieVerse-Mobile/platforms/ios/www/images/image-96x96.png
index 923e30b2..2a96525e 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image-96x96.png and b/MovieVerse-Mobile/platforms/ios/www/images/image-96x96.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/image.png b/MovieVerse-Mobile/platforms/ios/www/images/image.png
index 3646fc22..b6b13b15 100644
Binary files a/MovieVerse-Mobile/platforms/ios/www/images/image.png and b/MovieVerse-Mobile/platforms/ios/www/images/image.png differ
diff --git a/MovieVerse-Mobile/platforms/ios/www/images/uwu.webp b/MovieVerse-Mobile/platforms/ios/www/images/uwu.webp
new file mode 100644
index 00000000..9283b826
Binary files /dev/null and b/MovieVerse-Mobile/platforms/ios/www/images/uwu.webp differ
diff --git a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/about.html b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/about.html
index 0758b2ab..157ca972 100644
--- a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/about.html
+++ b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/about.html
@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <main id="main2" style="margin: 0 auto">
         <h2 id="aboutHeader" style="align-self: center; cursor: pointer">About The MovieVerse</h2>
 
-        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film!</p>
+        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for more than <strong>150,000</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
+
+        <div style="width: 100%">
+            <img id="logo" src="../../images/uwu.webp" alt="The MovieVerse" style="width: 200px; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)">
+        </div>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }
diff --git a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/movie-timeline.html b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/movie-timeline.html
index 1a5f5a22..3621d4ed 100644
--- a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/movie-timeline.html
+++ b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/movie-timeline.html
@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>
diff --git a/MovieVerse-Mobile/www/images/LICENSE b/MovieVerse-Mobile/www/images/LICENSE
index 19d3d823..a0ef1b39 100644
--- a/MovieVerse-Mobile/www/images/LICENSE
+++ b/MovieVerse-Mobile/www/images/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Son Nguyen Hoang
+Copyright (c) 2024 Son Nguyen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/MovieVerse-Mobile/www/images/image-120x120.png b/MovieVerse-Mobile/www/images/image-120x120.png
index 907cec2b..1f883b16 100644
Binary files a/MovieVerse-Mobile/www/images/image-120x120.png and b/MovieVerse-Mobile/www/images/image-120x120.png differ
diff --git a/MovieVerse-Mobile/www/images/image-128x128.png b/MovieVerse-Mobile/www/images/image-128x128.png
index 1e6bfc92..fe5dfb03 100644
Binary files a/MovieVerse-Mobile/www/images/image-128x128.png and b/MovieVerse-Mobile/www/images/image-128x128.png differ
diff --git a/MovieVerse-Mobile/www/images/image-144x144.png b/MovieVerse-Mobile/www/images/image-144x144.png
index 5d58168c..3abef526 100644
Binary files a/MovieVerse-Mobile/www/images/image-144x144.png and b/MovieVerse-Mobile/www/images/image-144x144.png differ
diff --git a/MovieVerse-Mobile/www/images/image-192x192.png b/MovieVerse-Mobile/www/images/image-192x192.png
index 5b71cfb2..ac946df6 100644
Binary files a/MovieVerse-Mobile/www/images/image-192x192.png and b/MovieVerse-Mobile/www/images/image-192x192.png differ
diff --git a/MovieVerse-Mobile/www/images/image-384x384.png b/MovieVerse-Mobile/www/images/image-384x384.png
index 1197beb1..693f24ee 100644
Binary files a/MovieVerse-Mobile/www/images/image-384x384.png and b/MovieVerse-Mobile/www/images/image-384x384.png differ
diff --git a/MovieVerse-Mobile/www/images/image-512x512.png b/MovieVerse-Mobile/www/images/image-512x512.png
index e753d24c..5df11718 100644
Binary files a/MovieVerse-Mobile/www/images/image-512x512.png and b/MovieVerse-Mobile/www/images/image-512x512.png differ
diff --git a/MovieVerse-Mobile/www/images/image-72x72.png b/MovieVerse-Mobile/www/images/image-72x72.png
index a38964ba..f656e9c5 100644
Binary files a/MovieVerse-Mobile/www/images/image-72x72.png and b/MovieVerse-Mobile/www/images/image-72x72.png differ
diff --git a/MovieVerse-Mobile/www/images/image-96x96.png b/MovieVerse-Mobile/www/images/image-96x96.png
index 923e30b2..2a96525e 100644
Binary files a/MovieVerse-Mobile/www/images/image-96x96.png and b/MovieVerse-Mobile/www/images/image-96x96.png differ
diff --git a/MovieVerse-Mobile/www/images/image.png b/MovieVerse-Mobile/www/images/image.png
index 3646fc22..b6b13b15 100644
Binary files a/MovieVerse-Mobile/www/images/image.png and b/MovieVerse-Mobile/www/images/image.png differ
diff --git a/MovieVerse-Mobile/www/images/uwu.webp b/MovieVerse-Mobile/www/images/uwu.webp
new file mode 100644
index 00000000..9283b826
Binary files /dev/null and b/MovieVerse-Mobile/www/images/uwu.webp differ
diff --git a/images/image-120x120.png b/images/image-120x120.png
index 907cec2b..1f883b16 100644
Binary files a/images/image-120x120.png and b/images/image-120x120.png differ
diff --git a/images/image-128x128.png b/images/image-128x128.png
index 1e6bfc92..fe5dfb03 100644
Binary files a/images/image-128x128.png and b/images/image-128x128.png differ
diff --git a/images/image-144x144.png b/images/image-144x144.png
index 5d58168c..3abef526 100644
Binary files a/images/image-144x144.png and b/images/image-144x144.png differ
diff --git a/images/image-192x192.png b/images/image-192x192.png
index 5b71cfb2..ac946df6 100644
Binary files a/images/image-192x192.png and b/images/image-192x192.png differ
diff --git a/images/image-384x384.png b/images/image-384x384.png
index 1197beb1..693f24ee 100644
Binary files a/images/image-384x384.png and b/images/image-384x384.png differ
diff --git a/images/image-512x512.png b/images/image-512x512.png
index e753d24c..5df11718 100644
Binary files a/images/image-512x512.png and b/images/image-512x512.png differ
diff --git a/images/image-72x72.png b/images/image-72x72.png
index a38964ba..f656e9c5 100644
Binary files a/images/image-72x72.png and b/images/image-72x72.png differ
diff --git a/images/image-96x96.png b/images/image-96x96.png
index 923e30b2..2a96525e 100644
Binary files a/images/image-96x96.png and b/images/image-96x96.png differ
diff --git a/images/image.png b/images/image.png
index 3646fc22..b6b13b15 100644
Binary files a/images/image.png and b/images/image.png differ
diff --git a/images/uwu.webp b/images/uwu.webp
new file mode 100644
index 00000000..9283b826
Binary files /dev/null and b/images/uwu.webp differ