From ba27fc97f2d70002309b682f5878e4d031920fe7 Mon Sep 17 00:00:00 2001
From: Son Nguyen Hoang <hoangson091104@gmail.com>
Date: Sun, 3 Mar 2024 03:16:08 -0500
Subject: [PATCH] Fix: Enhanced search feature (#62)

---
 404.html                                      |  20 +-
 MovieVerse-Frontend/html/404.html             |  20 +-
 MovieVerse-Frontend/html/about.html           |   2 +-
 MovieVerse-Frontend/html/actor-details.html   |   2 +-
 MovieVerse-Frontend/html/analytics.html       |  14 +-
 MovieVerse-Frontend/html/api_fails.html       |  22 +-
 MovieVerse-Frontend/html/chatbot.html         | 328 ++++------------
 .../html/christopher-nolan.html               |   2 +-
 MovieVerse-Frontend/html/company-details.html | 363 +++++-------------
 MovieVerse-Frontend/html/create-account.html  |   2 +-
 .../html/director-details.html                |   2 +-
 MovieVerse-Frontend/html/favorites.html       |   2 +-
 MovieVerse-Frontend/html/feedback.html        |  20 +-
 MovieVerse-Frontend/html/inception.html       |   2 +-
 .../html/leonardo-dicaprio.html               |   2 +-
 MovieVerse-Frontend/html/movie-details.html   |   5 +-
 MovieVerse-Frontend/html/movie-match.html     |  14 +-
 MovieVerse-Frontend/html/movie-timeline.html  |  14 +-
 MovieVerse-Frontend/html/offline.html         | 188 +--------
 MovieVerse-Frontend/html/privacy-policy.html  |   2 +-
 MovieVerse-Frontend/html/reset-password.html  | 179 +--------
 MovieVerse-Frontend/html/search.html          |   2 +-
 MovieVerse-Frontend/html/settings.html        | 177 +--------
 MovieVerse-Frontend/html/sign-in.html         |  20 +-
 MovieVerse-Frontend/html/support.html         |  20 +-
 .../html/terms-of-service.html                |  21 +-
 MovieVerse-Frontend/html/trivia.html          | 339 ++++------------
 MovieVerse-Frontend/html/tv-details.html      |   4 +-
 MovieVerse-Frontend/html/user-profile.html    |   4 +-
 index.html                                    |   5 +-
 30 files changed, 474 insertions(+), 1323 deletions(-)

diff --git a/404.html b/404.html
index 34fa76de..3b302700 100644
--- a/404.html
+++ b/404.html
@@ -461,6 +461,24 @@ <h1 id="my-heading" style="margin-bottom: -10px">
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -470,7 +488,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/404.html b/MovieVerse-Frontend/html/404.html
index c9239b84..91c7361d 100644
--- a/MovieVerse-Frontend/html/404.html
+++ b/MovieVerse-Frontend/html/404.html
@@ -465,6 +465,24 @@ <h1 id="my-heading" style="margin-bottom: -10px">
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -474,7 +492,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/about.html b/MovieVerse-Frontend/html/about.html
index 5216d67c..5feb1c1d 100644
--- a/MovieVerse-Frontend/html/about.html
+++ b/MovieVerse-Frontend/html/about.html
@@ -591,7 +591,7 @@ <h3 id="subheading">Useful Links:</h3>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/actor-details.html b/MovieVerse-Frontend/html/actor-details.html
index 5276dce9..ff955029 100644
--- a/MovieVerse-Frontend/html/actor-details.html
+++ b/MovieVerse-Frontend/html/actor-details.html
@@ -237,7 +237,7 @@ <h2 id="actor-name" class="actor-header"></h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/analytics.html b/MovieVerse-Frontend/html/analytics.html
index 04dbbf3c..7cb58842 100644
--- a/MovieVerse-Frontend/html/analytics.html
+++ b/MovieVerse-Frontend/html/analytics.html
@@ -217,6 +217,18 @@ <h2 class="chart-title">Movie Releases by Countries</h2>
     </script>
 
     <script>
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -226,7 +238,7 @@ <h2 class="chart-title">Movie Releases by Countries</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/api_fails.html b/MovieVerse-Frontend/html/api_fails.html
index 04bce47b..f872ba2a 100644
--- a/MovieVerse-Frontend/html/api_fails.html
+++ b/MovieVerse-Frontend/html/api_fails.html
@@ -399,7 +399,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
         }
     </script>
 
-    <footer>
+    <footer style="margin-top: 500px">
         <a href="../../index.html" style="cursor: pointer; text-decoration: none">
             <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
         </a>
@@ -466,6 +466,24 @@ <h1 id="my-heading" style="margin-bottom: -10px">
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -475,7 +493,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/chatbot.html b/MovieVerse-Frontend/html/chatbot.html
index 9b9c1408..de4a1511 100644
--- a/MovieVerse-Frontend/html/chatbot.html
+++ b/MovieVerse-Frontend/html/chatbot.html
@@ -94,270 +94,96 @@
 </head>
 
 <body>
-    <header id="header">
-        <div id="header-title">
-            <a href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer" title="Click to go back to the home page">
-                <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 10px">
-                    The Mo<span class="highlight">vieV</span>erse
-                </h1>
-            </a>
-        </div>
-
-        <div id="local-time" style="cursor: pointer; margin-left: 5px" title="Click to view more of your stats!">
-            <p id="stats-label" class="clock" style="font-size: 16px;"></p>
-            <div id="stats-display" class="clock" style="font-size: 1.25em; font-weight: bold;"></div>
-        </div>
-
-        <button class="back-btn" onclick="window.location.href='../../index.html'">Home</button>
-        <button class="about" onclick="window.location.href='about.html'">About</button>
-        <button class="favorites-btn" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
-
-        <button id="googleSignInBtn" class="nav-btn" onclick="handleSignInOut()" title="Sign In/Out">
-            <span id="signInOutText">Sign In</span>
-            <i class="fas fa-sign-in-alt" id="signInIcon"></i>
-            <i class="fas fa-sign-out-alt" id="signOutIcon" style="display: none;"></i>
-        </button>
-
-        <button id="profileBtn" class="nav-btn" onclick="window.location.href='user-profile.html'" title="Go to your profile">
-            <span id="profileText">Profile</span>
-            <i class="fas fa-user" id="profileIcon"></i>
-        </button>
-
-        <div id="search-container" style="margin-top: 10px">
-            <form id="form1">
-                <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!" />
-                <button type="button" id="button-search" onclick="handleSearch()">Search</button>
-                <div id="search-results" class="search-results"></div>
-                <div class="buttons-container">
-                    <button type="button" id="view-all-results" style="display: none;">View more results</button>
-                    <button type="button" id="clear-search" style="display: none">Clear</button>
-                </div>
-            </form>
-        </div>
-    </header>
-
-    <div id="bot-header">
-        <h2 id="search-title">The <span class="highlight1">MovieVerse</span> Assistant</h2>
-        <button id="clear-search-btn" style="display: none;">Clear Search Results</button>
-        <h4 id="alt-title" style="font-weight: normal; font-size: 15px">Dive deep into the movie world with our expert assistant!</h4>
+<header id="header">
+    <div id="header-title">
+        <a href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer" title="Click to go back to the home page">
+            <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 10px">
+                The Mo<span class="highlight">vieV</span>erse
+            </h1>
+        </a>
     </div>
 
-    <main id="main">
-        <div id="chatbotContainer">
-            <div id="chatbotHeader">The MovieVerse Assistant</div>
-            <div id="chatbotBody"></div>
-            <input id="chatbotInput" type="text" placeholder="Ask me about anything..." title="Type your message here"/>
-            <button id="sendButton" title="Send this message">Send</button>
-        </div>
-    </main>
-
-    <button id="alt-home-btn" onclick="window.location.href='../../index.html'">Home</button>
-    <button id="settings-btn" style="position: fixed; bottom: 150px">Settings</button>
-    <button id="movie-match-btn2" onclick="window.location.href='movie-match.html'" style="bottom: 115px" title="Find a movie that matches your mood, genre, and time period!">Movie Match</button>
-    <button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 80px">Movie Timeline</button>
-    <button id="movie-of-the-day-btn" onclick="showMovieOfTheDay()" title="Get a recommended movie to watch for today!" style="bottom: 45px">Recommendation</button>
-    <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 10px">MovieVerse Trivia</button>
-
-    <script src="../js/chatbot.js"></script>
-
-    <script>
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const savedBg = localStorage.getItem('backgroundImage');
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
+    <div id="local-time" style="cursor: pointer; margin-left: 5px" title="Click to view more of your stats!">
+        <p id="stats-label" class="clock" style="font-size: 16px;"></p>
+        <div id="stats-display" class="clock" style="font-size: 1.25em; font-weight: bold;"></div>
+    </div>
 
+    <button class="back-btn" onclick="window.location.href='../../index.html'">Home</button>
+    <button class="about" onclick="window.location.href='about.html'">About</button>
+    <button class="favorites-btn" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
+
+    <button id="googleSignInBtn" class="nav-btn" onclick="handleSignInOut()" title="Sign In/Out">
+        <span id="signInOutText">Sign In</span>
+        <i class="fas fa-sign-in-alt" id="signInIcon"></i>
+        <i class="fas fa-sign-out-alt" id="signOutIcon" style="display: none;"></i>
+    </button>
+
+    <button id="profileBtn" class="nav-btn" onclick="window.location.href='user-profile.html'" title="Go to your profile">
+        <span id="profileText">Profile</span>
+        <i class="fas fa-user" id="profileIcon"></i>
+    </button>
+
+    <div id="search-container" style="margin-top: 10px">
+        <form id="form">
+            <input type="text" id="search" style="width: 216px" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!"/>
+            <button type="button" id="button-search" onclick="handleSearch()">Search</button>
+        </form>
+    </div>
+</header>
+
+<div id="bot-header">
+    <h2 id="search-title">The <span class="highlight1">MovieVerse</span> Assistant</h2>
+    <button id="clear-search-btn" style="display: none;">Clear Search Results</button>
+    <h4 id="alt-title" style="font-weight: normal; font-size: 15px">Dive deep into the movie world with our expert assistant!</h4>
+</div>
+
+<main id="main">
+    <div id="chatbotContainer">
+        <div id="chatbotHeader">The MovieVerse Assistant</div>
+        <div id="chatbotBody"></div>
+        <input id="chatbotInput" type="text" placeholder="Ask me about anything..." title="Type your message here"/>
+        <button id="sendButton" title="Send this message">Send</button>
+    </div>
+</main>
 
-                if (savedBg) {
-                    document.body.style.backgroundImage = `url('${savedBg}')`;
-                }
-                if (savedTextColor) {
-                    document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
-                        element.style.color = savedTextColor;
-                    });
-                }
-                if (savedFontSize) {
-                    const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
-                    document.body.style.fontSize = size;
-                }
-            }
-        });
-    </script>
+<button id="alt-home-btn" onclick="window.location.href='../../index.html'">Home</button>
+<button id="settings-btn" style="position: fixed; bottom: 150px">Settings</button>
+<button id="movie-match-btn2" onclick="window.location.href='movie-match.html'" style="bottom: 115px" title="Find a movie that matches your mood, genre, and time period!">Movie Match</button>
+<button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 80px">Movie Timeline</button>
+<button id="movie-of-the-day-btn" onclick="showMovieOfTheDay()" title="Get a recommended movie to watch for today!" style="bottom: 45px">Recommendation</button>
+<button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 10px">MovieVerse Trivia</button>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
+<script src="../js/chatbot.js"></script>
 
-            function toggleVisibility() {
-                const query = searchBar.value.trim();
-                if (query) {
-                    if (window.innerWidth > 800) {
-                        myHeading.style.display = 'none';
-                        localTime.style.display = 'none';
-                    }
-                    else {
-                        myHeading.style.display = '';
-                        localTime.style.display = '';
-                    }
-                }
-                else {
-                    myHeading.style.display = '';
-                    localTime.style.display = '';
-                }
-            }
+<script>
+    document.getElementById('settings-btn').addEventListener('click', () => {
+        window.location.href = 'settings.html';
+    });
 
-            searchBar.addEventListener('input', toggleVisibility);
+    document.addEventListener('DOMContentLoaded', () => {
+        applySettings();
 
-            toggleVisibility();
-        });
-    </script>
+        function applySettings() {
+            const savedBg = localStorage.getItem('backgroundImage');
+            const savedTextColor = localStorage.getItem('textColor');
+            const savedFontSize = localStorage.getItem('fontSize');
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('search');
-            const viewAllResultsBtn = document.getElementById('view-all-results');
-            const clearSearchBtn = document.getElementById('clear-search');
-            const searchResultsContainer = document.getElementById('search-results');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
 
-            function toggleButtons() {
-                const query = searchInput.value.trim();
-                viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+            if (savedBg) {
+                document.body.style.backgroundImage = `url('${savedBg}')`;
             }
-
-            clearSearchBtn.addEventListener('click', function() {
-                searchInput.value = '';
-                searchResultsContainer.innerHTML = '';
-                toggleButtons();
-                searchInput.focus();
-                myHeading.style.display = '';
-                localTime.style.display = '';
-            });
-
-            toggleButtons();
-
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            displaySearchResults(data.results.slice(0, 5));
-                        }).catch(err => console.error("Fetching error:", err));
-                }
-                else {
-                    document.getElementById('search-results').innerHTML = '';
-                }
-
-                searchInput.addEventListener('input', function() {
-                    if (searchInput.value.trim()) {
-                        viewAllResultsBtn.style.display = 'block';
-                    }
-                    else {
-                        viewAllResultsBtn.style.display = 'none';
-                    }
-                });
-
-                viewAllResultsBtn.addEventListener('click', function() {
-                    const searchQuery = searchInput.value.trim();
-                    if (searchQuery) {
-                        localStorage.setItem('searchQuery', searchQuery);
-                        window.location.href = 'search.html';
-                    }
-                    else {
-                        alert('Please enter a search query.');
-                    }
-                });
-            });
-
-            function displaySearchResults(results) {
-                const resultsContainer = document.getElementById('search-results');
-                resultsContainer.innerHTML = '';
-
-                results.forEach(item => {
-                    const card = document.createElement('div');
-                    card.className = 'search-result-card';
-                    card.style.cursor = 'pointer';
-
-                    const imagePath = item.poster_path || item.profile_path ? `https://image.tmdb.org/t/p/w500${item.poster_path || item.profile_path}` : 'path/to/your/default-image.jpg';
-                    const image = document.createElement('img');
-                    image.src = imagePath;
-                    image.className = 'result-image';
-                    card.appendChild(image);
-
-                    const details = document.createElement('div');
-                    details.className = 'result-details';
-
-                    const name = document.createElement('div');
-                    name.className = 'result-name';
-                    name.textContent = item.title || item.name;
-                    details.appendChild(name);
-
-                    const type = document.createElement('div');
-                    type.className = 'result-type';
-                    type.textContent = item.media_type === 'movie' ? 'Movie' : item.media_type === 'tv' ? 'TV Series' : 'Person';
-                    details.appendChild(type);
-
-                    card.appendChild(details);
-                    resultsContainer.appendChild(card);
-
-                    card.addEventListener('click', () => handleResultClick(item));
+            if (savedTextColor) {
+                document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
+                    element.style.color = savedTextColor;
                 });
             }
-
-            async function handleResultClick(item) {
-                if (item.media_type === 'movie') {
-                    localStorage.setItem('selectedMovieId', item.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else if (item.media_type === 'tv') {
-                    localStorage.setItem('selectedTvSeriesId', item.id);
-                    window.location.href = 'tv-details.html';
-                }
-                else if (item.media_type === 'person') {
-                    try {
-                        const personDetailsUrl = `https://${getMovieVerseData()}/3/person/${item.id}?${generateMovieNames()}${getMovieCode()}`;
-                        const response = await fetch(personDetailsUrl);
-                        const personDetails = await response.json();
-                        if (personDetails.known_for_department === 'Directing') {
-                            localStorage.setItem('selectedDirectorId', item.id);
-                            window.location.href = 'director-details.html?' + item.id;
-                        }
-                        else {
-                            localStorage.setItem('selectedActorId', item.id);
-                            window.location.href = 'actor-details.html?' + item.id;
-                        }
-                    }
-                    catch (error) {
-                        console.error('Error fetching person details:', error);
-                    }
-                }
+            if (savedFontSize) {
+                const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
+                document.body.style.fontSize = size;
             }
-        });
-    </script>
-
+        }
+    });
+</script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/MovieVerse-Frontend/html/christopher-nolan.html b/MovieVerse-Frontend/html/christopher-nolan.html
index b22266e6..cb3821e3 100644
--- a/MovieVerse-Frontend/html/christopher-nolan.html
+++ b/MovieVerse-Frontend/html/christopher-nolan.html
@@ -199,7 +199,7 @@ <h2 id="director-name" class="director-header"></h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/company-details.html b/MovieVerse-Frontend/html/company-details.html
index 20cb3d12..7b45a748 100644
--- a/MovieVerse-Frontend/html/company-details.html
+++ b/MovieVerse-Frontend/html/company-details.html
@@ -65,293 +65,120 @@
 </head>
 
 <body class="movie-details-body">
-    <header style="margin-bottom: -60px; margin-top: -5px">
-        <a id="indexLink" href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer" title="Click to go back to the home page">
-            <h1 id="my-heading" style="margin-bottom: -10px">
-                The Mo<span class="highlight">vieV</span>erse
-            </h1>
-        </a>
-        <div id="local-time" style="cursor: pointer" title="Click to view more of your stats!">
-            <p id="stats-label" class="clock" style="font-size: 16px;"></p>
-            <div id="stats-display" class="clock" style="font-size: 1.25em; font-weight: bold;"></div>
-        </div>
-        <button class="back-btn" onclick="window.location.href='../../index.html'">Home</button>
-        <button class="about" onclick="window.location.href='about.html'">About</button>
-        <button class="favorites-btn" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
-        <button id="googleSignInBtn" class="nav-btn" onclick="handleSignInOut()" title="Sign In/Out">
-            <span id="signInOutText">Sign In</span>
-            <i class="fas fa-sign-in-alt" id="signInIcon"></i>
-            <i class="fas fa-sign-out-alt" id="signOutIcon" style="display: none;"></i>
-        </button>
-        <button id="profileBtn" class="nav-btn" onclick="window.location.href='user-profile.html'" title="Go to your profile">
-            <span id="profileText">Profile</span>
-            <i class="fas fa-user" id="profileIcon"></i>
-        </button>
-        <form id="form1">
-            <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!" />
-            <button type="button" id="button-search" onclick="handleSearch()">Search</button>
-            <div id="search-results" class="search-results"></div>
-            <div class="buttons-container">
-                <button type="button" id="view-all-results" style="display: none;">View more results</button>
-                <button type="button" id="clear-search" style="display: none">Clear</button>
-            </div>
-        </form>
-    </header>
-
-    <div class="genres" style="margin-left: 25px; margin-top: 5px">
-        <h2 id="search-title"></h2>
-        <button id="clear-search-btn" style="display: none;">Clear Search Results</button>
-    </div>
-
-    <div id="myModal" class="modal-overlay">
-        <div class="spinner"></div>
+<header style="margin-bottom: -60px; margin-top: -5px">
+    <a id="indexLink" href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer" title="Click to go back to the home page">
+        <h1 id="my-heading" style="margin-bottom: -10px">
+            The Mo<span class="highlight">vieV</span>erse
+        </h1>
+    </a>
+    <div id="local-time" style="cursor: pointer" title="Click to view more of your stats!">
+        <p id="stats-label" class="clock" style="font-size: 16px;"></p>
+        <div id="stats-display" class="clock" style="font-size: 1.25em; font-weight: bold;"></div>
     </div>
-
-    <main id="main" style="margin-left: 25px; height: 0">
-
-    </main>
-
-    <div class="details-container" id="company-details-container" style="margin-bottom: 120px">
-        <div class="company-left">
-            <div class="title-logo-container">
-                <h2 id="company-name" class="company-header"></h2>
-                <img id="company-logo" alt="Loading Company Details..." style="width: 25vw; background-color: #ffffff; border-radius: 8px"/>
-            </div>
-        </div>
-
-        <div class="company-right">
-            <p id="company-description" class="company-description"></p>
-            <p><strong>Headquarters:</strong> <span id="company-headquarters"></span></p>
-            <p><strong>Country:</strong> <span id="company-country"></span></p>
-            <p><strong>Website:</strong> <a id="company-website" href="" target="_blank"></a></p>
-            <p><strong>Produced Movies:</strong></p>
-            <div id="company-movies-list" class="movies-list"></div>
+    <button class="back-btn" onclick="window.location.href='../../index.html'">Home</button>
+    <button class="about" onclick="window.location.href='about.html'">About</button>
+    <button class="favorites-btn" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
+    <button id="googleSignInBtn" class="nav-btn" onclick="handleSignInOut()" title="Sign In/Out">
+        <span id="signInOutText">Sign In</span>
+        <i class="fas fa-sign-in-alt" id="signInIcon"></i>
+        <i class="fas fa-sign-out-alt" id="signOutIcon" style="display: none;"></i>
+    </button>
+    <button id="profileBtn" class="nav-btn" onclick="window.location.href='user-profile.html'" title="Go to your profile">
+        <span id="profileText">Profile</span>
+        <i class="fas fa-user" id="profileIcon"></i>
+    </button>
+    <form id="form">
+        <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!"/>
+        <button type="button" id="button-search" onclick="handleSearch()">Search</button>
+    </form>
+</header>
+
+<div class="genres" style="margin-left: 25px; margin-top: 5px">
+    <h2 id="search-title"></h2>
+    <button id="clear-search-btn" style="display: none;">Clear Search Results</button>
+</div>
+
+<div id="myModal" class="modal-overlay">
+    <div class="spinner"></div>
+</div>
+
+<main id="main" style="margin-left: 25px; height: 0">
+
+</main>
+
+<div class="details-container" id="company-details-container" style="margin-bottom: 120px">
+    <div class="company-left">
+        <div class="title-logo-container">
+            <h2 id="company-name" class="company-header"></h2>
+            <img id="company-logo" alt="Loading Company Details..." style="width: 25vw; background-color: #ffffff; border-radius: 8px"/>
         </div>
     </div>
 
-    <!-- Create a button to go to the settings page -->
-    <button id="settings-btn" style="position: fixed; bottom: 185px">Settings</button>
-
-    <!-- Create a button to go to the Movie Match page -->
-    <button id="movie-match-btn" onclick="window.location.href='movie-match.html'" title="Find movies that match your mood and preferences!" style="bottom: 150px">Movie Match</button>
-
-    <!-- Create a button to go to the Movie Timeline page -->
-    <button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 115px">Movie Timeline</button>
-
-    <!-- Create a button to go to the Recommendation page -->
-    <button id="movie-of-the-day-btn2" onclick="showMovieOfTheDay()" title="Get a recommended movie to watch for today!">Recommendation</button>
-
-    <!-- Create a button to go to the Movie Discussions page -->
-    <button id="discussions-btn" onclick="window.location.href='chatbot.html'" title="Want to know more about movies? Chat with our intelligent chatbot!" style="margin-bottom: -55px">MovieVerse Chatbot</button>
-
-    <!-- Create a button to go to the Trivia Game page -->
-    <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="margin-bottom: -50px" title="Play a quick trivia to test your knowledge about movies!">MovieVerse Trivia</button>
-
-    <script src="../js/company-details.js"></script>
+    <div class="company-right">
+        <p id="company-description" class="company-description"></p>
+        <p><strong>Headquarters:</strong> <span id="company-headquarters"></span></p>
+        <p><strong>Country:</strong> <span id="company-country"></span></p>
+        <p><strong>Website:</strong> <a id="company-website" href="" target="_blank"></a></p>
+        <p><strong>Produced Movies:</strong></p>
+        <div id="company-movies-list" class="movies-list"></div>
+    </div>
+</div>
 
-    <script>
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
+<!-- Create a button to go to the settings page -->
+<button id="settings-btn" style="position: fixed; bottom: 185px">Settings</button>
 
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
+<!-- Create a button to go to the Movie Match page -->
+<button id="movie-match-btn" onclick="window.location.href='movie-match.html'" title="Find movies that match your mood and preferences!" style="bottom: 150px">Movie Match</button>
 
-            function applySettings() {
-                const savedBg = localStorage.getItem('backgroundImage');
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
+<!-- Create a button to go to the Movie Timeline page -->
+<button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 115px">Movie Timeline</button>
 
-                if (savedBg) {
-                    document.body.style.backgroundImage = `url('${savedBg}')`;
-                }
-                if (savedTextColor) {
-                    document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
-                        element.style.color = savedTextColor;
-                    });
-                }
-                if (savedFontSize) {
-                    const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
-                    document.body.style.fontSize = size;
-                }
-            }
-        });
-    </script>
+<!-- Create a button to go to the Recommendation page -->
+<button id="movie-of-the-day-btn2" onclick="showMovieOfTheDay()" title="Get a recommended movie to watch for today!">Recommendation</button>
 
-    <footer style="margin-top: 700px">
-        <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-            <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
-        </a>
-    </footer>
+<!-- Create a button to go to the Movie Discussions page -->
+<button id="discussions-btn" onclick="window.location.href='chatbot.html'" title="Want to know more about movies? Chat with our intelligent chatbot!" style="margin-bottom: -55px">MovieVerse Chatbot</button>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
+<!-- Create a button to go to the Trivia Game page -->
+<button id="trivia-btn" onclick="window.location.href='trivia.html'" style="margin-bottom: -50px" title="Play a quick trivia to test your knowledge about movies!">MovieVerse Trivia</button>
 
-            function toggleVisibility() {
-                const query = searchBar.value.trim();
-                if (query) {
-                    if (window.innerWidth > 800) {
-                        myHeading.style.display = 'none';
-                        localTime.style.display = 'none';
-                    }
-                    else {
-                        myHeading.style.display = '';
-                        localTime.style.display = '';
-                    }
-                }
-                else {
-                    myHeading.style.display = '';
-                    localTime.style.display = '';
-                }
-            }
+<script src="../js/company-details.js"></script>
 
-            searchBar.addEventListener('input', toggleVisibility);
+<script>
+    document.getElementById('settings-btn').addEventListener('click', () => {
+        window.location.href = 'settings.html';
+    });
 
-            toggleVisibility();
-        });
-    </script>
+    document.addEventListener('DOMContentLoaded', () => {
+        applySettings();
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('search');
-            const viewAllResultsBtn = document.getElementById('view-all-results');
-            const clearSearchBtn = document.getElementById('clear-search');
-            const searchResultsContainer = document.getElementById('search-results');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
+        function applySettings() {
+            const savedBg = localStorage.getItem('backgroundImage');
+            const savedTextColor = localStorage.getItem('textColor');
+            const savedFontSize = localStorage.getItem('fontSize');
 
-            function toggleButtons() {
-                const query = searchInput.value.trim();
-                viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+            if (savedBg) {
+                document.body.style.backgroundImage = `url('${savedBg}')`;
             }
-
-            clearSearchBtn.addEventListener('click', function() {
-                searchInput.value = '';
-                searchResultsContainer.innerHTML = '';
-                toggleButtons();
-                searchInput.focus();
-                myHeading.style.display = '';
-                localTime.style.display = '';
-            });
-
-            toggleButtons();
-
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            displaySearchResults(data.results.slice(0, 5));
-                        }).catch(err => console.error("Fetching error:", err));
-                }
-                else {
-                    document.getElementById('search-results').innerHTML = '';
-                }
-
-                searchInput.addEventListener('input', function() {
-                    if (searchInput.value.trim()) {
-                        viewAllResultsBtn.style.display = 'block';
-                    }
-                    else {
-                        viewAllResultsBtn.style.display = 'none';
-                    }
-                });
-
-                viewAllResultsBtn.addEventListener('click', function() {
-                    const searchQuery = searchInput.value.trim();
-                    if (searchQuery) {
-                        localStorage.setItem('searchQuery', searchQuery);
-                        window.location.href = 'search.html';
-                    }
-                    else {
-                        alert('Please enter a search query.');
-                    }
-                });
-            });
-
-            function displaySearchResults(results) {
-                const resultsContainer = document.getElementById('search-results');
-                resultsContainer.innerHTML = '';
-
-                results.forEach(item => {
-                    const card = document.createElement('div');
-                    card.className = 'search-result-card';
-                    card.style.cursor = 'pointer';
-
-                    const imagePath = item.poster_path || item.profile_path ? `https://image.tmdb.org/t/p/w500${item.poster_path || item.profile_path}` : 'path/to/your/default-image.jpg';
-                    const image = document.createElement('img');
-                    image.src = imagePath;
-                    image.className = 'result-image';
-                    card.appendChild(image);
-
-                    const details = document.createElement('div');
-                    details.className = 'result-details';
-
-                    const name = document.createElement('div');
-                    name.className = 'result-name';
-                    name.textContent = item.title || item.name;
-                    details.appendChild(name);
-
-                    const type = document.createElement('div');
-                    type.className = 'result-type';
-                    type.textContent = item.media_type === 'movie' ? 'Movie' : item.media_type === 'tv' ? 'TV Series' : 'Person';
-                    details.appendChild(type);
-
-                    card.appendChild(details);
-                    resultsContainer.appendChild(card);
-
-                    card.addEventListener('click', () => handleResultClick(item));
+            if (savedTextColor) {
+                document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
+                    element.style.color = savedTextColor;
                 });
             }
-
-            async function handleResultClick(item) {
-                if (item.media_type === 'movie') {
-                    localStorage.setItem('selectedMovieId', item.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else if (item.media_type === 'tv') {
-                    localStorage.setItem('selectedTvSeriesId', item.id);
-                    window.location.href = 'tv-details.html';
-                }
-                else if (item.media_type === 'person') {
-                    try {
-                        const personDetailsUrl = `https://${getMovieVerseData()}/3/person/${item.id}?${generateMovieNames()}${getMovieCode()}`;
-                        const response = await fetch(personDetailsUrl);
-                        const personDetails = await response.json();
-                        if (personDetails.known_for_department === 'Directing') {
-                            localStorage.setItem('selectedDirectorId', item.id);
-                            window.location.href = 'director-details.html?' + item.id;
-                        }
-                        else {
-                            localStorage.setItem('selectedActorId', item.id);
-                            window.location.href = 'actor-details.html?' + item.id;
-                        }
-                    }
-                    catch (error) {
-                        console.error('Error fetching person details:', error);
-                    }
-                }
+            if (savedFontSize) {
+                const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
+                document.body.style.fontSize = size;
             }
-        });
-    </script>
+        }
+    });
+</script>
+
+<footer style="margin-top: 700px">
+    <a href="../../index.html" style="cursor: pointer; text-decoration: none">
+        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+    </a>
+</footer>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/MovieVerse-Frontend/html/create-account.html b/MovieVerse-Frontend/html/create-account.html
index 1ac21eb5..aa3443ae 100644
--- a/MovieVerse-Frontend/html/create-account.html
+++ b/MovieVerse-Frontend/html/create-account.html
@@ -476,7 +476,7 @@ <h2>Create Account</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/director-details.html b/MovieVerse-Frontend/html/director-details.html
index 5005ba1d..06d38d52 100644
--- a/MovieVerse-Frontend/html/director-details.html
+++ b/MovieVerse-Frontend/html/director-details.html
@@ -208,7 +208,7 @@ <h2 id="director-name" class="director-header"></h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/favorites.html b/MovieVerse-Frontend/html/favorites.html
index 4ebaf931..3c4ffd94 100644
--- a/MovieVerse-Frontend/html/favorites.html
+++ b/MovieVerse-Frontend/html/favorites.html
@@ -384,7 +384,7 @@ <h4 style="color: white">How to Use MovieVerse Watchlists</h4>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/feedback.html b/MovieVerse-Frontend/html/feedback.html
index 3d787c16..351bfa38 100644
--- a/MovieVerse-Frontend/html/feedback.html
+++ b/MovieVerse-Frontend/html/feedback.html
@@ -530,6 +530,24 @@ <h1>Feedback</h1>
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -539,7 +557,7 @@ <h1>Feedback</h1>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/inception.html b/MovieVerse-Frontend/html/inception.html
index a95a733d..c223e97c 100644
--- a/MovieVerse-Frontend/html/inception.html
+++ b/MovieVerse-Frontend/html/inception.html
@@ -283,7 +283,7 @@ <h3>Add a Comment for This Movie</h3>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/leonardo-dicaprio.html b/MovieVerse-Frontend/html/leonardo-dicaprio.html
index e09545fb..b62f069e 100644
--- a/MovieVerse-Frontend/html/leonardo-dicaprio.html
+++ b/MovieVerse-Frontend/html/leonardo-dicaprio.html
@@ -223,7 +223,7 @@ <h2 id="actor-name" class="actor-header"></h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/movie-details.html b/MovieVerse-Frontend/html/movie-details.html
index c895fb93..5f4aca72 100644
--- a/MovieVerse-Frontend/html/movie-details.html
+++ b/MovieVerse-Frontend/html/movie-details.html
@@ -329,7 +329,7 @@ <h3>Add a Comment for This Movie</h3>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
@@ -359,6 +359,9 @@ <h3>Add a Comment for This Movie</h3>
                         alert('Please enter a search query.');
                     }
                 });
+
+                const buttonContainer = document.querySelector('.buttons-container');
+                buttonContainer.style.marginBottom = '30px';
             });
 
             function displaySearchResults(results) {
diff --git a/MovieVerse-Frontend/html/movie-match.html b/MovieVerse-Frontend/html/movie-match.html
index fdb598ec..b5929004 100644
--- a/MovieVerse-Frontend/html/movie-match.html
+++ b/MovieVerse-Frontend/html/movie-match.html
@@ -286,6 +286,18 @@ <h2 id="search-title">Find Your Movie Match</h2>
     </script>
 
     <script>
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -295,7 +307,7 @@ <h2 id="search-title">Find Your Movie Match</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/movie-timeline.html b/MovieVerse-Frontend/html/movie-timeline.html
index 8bd37602..4397eac9 100644
--- a/MovieVerse-Frontend/html/movie-timeline.html
+++ b/MovieVerse-Frontend/html/movie-timeline.html
@@ -229,6 +229,18 @@ <h1 id="my-heading">
     </script>
 
     <script>
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -238,7 +250,7 @@ <h1 id="my-heading">
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/offline.html b/MovieVerse-Frontend/html/offline.html
index 5cff5cc3..ec20c70f 100644
--- a/MovieVerse-Frontend/html/offline.html
+++ b/MovieVerse-Frontend/html/offline.html
@@ -51,109 +51,7 @@
 
         gtag('config', 'G-CQKJ67FXZ4');
 
-        function rotateUserStats() {
-            const stats = [
-                {
-                    label: "Your Current Time",
-                    getValue: () => {
-                        const now = new Date();
-                        let hours = now.getHours();
-                        let minutes = now.getMinutes();
-                        hours = hours < 10 ? '0' + hours : hours;
-                        minutes = minutes < 10 ? '0' + minutes : minutes;
-                        return `${hours}:${minutes}`;
-                    }
-                },
-                { label: "Most Visited Movie", getValue: getMostVisitedMovie },
-                { label: "Your Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Your Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Your Unique Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Your Favorited Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('favorites')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Your Most Common Favorited Genre",
-                    getValue: getMostCommonGenre
-                },
-                { label: "Your Created Watchlists", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Your Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Your Unique Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Your Unique Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.length;
-                    }
-                },
-                {
-                    label: "Your Unique Production Companies Discovered",
-                    getValue: () => {
-                        const viewedCompanies = JSON.parse(localStorage.getItem('uniqueCompaniesViewed')) || [];
-                        return viewedCompanies.length;
-                    }
-                },
-                { label: "Your Trivia Accuracy", getValue: getTriviaAccuracy }
-            ];
-
-            let currentStatIndex = 0;
 
-            function updateStatDisplay() {
-                const currentStat = stats[currentStatIndex];
-                document.getElementById('stats-label').textContent = currentStat.label + ':';
-                document.getElementById('stats-display').textContent = currentStat.getValue();
-                currentStatIndex = (currentStatIndex + 1) % stats.length;
-            }
-
-            updateStatDisplay();
-
-            const localTimeDiv = document.getElementById('local-time');
-            let statRotationInterval = setInterval(updateStatDisplay, 3000);
-
-            localTimeDiv.addEventListener('click', () => {
-                clearInterval(statRotationInterval);
-                updateStatDisplay();
-                statRotationInterval = setInterval(updateStatDisplay, 3000);
-            });
-        }
-
-        function updateMovieVisitCount(movieId, movieTitle) {
-            let movieVisits = JSON.parse(localStorage.getItem('movieVisits')) || {};
-            if (!movieVisits[movieId]) {
-                movieVisits[movieId] = { count: 0, title: movieTitle };
-            }
-            movieVisits[movieId].count += 1;
-            localStorage.setItem('movieVisits', JSON.stringify(movieVisits));
-        }
-
-        function getMostVisitedMovie() {
-            const movieVisits = JSON.parse(localStorage.getItem('movieVisits')) || {};
-            let mostVisitedMovie = '';
-            let maxVisits = 0;
-
-            for (const movieId in movieVisits) {
-                if (movieVisits[movieId].count > maxVisits) {
-                    mostVisitedMovie = movieVisits[movieId].title;
-                    maxVisits = movieVisits[movieId].count;
-                }
-            }
-            return mostVisitedMovie || 'Not Available';
-        }
 
         document.addEventListener("DOMContentLoaded", function() {
             updateSignInButtonState();
@@ -193,59 +91,6 @@
 
             updateSignInButtonState();
         }
-
-        function getMostVisitedActor() {
-            const actorVisits = JSON.parse(localStorage.getItem('actorVisits')) || {};
-            let mostVisitedActor = '';
-            let maxVisits = 0;
-
-            for (const actorId in actorVisits) {
-                if (actorVisits[actorId].count > maxVisits) {
-                    mostVisitedActor = actorVisits[actorId].name;
-                    maxVisits = actorVisits[actorId].count;
-                }
-            }
-            return mostVisitedActor || 'Not Available';
-        }
-
-        function getMostVisitedDirector() {
-            const directorVisits = JSON.parse(localStorage.getItem('directorVisits')) || {};
-            let mostVisitedDirector = '';
-            let maxVisits = 0;
-
-            for (const directorId in directorVisits) {
-                if (directorVisits[directorId].count > maxVisits) {
-                    mostVisitedDirector = directorVisits[directorId].name;
-                    maxVisits = directorVisits[directorId].count;
-                }
-            }
-            return mostVisitedDirector || 'Not Available';
-        }
-
-        function getTriviaAccuracy() {
-            let triviaStats = JSON.parse(localStorage.getItem('triviaStats')) || { totalCorrect: 0, totalAttempted: 0 };
-            if (triviaStats.totalAttempted === 0) {
-                return 'No trivia attempted';
-            }
-            let accuracy = (triviaStats.totalCorrect / triviaStats.totalAttempted) * 100;
-            return `${accuracy.toFixed(1)}% accuracy`;
-        }
-
-        function getMostCommonGenre() {
-            const favoriteGenres = JSON.parse(localStorage.getItem('favoriteGenres')) || {};
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in favoriteGenres) {
-                if (favoriteGenres[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = favoriteGenres[genre];
-                }
-            }
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
     </script>
     <script type="text/javascript">
         (function(c,l,a,r,i,t,y){
@@ -336,19 +181,6 @@ <h1 id="my-heading" style="margin-bottom: -10px">
             window.location.href = 'MovieVerse-Frontend/html/movie-details.html';
         }
 
-        function updateClock() {
-            var now = new Date();
-            var hours = now.getHours();
-            var minutes = now.getMinutes();
-            hours = hours < 10 ? '0' + hours : hours;
-            minutes = minutes < 10 ? '0' + minutes : minutes;
-            var timeString = hours + ':' + minutes;
-            document.getElementById('clock').innerHTML = timeString;
-        }
-
-        setInterval(updateClock, 1000);
-        window.onload = updateClock;
-
         document.getElementById('settings-btn').addEventListener('click', () => {
             window.location.href = 'MovieVerse-Frontend/html/settings.html';
         });
@@ -459,6 +291,24 @@ <h1 id="my-heading" style="margin-bottom: -10px">
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -468,7 +318,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/privacy-policy.html b/MovieVerse-Frontend/html/privacy-policy.html
index 21393129..8b4d049d 100644
--- a/MovieVerse-Frontend/html/privacy-policy.html
+++ b/MovieVerse-Frontend/html/privacy-policy.html
@@ -547,7 +547,7 @@ <h2 style="color: white">Cookies and Web Beacons</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/reset-password.html b/MovieVerse-Frontend/html/reset-password.html
index 0e8f675a..400b8799 100644
--- a/MovieVerse-Frontend/html/reset-password.html
+++ b/MovieVerse-Frontend/html/reset-password.html
@@ -128,14 +128,9 @@ <h1 id="my-heading" style="margin-bottom: -10px">
             <i class="fas fa-user" id="profileIcon"></i>
         </button>
 
-        <form id="form" style="margin-top: 19px">
-            <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!" />
+        <form id="form1" style="margin-top: 19px">
+            <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!"/>
             <button type="button" id="button-search" onclick="handleSearch()">Search</button>
-            <div id="search-results" class="search-results"></div>
-            <div class="buttons-container">
-                <button type="button" id="view-all-results" style="display: none;">View more results</button>
-                <button type="button" id="clear-search" style="display: none">Clear</button>
-            </div>
         </form>
 
         <button id="settings-btn" style="position: fixed; bottom: 185px; z-index: 1000">Settings</button>
@@ -416,173 +411,5 @@ <h2>Reset Password</h2>
     <script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-app.js"></script>
     <script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-firestore.js"></script>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-
-            function toggleVisibility() {
-                const query = searchBar.value.trim();
-                if (query) {
-                    if (window.innerWidth > 800) {
-                        myHeading.style.display = 'none';
-                        localTime.style.display = 'none';
-                    }
-                    else {
-                        myHeading.style.display = '';
-                        localTime.style.display = '';
-                    }
-                }
-                else {
-                    myHeading.style.display = '';
-                    localTime.style.display = '';
-                }
-            }
-
-            searchBar.addEventListener('input', toggleVisibility);
-
-            toggleVisibility();
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('search');
-            const viewAllResultsBtn = document.getElementById('view-all-results');
-            const clearSearchBtn = document.getElementById('clear-search');
-            const searchResultsContainer = document.getElementById('search-results');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-
-            function toggleButtons() {
-                const query = searchInput.value.trim();
-                viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-            }
-
-            clearSearchBtn.addEventListener('click', function() {
-                searchInput.value = '';
-                searchResultsContainer.innerHTML = '';
-                toggleButtons();
-                searchInput.focus();
-                myHeading.style.display = '';
-                localTime.style.display = '';
-            });
-
-            toggleButtons();
-
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            displaySearchResults(data.results.slice(0, 5));
-                        }).catch(err => console.error("Fetching error:", err));
-                }
-                else {
-                    document.getElementById('search-results').innerHTML = '';
-                }
-
-                searchInput.addEventListener('input', function() {
-                    if (searchInput.value.trim()) {
-                        viewAllResultsBtn.style.display = 'block';
-                    }
-                    else {
-                        viewAllResultsBtn.style.display = 'none';
-                    }
-                });
-
-                viewAllResultsBtn.addEventListener('click', function() {
-                    const searchQuery = searchInput.value.trim();
-                    if (searchQuery) {
-                        localStorage.setItem('searchQuery', searchQuery);
-                        window.location.href = 'search.html';
-                    }
-                    else {
-                        alert('Please enter a search query.');
-                    }
-                });
-            });
-
-            function displaySearchResults(results) {
-                const resultsContainer = document.getElementById('search-results');
-                resultsContainer.innerHTML = '';
-
-                results.forEach(item => {
-                    const card = document.createElement('div');
-                    card.className = 'search-result-card';
-                    card.style.cursor = 'pointer';
-
-                    const imagePath = item.poster_path || item.profile_path ? `https://image.tmdb.org/t/p/w500${item.poster_path || item.profile_path}` : 'path/to/your/default-image.jpg';
-                    const image = document.createElement('img');
-                    image.src = imagePath;
-                    image.className = 'result-image';
-                    card.appendChild(image);
-
-                    const details = document.createElement('div');
-                    details.className = 'result-details';
-
-                    const name = document.createElement('div');
-                    name.className = 'result-name';
-                    name.textContent = item.title || item.name;
-                    details.appendChild(name);
-
-                    const type = document.createElement('div');
-                    type.className = 'result-type';
-                    type.textContent = item.media_type === 'movie' ? 'Movie' : item.media_type === 'tv' ? 'TV Series' : 'Person';
-                    details.appendChild(type);
-
-                    card.appendChild(details);
-                    resultsContainer.appendChild(card);
-
-                    card.addEventListener('click', () => handleResultClick(item));
-                });
-            }
-
-            async function handleResultClick(item) {
-                if (item.media_type === 'movie') {
-                    localStorage.setItem('selectedMovieId', item.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else if (item.media_type === 'tv') {
-                    localStorage.setItem('selectedTvSeriesId', item.id);
-                    window.location.href = 'tv-details.html';
-                }
-                else if (item.media_type === 'person') {
-                    try {
-                        const personDetailsUrl = `https://${getMovieVerseData()}/3/person/${item.id}?${generateMovieNames()}${getMovieCode()}`;
-                        const response = await fetch(personDetailsUrl);
-                        const personDetails = await response.json();
-                        if (personDetails.known_for_department === 'Directing') {
-                            localStorage.setItem('selectedDirectorId', item.id);
-                            window.location.href = 'director-details.html?' + item.id;
-                        }
-                        else {
-                            localStorage.setItem('selectedActorId', item.id);
-                            window.location.href = 'actor-details.html?' + item.id;
-                        }
-                    }
-                    catch (error) {
-                        console.error('Error fetching person details:', error);
-                    }
-                }
-            }
-        });
-    </script>
-
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/MovieVerse-Frontend/html/search.html b/MovieVerse-Frontend/html/search.html
index 15c050fe..553bfa4e 100644
--- a/MovieVerse-Frontend/html/search.html
+++ b/MovieVerse-Frontend/html/search.html
@@ -265,7 +265,7 @@ <h2 id="search-results-label">Search Results</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/settings.html b/MovieVerse-Frontend/html/settings.html
index 6631dac8..6f571310 100644
--- a/MovieVerse-Frontend/html/settings.html
+++ b/MovieVerse-Frontend/html/settings.html
@@ -200,13 +200,8 @@ <h1 id="my-heading" style="margin-bottom: -10px">
             <i class="fas fa-user" id="profileIcon"></i>
         </button>
         <form id="form" style="margin-top: 5px">
-            <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!" />
+            <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!"/>
             <button type="button" id="button-search" onclick="handleSearch()">Search</button>
-            <div id="search-results" class="search-results"></div>
-            <div class="buttons-container">
-                <button type="button" id="view-all-results" style="display: none;">View more results</button>
-                <button type="button" id="clear-search" style="display: none">Clear</button>
-            </div>
         </form>
         <button id="movie-match-btn3" onclick="window.location.href='movie-match.html'" title="Find a movie that matches your mood, genre, and time period!" style="bottom: 150px">Movie Match</button>
         <button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 115px">Movie Timeline</button>
@@ -605,173 +600,5 @@ <h2>Change Font Size</h2>
             <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
         </a>
     </footer>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-
-            function toggleVisibility() {
-                const query = searchBar.value.trim();
-                if (query) {
-                    if (window.innerWidth > 800) {
-                        myHeading.style.display = 'none';
-                        localTime.style.display = 'none';
-                    }
-                    else {
-                        myHeading.style.display = '';
-                        localTime.style.display = '';
-                    }
-                }
-                else {
-                    myHeading.style.display = '';
-                    localTime.style.display = '';
-                }
-            }
-
-            searchBar.addEventListener('input', toggleVisibility);
-
-            toggleVisibility();
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('search');
-            const viewAllResultsBtn = document.getElementById('view-all-results');
-            const clearSearchBtn = document.getElementById('clear-search');
-            const searchResultsContainer = document.getElementById('search-results');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-
-            function toggleButtons() {
-                const query = searchInput.value.trim();
-                viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-            }
-
-            clearSearchBtn.addEventListener('click', function() {
-                searchInput.value = '';
-                searchResultsContainer.innerHTML = '';
-                toggleButtons();
-                searchInput.focus();
-                myHeading.style.display = '';
-                localTime.style.display = '';
-            });
-
-            toggleButtons();
-
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            displaySearchResults(data.results.slice(0, 5));
-                        }).catch(err => console.error("Fetching error:", err));
-                }
-                else {
-                    document.getElementById('search-results').innerHTML = '';
-                }
-
-                searchInput.addEventListener('input', function() {
-                    if (searchInput.value.trim()) {
-                        viewAllResultsBtn.style.display = 'block';
-                    }
-                    else {
-                        viewAllResultsBtn.style.display = 'none';
-                    }
-                });
-
-                viewAllResultsBtn.addEventListener('click', function() {
-                    const searchQuery = searchInput.value.trim();
-                    if (searchQuery) {
-                        localStorage.setItem('searchQuery', searchQuery);
-                        window.location.href = 'search.html';
-                    }
-                    else {
-                        alert('Please enter a search query.');
-                    }
-                });
-            });
-
-            function displaySearchResults(results) {
-                const resultsContainer = document.getElementById('search-results');
-                resultsContainer.innerHTML = '';
-
-                results.forEach(item => {
-                    const card = document.createElement('div');
-                    card.className = 'search-result-card';
-                    card.style.cursor = 'pointer';
-
-                    const imagePath = item.poster_path || item.profile_path ? `https://image.tmdb.org/t/p/w500${item.poster_path || item.profile_path}` : 'path/to/your/default-image.jpg';
-                    const image = document.createElement('img');
-                    image.src = imagePath;
-                    image.className = 'result-image';
-                    card.appendChild(image);
-
-                    const details = document.createElement('div');
-                    details.className = 'result-details';
-
-                    const name = document.createElement('div');
-                    name.className = 'result-name';
-                    name.textContent = item.title || item.name;
-                    details.appendChild(name);
-
-                    const type = document.createElement('div');
-                    type.className = 'result-type';
-                    type.textContent = item.media_type === 'movie' ? 'Movie' : item.media_type === 'tv' ? 'TV Series' : 'Person';
-                    details.appendChild(type);
-
-                    card.appendChild(details);
-                    resultsContainer.appendChild(card);
-
-                    card.addEventListener('click', () => handleResultClick(item));
-                });
-            }
-
-            async function handleResultClick(item) {
-                if (item.media_type === 'movie') {
-                    localStorage.setItem('selectedMovieId', item.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else if (item.media_type === 'tv') {
-                    localStorage.setItem('selectedTvSeriesId', item.id);
-                    window.location.href = 'tv-details.html';
-                }
-                else if (item.media_type === 'person') {
-                    try {
-                        const personDetailsUrl = `https://${getMovieVerseData()}/3/person/${item.id}?${generateMovieNames()}${getMovieCode()}`;
-                        const response = await fetch(personDetailsUrl);
-                        const personDetails = await response.json();
-                        if (personDetails.known_for_department === 'Directing') {
-                            localStorage.setItem('selectedDirectorId', item.id);
-                            window.location.href = 'director-details.html?' + item.id;
-                        }
-                        else {
-                            localStorage.setItem('selectedActorId', item.id);
-                            window.location.href = 'actor-details.html?' + item.id;
-                        }
-                    }
-                    catch (error) {
-                        console.error('Error fetching person details:', error);
-                    }
-                }
-            }
-        });
-    </script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/MovieVerse-Frontend/html/sign-in.html b/MovieVerse-Frontend/html/sign-in.html
index 9e998c7f..e5897934 100644
--- a/MovieVerse-Frontend/html/sign-in.html
+++ b/MovieVerse-Frontend/html/sign-in.html
@@ -489,6 +489,24 @@ <h2>Sign In</h2>
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -498,7 +516,7 @@ <h2>Sign In</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/support.html b/MovieVerse-Frontend/html/support.html
index 16e6f8ee..1f9a7c33 100644
--- a/MovieVerse-Frontend/html/support.html
+++ b/MovieVerse-Frontend/html/support.html
@@ -531,6 +531,24 @@ <h1>Contact Support</h1>
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -540,7 +558,7 @@ <h1>Contact Support</h1>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/terms-of-service.html b/MovieVerse-Frontend/html/terms-of-service.html
index 8b48de2b..5e81e60a 100644
--- a/MovieVerse-Frontend/html/terms-of-service.html
+++ b/MovieVerse-Frontend/html/terms-of-service.html
@@ -553,6 +553,24 @@ <h2 style="color: white">Contact Us</h2>
     </script>
 
     <script>
+        const movieCode = {
+            part1: 'YzVhMjBjODY=',
+            part2: 'MWFjZjdiYjg=',
+            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+        };
+
+        function getMovieVerseData(input) {
+            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+        }
+
+        function generateMovieNames(input) {
+            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+        }
+
+        function getMovieCode() {
+            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -562,7 +580,7 @@ <h2 style="color: white">Contact Us</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
@@ -659,7 +677,6 @@ <h2 style="color: white">Contact Us</h2>
             }
         });
     </script>
-
 </body>
 
 </html>
diff --git a/MovieVerse-Frontend/html/trivia.html b/MovieVerse-Frontend/html/trivia.html
index 7a2b1b82..0975e23f 100644
--- a/MovieVerse-Frontend/html/trivia.html
+++ b/MovieVerse-Frontend/html/trivia.html
@@ -80,277 +80,104 @@
 </head>
 
 <body>
-    <header style="margin-bottom: -50px; margin-top: 9px">
-        <a href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer; margin-bottom: 5px" title="Click to go back to the home page">
-            <h1 id="my-heading" style="margin-bottom: -10px">
-                The Mo<span class="highlight">vieV</span>erse
-            </h1>
-        </a>
-
-        <button class="back-btn" onclick="window.location.href='../../index.html'">Home</button>
-        <button class="about" onclick="window.location.href='about.html'">About</button>
-        <button class="favorites-btn" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
-
-        <button id="googleSignInBtn" class="nav-btn" onclick="handleSignInOut()" title="Sign In/Out">
-            <span id="signInOutText">Sign In</span>
-            <i class="fas fa-sign-in-alt" id="signInIcon"></i>
-            <i class="fas fa-sign-out-alt" id="signOutIcon" style="display: none;"></i>
-        </button>
-
-        <button id="profileBtn" class="nav-btn" onclick="window.location.href='user-profile.html'" title="Go to your profile">
-            <span id="profileText">Profile</span>
-            <i class="fas fa-user" id="profileIcon"></i>
-        </button>
-
-        <form id="form">
-            <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!" />
-            <button type="button" id="button-search" onclick="handleSearch()">Search</button>
-            <div id="search-results" class="search-results"></div>
-            <div class="buttons-container">
-                <button type="button" id="view-all-results" style="display: none;">View more results</button>
-                <button type="button" id="clear-search" style="display: none">Clear</button>
-            </div>
-        </form>
-    </header>
+<header style="margin-bottom: -50px; margin-top: 9px">
+    <a href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer; margin-bottom: 5px" title="Click to go back to the home page">
+        <h1 id="my-heading" style="margin-bottom: -10px">
+            The Mo<span class="highlight">vieV</span>erse
+        </h1>
+    </a>
+
+    <button class="back-btn" onclick="window.location.href='../../index.html'">Home</button>
+    <button class="about" onclick="window.location.href='about.html'">About</button>
+    <button class="favorites-btn" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
+
+    <button id="googleSignInBtn" class="nav-btn" onclick="handleSignInOut()" title="Sign In/Out">
+        <span id="signInOutText">Sign In</span>
+        <i class="fas fa-sign-in-alt" id="signInIcon"></i>
+        <i class="fas fa-sign-out-alt" id="signOutIcon" style="display: none;"></i>
+    </button>
+
+    <button id="profileBtn" class="nav-btn" onclick="window.location.href='user-profile.html'" title="Go to your profile">
+        <span id="profileText">Profile</span>
+        <i class="fas fa-user" id="profileIcon"></i>
+    </button>
+
+    <form id="form">
+        <input type="text" id="search" placeholder="Search For Films, Actors..." class="search" title="Search for movies, actors, TV series, and more!" style="width: 216px"/>
+        <button type="button" id="button-search" onclick="handleSearch()">Search</button>
+    </form>
+</header>
 
-    <div>
-        <div style="font-weight: bold; font-size: 32px" id="trivia-label">Movie Trivia Quiz</div>
-        <div class="button-container">
-            <button id="clear-search-btn">Clear Search Results</button>
-        </div>
+<div>
+    <div style="font-weight: bold; font-size: 32px" id="trivia-label">Movie Trivia Quiz</div>
+    <div class="button-container">
+        <button id="clear-search-btn">Clear Search Results</button>
     </div>
+</div>
 
-    <div id="result-modal" class="modal">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h3>Trivia Results</h3>
-                <span class="close-button" title="Close the trivia results modal">&times;</span>
-            </div>
-            <div id="progress-circle" class="progress-circle">
-                <div id="correct-answers"></div>
-            </div>
-            <p id="result-text"></p>
+<div id="result-modal" class="modal">
+    <div class="modal-content">
+        <div class="modal-header">
+            <h3>Trivia Results</h3>
+            <span class="close-button" title="Close the trivia results modal">&times;</span>
         </div>
+        <div id="progress-circle" class="progress-circle">
+            <div id="correct-answers"></div>
+        </div>
+        <p id="result-text"></p>
     </div>
+</div>
 
-    <main id="main"></main>
+<main id="main"></main>
 
-    <form id="quiz-form" style="margin-bottom: 250px">
-        <div id="quiz-container"></div>
-        <button type="button" id="regenerate-questions" style="color: black">Get New Questions</button>
-        <button type="submit" id="submit" style="color: black">Submit Answers</button>
-    </form>
+<form id="quiz-form" style="margin-bottom: 250px">
+    <div id="quiz-container"></div>
+    <button type="button" id="regenerate-questions" style="color: black">Get New Questions</button>
+    <button type="submit" id="submit" style="color: black">Submit Answers</button>
+</form>
 
-    <button id="settings-btn" style="position: fixed; bottom: 185px">Settings</button>
-    <button id="movie-match-btn2" onclick="window.location.href='movie-match.html'" title="Find a movie that matches your mood, genre, and time period!" style="bottom: 150px">Movie Match</button>
-    <button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 115px">Movie Timeline</button>
-    <button id="movie-of-the-day-btn" onclick="showMovieOfTheDay()" title="Get a recommended movie to watch for today!" style="bottom: 80px">Recommendation</button>
-    <button id="discussions-btn" onclick="window.location.href='chatbot.html'" title="Want to know more about movies? Chat with our intelligent chatbot!" style="bottom: 45px">MovieVerse Chatbot</button>
-    <button id="back-to-top-btn" style="bottom: 10px" onclick="window.location.href='../../index.html'">Back To Main Page</button>
-    <script src="../js/quiz.js"></script>
+<button id="settings-btn" style="position: fixed; bottom: 185px">Settings</button>
+<button id="movie-match-btn2" onclick="window.location.href='movie-match.html'" title="Find a movie that matches your mood, genre, and time period!" style="bottom: 150px">Movie Match</button>
+<button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 115px">Movie Timeline</button>
+<button id="movie-of-the-day-btn" onclick="showMovieOfTheDay()" title="Get a recommended movie to watch for today!" style="bottom: 80px">Recommendation</button>
+<button id="discussions-btn" onclick="window.location.href='chatbot.html'" title="Want to know more about movies? Chat with our intelligent chatbot!" style="bottom: 45px">MovieVerse Chatbot</button>
+<button id="back-to-top-btn" style="bottom: 10px" onclick="window.location.href='../../index.html'">Back To Main Page</button>
+<script src="../js/quiz.js"></script>
 
-    <script>
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
+<script>
+    document.getElementById('settings-btn').addEventListener('click', () => {
+        window.location.href = 'settings.html';
+    });
 
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
+    document.addEventListener('DOMContentLoaded', () => {
+        applySettings();
 
-            function applySettings() {
-                const savedBg = localStorage.getItem('backgroundImage');
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
+        function applySettings() {
+            const savedBg = localStorage.getItem('backgroundImage');
+            const savedTextColor = localStorage.getItem('textColor');
+            const savedFontSize = localStorage.getItem('fontSize');
 
 
-                if (savedBg) {
-                    document.body.style.backgroundImage = `url('${savedBg}')`;
-                }
-                if (savedTextColor) {
-                    document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
-                        element.style.color = savedTextColor;
-                    });
-                }
-                if (savedFontSize) {
-                    const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
-                    document.body.style.fontSize = size;
-                }
+            if (savedBg) {
+                document.body.style.backgroundImage = `url('${savedBg}')`;
             }
-        });
-    </script>
-
-    <footer>
-        <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-            <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
-        </a>
-    </footer>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-
-            function toggleVisibility() {
-                const query = searchBar.value.trim();
-                if (query) {
-                    if (window.innerWidth > 800) {
-                        myHeading.style.display = 'none';
-                        localTime.style.display = 'none';
-                    }
-                    else {
-                        myHeading.style.display = '';
-                        localTime.style.display = '';
-                    }
-                }
-                else {
-                    myHeading.style.display = '';
-                    localTime.style.display = '';
-                }
-            }
-
-            searchBar.addEventListener('input', toggleVisibility);
-
-            toggleVisibility();
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('search');
-            const viewAllResultsBtn = document.getElementById('view-all-results');
-            const clearSearchBtn = document.getElementById('clear-search');
-            const searchResultsContainer = document.getElementById('search-results');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-
-            function toggleButtons() {
-                const query = searchInput.value.trim();
-                viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-            }
-
-            clearSearchBtn.addEventListener('click', function() {
-                searchInput.value = '';
-                searchResultsContainer.innerHTML = '';
-                toggleButtons();
-                searchInput.focus();
-                myHeading.style.display = '';
-                localTime.style.display = '';
-            });
-
-            toggleButtons();
-
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            displaySearchResults(data.results.slice(0, 5));
-                        }).catch(err => console.error("Fetching error:", err));
-                }
-                else {
-                    document.getElementById('search-results').innerHTML = '';
-                }
-
-                searchInput.addEventListener('input', function() {
-                    if (searchInput.value.trim()) {
-                        viewAllResultsBtn.style.display = 'block';
-                    }
-                    else {
-                        viewAllResultsBtn.style.display = 'none';
-                    }
-                });
-
-                viewAllResultsBtn.addEventListener('click', function() {
-                    const searchQuery = searchInput.value.trim();
-                    if (searchQuery) {
-                        localStorage.setItem('searchQuery', searchQuery);
-                        window.location.href = 'search.html';
-                    }
-                    else {
-                        alert('Please enter a search query.');
-                    }
-                });
-            });
-
-            function displaySearchResults(results) {
-                const resultsContainer = document.getElementById('search-results');
-                resultsContainer.innerHTML = '';
-
-                results.forEach(item => {
-                    const card = document.createElement('div');
-                    card.className = 'search-result-card';
-                    card.style.cursor = 'pointer';
-
-                    const imagePath = item.poster_path || item.profile_path ? `https://image.tmdb.org/t/p/w500${item.poster_path || item.profile_path}` : 'path/to/your/default-image.jpg';
-                    const image = document.createElement('img');
-                    image.src = imagePath;
-                    image.className = 'result-image';
-                    card.appendChild(image);
-
-                    const details = document.createElement('div');
-                    details.className = 'result-details';
-
-                    const name = document.createElement('div');
-                    name.className = 'result-name';
-                    name.textContent = item.title || item.name;
-                    details.appendChild(name);
-
-                    const type = document.createElement('div');
-                    type.className = 'result-type';
-                    type.textContent = item.media_type === 'movie' ? 'Movie' : item.media_type === 'tv' ? 'TV Series' : 'Person';
-                    details.appendChild(type);
-
-                    card.appendChild(details);
-                    resultsContainer.appendChild(card);
-
-                    card.addEventListener('click', () => handleResultClick(item));
+            if (savedTextColor) {
+                document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
+                    element.style.color = savedTextColor;
                 });
             }
-
-            async function handleResultClick(item) {
-                if (item.media_type === 'movie') {
-                    localStorage.setItem('selectedMovieId', item.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else if (item.media_type === 'tv') {
-                    localStorage.setItem('selectedTvSeriesId', item.id);
-                    window.location.href = 'tv-details.html';
-                }
-                else if (item.media_type === 'person') {
-                    try {
-                        const personDetailsUrl = `https://${getMovieVerseData()}/3/person/${item.id}?${generateMovieNames()}${getMovieCode()}`;
-                        const response = await fetch(personDetailsUrl);
-                        const personDetails = await response.json();
-                        if (personDetails.known_for_department === 'Directing') {
-                            localStorage.setItem('selectedDirectorId', item.id);
-                            window.location.href = 'director-details.html?' + item.id;
-                        }
-                        else {
-                            localStorage.setItem('selectedActorId', item.id);
-                            window.location.href = 'actor-details.html?' + item.id;
-                        }
-                    }
-                    catch (error) {
-                        console.error('Error fetching person details:', error);
-                    }
-                }
+            if (savedFontSize) {
+                const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
+                document.body.style.fontSize = size;
             }
-        });
-    </script>
+        }
+    });
+</script>
+
+<footer>
+    <a href="../../index.html" style="cursor: pointer; text-decoration: none">
+        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+    </a>
+</footer>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/MovieVerse-Frontend/html/tv-details.html b/MovieVerse-Frontend/html/tv-details.html
index 03bef533..fbade898 100644
--- a/MovieVerse-Frontend/html/tv-details.html
+++ b/MovieVerse-Frontend/html/tv-details.html
@@ -335,6 +335,8 @@ <h3>Add a Comment for This TV Series</h3>
     </script>
 
     <script>
+
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -344,7 +346,7 @@ <h3>Add a Comment for This TV Series</h3>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/MovieVerse-Frontend/html/user-profile.html b/MovieVerse-Frontend/html/user-profile.html
index fafaf2e4..7004fcad 100644
--- a/MovieVerse-Frontend/html/user-profile.html
+++ b/MovieVerse-Frontend/html/user-profile.html
@@ -746,6 +746,8 @@ <h2>Edit Profile Details</h2>
     </script>
 
     <script>
+
+
         document.addEventListener('DOMContentLoaded', function() {
             document.getElementById('search').addEventListener('input', function(e) {
                 const viewAllResultsBtn = document.getElementById('view-all-results');
@@ -755,7 +757,7 @@ <h2>Edit Profile Details</h2>
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
diff --git a/index.html b/index.html
index 1cb0a575..e88800fe 100644
--- a/index.html
+++ b/index.html
@@ -576,7 +576,7 @@ <h2 id="other" style="margin-top: 35px; cursor: pointer">Trending CLASSIC Movies
                 viewAllResultsBtn.style.display = query ? 'block' : 'none';
 
                 if (query) {
-                    const searchURL = `https://api.themoviedb.org/3/search/multi?api_key=c5a20c861acf7bb8d9e987dcc7f1b558&query=${encodeURIComponent(query)}`;
+                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
                     fetch(searchURL)
                         .then(response => response.json())
                         .then(data => {
@@ -675,5 +675,4 @@ <h2 id="other" style="margin-top: 35px; cursor: pointer">Trending CLASSIC Movies
     </script>
 
 </body>
-
-</html>
+</html>
\ No newline at end of file