From 29bd7db1ae11bfe58dac8671454071adee8938fa Mon Sep 17 00:00:00 2001
From: Son Nguyen <hoangson091104@gmail.com>
Date: Sat, 25 May 2024 10:57:27 +0700
Subject: [PATCH] Update: Enhanced app functionalities (#196)

---
 MovieVerse-Frontend/html/privacy-policy.html  |  22 +-
 .../html/terms-of-service.html                |  28 +-
 MovieVerse-Frontend/js/user-profile.js        |   8 +
 .../android/app/src/main/assets/www/404.html  |   8 +-
 .../html/privacy-policy.html                  | 813 +----------------
 .../html/terms-of-service.html                | 825 ++---------------
 .../MovieVerse-Frontend/js/privacy-policy.js  | 807 +++++++++++++++++
 .../js/terms-of-service.js                    | 845 ++++++++++++++++++
 MovieVerse-Mobile/platforms/ios/www/404.html  |   8 +-
 .../html/privacy-policy.html                  | 813 +----------------
 .../html/terms-of-service.html                | 825 ++---------------
 .../MovieVerse-Frontend/js/privacy-policy.js  | 807 +++++++++++++++++
 .../js/terms-of-service.js                    | 845 ++++++++++++++++++
 MovieVerse-Mobile/www/404.html                |   8 +-
 .../html/privacy-policy.html                  | 813 +----------------
 .../html/terms-of-service.html                | 825 ++---------------
 .../MovieVerse-Frontend/js/privacy-policy.js  | 807 +++++++++++++++++
 .../js/terms-of-service.js                    | 845 ++++++++++++++++++
 18 files changed, 5344 insertions(+), 4608 deletions(-)
 create mode 100644 MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/privacy-policy.js
 create mode 100644 MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/terms-of-service.js
 create mode 100644 MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/privacy-policy.js
 create mode 100644 MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/terms-of-service.js
 create mode 100644 MovieVerse-Mobile/www/MovieVerse-Frontend/js/privacy-policy.js
 create mode 100644 MovieVerse-Mobile/www/MovieVerse-Frontend/js/terms-of-service.js

diff --git a/MovieVerse-Frontend/html/privacy-policy.html b/MovieVerse-Frontend/html/privacy-policy.html
index 3531fec5..4746d81a 100644
--- a/MovieVerse-Frontend/html/privacy-policy.html
+++ b/MovieVerse-Frontend/html/privacy-policy.html
@@ -176,6 +176,10 @@
             color: white;
         }
 
+        h2 {
+            color: white;
+        }
+
         .goog-te-combo {
             background-color: #7378c5 !important;
             color: white !important;
@@ -335,24 +339,24 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <div style="font-weight: bold; font-size: 30px" id="privacy-header">Privacy Policy</div>
         </div>
 
-        <div id="introduction" style="text-align: center; width: 90%; cursor: pointer">
-            <h2 style="color: white">Introduction</h2>
+        <div id="introduction" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Introduction</h2>
             <p>At The MovieVerse, accessible from <a id="linkWeb" href="https://movie-verse.com">https://movie-verse.com</a>, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by The MovieVerse and how we use it.</p>
         </div>
 
-        <div id="consent" style="text-align: center; width: 90%; cursor: pointer">
-            <h2 style="color: white">Consent</h2>
+        <div id="consent" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Consent</h2>
             <p>By using our website, you hereby consent to our Privacy Policy and agree to its terms. For our Terms and Conditions, please visit the <a id="linkWeb" href="https://movie-verse.com/MovieVerse-Frontend/html/terms-of-service.html">Terms and Conditions</a> page.</p>
         </div>
 
-        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading2">
-            <h2 style="color: white">Information we collect</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Information we collect</h2>
             <p>The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.</p>
             <p>If you contact us directly, we may receive additional information about you such as your name, email address, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.</p>
         </div>
 
         <div style="text-align: center; width: 90%; cursor: pointer" id="subheading">
-            <h2 style="color: #ffffff">How we use your information</h2>
+            <h2 style="cursor: pointer">How we use your information</h2>
             <p>We use the information we collect in various ways, including to:</p>
             <ul style="color: white; list-style: none; width: 90%">
                 <li>1. Provide, operate, and maintain our website</li>
@@ -367,7 +371,7 @@ <h2 style="color: #ffffff">How we use your information</h2>
         </div>
 
         <div style="text-align: center; width: 90%; cursor: pointer" id="subheading3">
-            <h2 style="color: white">Log Files</h2>
+            <h2 style="cursor: pointer">Log Files</h2>
             <p>The MovieVerse follows a standard procedure of using log files.</p>
             <p>These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics.</p>
             <p>These are not linked to any information that is personally identifiable.</p>
@@ -375,7 +379,7 @@ <h2 style="color: white">Log Files</h2>
         </div>
 
         <div style="text-align: center; margin-bottom: 300px; width: 90%; cursor: pointer" id="subheading4">
-            <h2 style="color: white">Cookies and Web Beacons</h2>
+            <h2 style="cursor: pointer">Cookies and Web Beacons</h2>
             <p>Like any other website, The MovieVerse uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited.</p>
             <p>The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
             <p>We may analyze user behavior through the use of cookies and web beacons with Google Analytics. Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. We partner with Google to use the data collected to track and monitor the use of our website.</p>
diff --git a/MovieVerse-Frontend/html/terms-of-service.html b/MovieVerse-Frontend/html/terms-of-service.html
index c41cc58c..d3b660db 100644
--- a/MovieVerse-Frontend/html/terms-of-service.html
+++ b/MovieVerse-Frontend/html/terms-of-service.html
@@ -196,6 +196,10 @@
                 bottom: 70px;
             }
         }
+
+        h2 {
+            color: white;
+        }
     </style>
 </head>
 
@@ -329,67 +333,67 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         </div>
 
         <div style="text-align: center; width: 90%" id="agreement">
-            <h2 style="color: white; cursor: pointer">Agreement to Terms</h2>
+            <h2 style="cursor: pointer">Agreement to Terms</h2>
             <p>By using The MovieVerse, you agree to be bound by these terms. If you disagree with any part of the terms, then you do not have permission to access the service.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="consent">
-            <h2 style="color: white; cursor: pointer">Changes to Terms</h2>
+            <h2 style="cursor: pointer">Changes to Terms</h2>
             <p>We reserve the right to modify or replace these Terms at any time at our sole discretion. We will try to provide at least 30 days' notice prior to any new terms taking effect.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading2">
-            <h2 style="color: white; cursor: pointer">Use of Service</h2>
+            <h2 style="cursor: pointer">Use of Service</h2>
             <p>The MovieVerse is provided on an "AS IS" and "AS AVAILABLE" basis. The service is for personal, non-commercial use only.</p>
             <p>You may not use the service for any illegal or unauthorized purpose. You must not, in the use of the service, violate any laws in your jurisdiction.</p>
             <p>You agree not to reproduce, duplicate, copy, sell, resell or exploit any portion of the service, use of the service, or access to the service without express written permission by us.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading">
-            <h2 style="color: white; cursor: pointer">Content</h2>
+            <h2 style="cursor: pointer">Content</h2>
             <p>Content found on or through this Service are the property of The MovieVerse or used with permission. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said Content, whether in whole or in part, for commercial purposes or for personal gain, without express advance written permission from us.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading3">
-            <h2 style="color: white; cursor: pointer">Ads</h2>
+            <h2 style="cursor: pointer">Ads</h2>
             <p>During use of the Service, you may enter into correspondence with or participate in promotions of advertisers or sponsors showing their goods or services through the Service. Any such activity, and any terms, conditions, warranties or representations associated with such activity, is solely between you and the applicable third-party.</p>
             <p>We display ads on the Service to help us keep our servers and databases running and free for everyone. We're committed to placing non-intrusive ads only, which means no pop-ups, no auto-playing videos, and no ads that interfere with your experience on the site.</p>
             <p>If you encounter any ads that are inappropriate, misleading, or intrusive, please let us know by contacting us at using the Feedback form <a style="color: white" href="feedback.html">here</a>.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading4">
-            <h2 style="color: white; cursor: pointer">Accounts</h2>
+            <h2 style="cursor: pointer">Accounts</h2>
             <p>When you create an account with us, you guarantee that the information you provide us is accurate, complete, and current at all times. Inaccurate, incomplete, or obsolete information may result in the immediate termination of your account on the Service.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading5">
-            <h2 style="color: white; cursor: pointer">Intellectual Property</h2>
+            <h2 style="cursor: pointer">Intellectual Property</h2>
             <p>The Service and its original content, features, and functionality are and will remain the exclusive property of The MovieVerse and its licensors.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading6">
-            <h2 style="color: white; cursor: pointer">Links To Other Web Sites</h2>
+            <h2 style="cursor: pointer">Links To Other Web Sites</h2>
             <p>Our Service may contain links to third-party web sites or services that are not owned or controlled by The MovieVerse. We have no control over, and assume no responsibility for the content, privacy policies, or practices of any third-party web sites or services.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading7">
-            <h2 style="color: white; cursor: pointer">Termination</h2>
+            <h2 style="cursor: pointer">Termination</h2>
             <p>We may terminate or suspend your account and bar access to the Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of the Terms.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading8">
-            <h2 style="color: white; cursor: pointer">Disclaimer</h2>
+            <h2 style="cursor: pointer">Disclaimer</h2>
             <p>Your use of the Service is at your sole risk. The Service is provided on an "AS IS" and "AS AVAILABLE" basis. The Service is provided without warranties of any kind.</p>
         </div>
 
         <div style="text-align: center; width: 90%" id="subheading9">
-            <h2 style="color: white; cursor: pointer">Governing Law</h2>
+            <h2 style="cursor: pointer">Governing Law</h2>
             <p>These Terms shall be governed and construed in accordance with the laws of the country where The MovieVerse is based (the United States of America), without regard to its conflict of law provisions.</p>
             <p>Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect.</p>
         </div>
 
         <div style="text-align: center; width: 90%; margin-bottom: 300px" id="subheading10">
-            <h2 style="color: white; cursor: pointer">Contact Us</h2>
+            <h2 style="cursor: pointer">Contact Us</h2>
             <p>If you have any questions about these Terms, please contact us at <a id="mail" href="mailto:info@movie-verse.com">info@movie-verse.com</a>.</p>
         </div>
     </main>
diff --git a/MovieVerse-Frontend/js/user-profile.js b/MovieVerse-Frontend/js/user-profile.js
index f5f730f1..cd868b80 100644
--- a/MovieVerse-Frontend/js/user-profile.js
+++ b/MovieVerse-Frontend/js/user-profile.js
@@ -203,6 +203,8 @@ async function performSearch(searchText) {
 }
 
 document.getElementById('container1').addEventListener('click', async () => {
+    showSpinner();
+
     const userEmail = localStorage.getItem('currentlyViewingProfile');
 
     if (!userEmail) {
@@ -227,9 +229,13 @@ document.getElementById('container1').addEventListener('click', async () => {
     catch (error) {
         console.error('Error updating progress circles:', error);
     }
+
+    hideSpinner();
 });
 
 document.getElementById('container2').addEventListener('click', async () => {
+    showSpinner();
+
     const userEmail = localStorage.getItem('currentlyViewingProfile');
 
     if (!userEmail) {
@@ -254,6 +260,8 @@ document.getElementById('container2').addEventListener('click', async () => {
     catch (error) {
         console.error('Error updating progress circles:', error);
     }
+
+    hideSpinner();
 });
 
 async function loadProfile(userEmail = localStorage.getItem('currentlySignedInMovieVerseUser')) {
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/404.html b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/404.html
index 1bcf82cf..26c82f8b 100644
--- a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/404.html
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/404.html
@@ -722,12 +722,12 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         }
 
         function updateClock() {
-            var now = new Date();
-            var hours = now.getHours();
-            var minutes = now.getMinutes();
+            let now = new Date();
+            let hours = now.getHours();
+            let minutes = now.getMinutes();
             hours = hours < 10 ? '0' + hours : hours;
             minutes = minutes < 10 ? '0' + minutes : minutes;
-            var timeString = hours + ':' + minutes;
+            let timeString = hours + ':' + minutes;
             document.getElementById('clock').innerHTML = timeString;
         }
 
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/privacy-policy.html b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/privacy-policy.html
index bbe36f6d..4746d81a 100644
--- a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/privacy-policy.html
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/privacy-policy.html
@@ -176,6 +176,10 @@
             color: white;
         }
 
+        h2 {
+            color: white;
+        }
+
         .goog-te-combo {
             background-color: #7378c5 !important;
             color: white !important;
@@ -275,6 +279,9 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <span id="profileText">Profile</span>
             <i class="fas fa-user" id="profileIcon"></i>
         </button>
+        <button id="nav-toggle" class="nav-toggle notranslate" title="Toggle side navbar" onclick="toggleNav()">
+            <i class="fas fa-bars"></i>
+        </button>
         <button id="googleSignInBtn" class="nav-btn notranslate" onclick="handleSignInOut()" title="Sign In/Out">
             <span id="signInOutText">Sign In</span>
             <i class="fas fa-sign-in-alt" id="signInIcon"></i>
@@ -300,29 +307,56 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 90px; right: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
 
+    <nav id="side-nav" class="side-nav" style="z-index: 1000000">
+        <a id="heading-href" style="cursor: pointer" href="../../index.html" title="Click to go back to the home page">
+            <div id="my-heading1" style="margin-bottom: 15px; margin-left: 0; margin-top: 15px; font-size: 2.1em; font-weight: bold;">
+                The Mo<span class="highlight2">vieV</span>erse Menu
+            </div>
+        </a>
+
+        <div id="button-container">
+            <button id="button-remove" title="Close the navbar" onclick="removeNavBar()">Close</button>
+        </div>
+
+        <ul style="overflow-y: auto">
+            <li><a href="analytics.html">MovieVerse Analytics</a></li>
+            <li><a href="#introduction">Introduction</a></li>
+            <li><a href="#consent">Consent</a></li>
+            <li><a href="#subheading2">Information We Collect</a></li>
+            <li><a href="#subheading">How We Use Your Information</a></li>
+            <li><a href="#subheading3">Log Files</a></li>
+            <li><a href="#subheading4">Cookies and Web Beacons</a></li>
+            <li><a href="terms-of-service.html">Terms of Service</a></li>
+            <li><a href="sign-in.html">Sign In</a></li>
+            <li><a href="user-profile.html">Profile</a></li>
+            <li><a href="feedback.html">Submit Feedback</a></li>
+            <li><a href="support.html">Contact Support</a></li>
+        </ul>
+    </nav>
+
     <main class="content-area" style="text-align: center">
         <div style="text-align: center; width: 90%; margin-top: 25px">
             <div style="font-weight: bold; font-size: 30px" id="privacy-header">Privacy Policy</div>
         </div>
 
-        <div style="text-align: center; width: 90%   ">
-            <h2 style="color: white">Introduction</h2>
+        <div id="introduction" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Introduction</h2>
             <p>At The MovieVerse, accessible from <a id="linkWeb" href="https://movie-verse.com">https://movie-verse.com</a>, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by The MovieVerse and how we use it.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Consent</h2>
+        <div id="consent" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Consent</h2>
             <p>By using our website, you hereby consent to our Privacy Policy and agree to its terms. For our Terms and Conditions, please visit the <a id="linkWeb" href="https://movie-verse.com/MovieVerse-Frontend/html/terms-of-service.html">Terms and Conditions</a> page.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Information we collect</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Information we collect</h2>
             <p>The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.</p>
             <p>If you contact us directly, we may receive additional information about you such as your name, email address, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: #ffffff">How we use your information</h2>
+        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading">
+            <h2 style="cursor: pointer">How we use your information</h2>
             <p>We use the information we collect in various ways, including to:</p>
             <ul style="color: white; list-style: none; width: 90%">
                 <li>1. Provide, operate, and maintain our website</li>
@@ -336,16 +370,16 @@ <h2 style="color: #ffffff">How we use your information</h2>
             </ul>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Log Files</h2>
+        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading3">
+            <h2 style="cursor: pointer">Log Files</h2>
             <p>The MovieVerse follows a standard procedure of using log files.</p>
             <p>These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics.</p>
             <p>These are not linked to any information that is personally identifiable.</p>
             <p>The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.</p>
         </div>
 
-        <div style="text-align: center; margin-bottom: 300px; width: 90%">
-            <h2 style="color: white">Cookies and Web Beacons</h2>
+        <div style="text-align: center; margin-bottom: 300px; width: 90%; cursor: pointer" id="subheading4">
+            <h2 style="cursor: pointer">Cookies and Web Beacons</h2>
             <p>Like any other website, The MovieVerse uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited.</p>
             <p>The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
             <p>We may analyze user behavior through the use of cookies and web beacons with Google Analytics. Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. We partner with Google to use the data collected to track and monitor the use of our website.</p>
@@ -357,663 +391,6 @@ <h2 style="color: white">Cookies and Web Beacons</h2>
         <div class="spinner"></div>
     </div>
 
-    <script>
-        async function ensureGenreMapIsAvailable() {
-            if (!localStorage.getItem('genreMap')) {
-                await fetchGenreMap();
-            }
-        }
-
-        async function fetchGenreMap() {
-            const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const genreMap = data.genres.reduce((map, genre) => {
-                    map[genre.id] = genre.name;
-                    return map;
-                }, {});
-                localStorage.setItem('genreMap', JSON.stringify(genreMap));
-            }
-            catch (error) {
-                console.log('Error fetching genre map:', error);
-            }
-        }
-
-        async function rotateUserStats() {
-            await ensureGenreMapIsAvailable();
-
-            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: "Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Genre",
-                    getValue: () => {
-                        const mostCommonGenreCode = getMostCommonGenre();
-                        const genreMapString = localStorage.getItem('genreMap');
-                        if (!genreMapString) {
-                            console.log('No genre map found in localStorage.');
-                            return 'Not Available';
-                        }
-
-                        let genreMap;
-                        try {
-                            genreMap = JSON.parse(genreMapString);
-                        }
-                        catch (e) {
-                            console.log('Error parsing genre map:', e);
-                            return 'Not Available';
-                        }
-
-                        let genreObject;
-                        if (Array.isArray(genreMap)) {
-                            genreObject = genreMap.reduce((acc, genre) => {
-                                acc[genre.id] = genre.name;
-                                return acc;
-                            }, {});
-                        }
-                        else if (typeof genreMap === 'object' && genreMap !== null) {
-                            genreObject = genreMap;
-                        }
-                        else {
-                            console.log('genreMap is neither an array nor a proper object:', genreMap);
-                            return 'Not Available';
-                        }
-
-                        return genreObject[mostCommonGenreCode] || 'Not Available';
-                    }
-                },
-                { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.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';
-        }
-
-        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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
-            const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
-                acc[genre] = (acc[genre] || 0) + 1;
-                return acc;
-            }, {});
-
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in genreCounts) {
-                if (genreCounts[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = genreCounts[genre];
-                }
-            }
-
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
-    </script>
-
-    <script>
-        function handleSignInOut() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            if (isSignedIn) {
-                localStorage.setItem('isSignedIn', JSON.stringify(false));
-                alert('You have been signed out.');
-            }
-            else {
-                window.location.href = 'sign-in.html';
-                return;
-            }
-
-            updateSignInButtonState();
-        }
-
-        function updateSignInButtonState() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-            const signInText = document.getElementById('signInOutText');
-            const signInIcon = document.getElementById('signInIcon');
-            const signOutIcon = document.getElementById('signOutIcon');
-
-            if (isSignedIn) {
-                signInText.textContent = 'Sign Out';
-                signInIcon.style.display = 'none';
-                signOutIcon.style.display = 'inline-block';
-            }
-            else {
-                signInText.textContent = 'Sign In';
-                signInIcon.style.display = 'inline-block';
-                signOutIcon.style.display = 'none';
-            }
-        }
-
-        document.addEventListener("DOMContentLoaded", function() {
-            updateSignInButtonState();
-            document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const searchButton = document.getElementById('button-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.visibility = 'hidden';
-                        myHeading.style.opacity = '0';
-                        localTime.style.visibility = 'hidden';
-                        localTime.style.opacity = '0';
-                    }
-                }
-                else {
-                    myHeading.style.visibility = 'visible';
-                    myHeading.style.opacity = '1';
-                    localTime.style.visibility = 'visible';
-                    localTime.style.opacity = '1';
-                }
-            }
-            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');
-            const searchButton = document.getElementById('button-search');
-
-            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.visibility = 'visible';
-                myHeading.style.opacity = '1';
-                localTime.style.visibility = 'visible';
-                localTime.style.opacity = '1';
-            });
-
-            toggleButtons();
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        function showSpinner() {
-            document.getElementById('myModal').classList.add('modal-visible');
-        }
-
-        function hideSpinner() {
-            document.getElementById('myModal').classList.remove('modal-visible');
-        }
-
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                showSpinner();
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-                const searchResultsContainer = document.getElementById('search-results');
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                function toggleButtons() {
-                    viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                    const clearSearchBtn = document.getElementById('clear-search');
-                    clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-                }
-
-                if (query) {
-                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
-                            displaySearchResults(sortedResults.slice(0, 5));
-                        })
-                        .catch(err => console.log("Fetching error:", err));
-                }
-                else {
-                    searchInput.value = '';
-                    searchResultsContainer.innerHTML = '';
-                    toggleButtons();
-                    searchInput.focus();
-                }
-
-                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.');
-                    }
-                });
-
-                hideSpinner();
-            });
-
-            function displaySearchResults(results) {
-                showSpinner();
-                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}` : null;
-
-                    if (imagePath) {
-                        const image = document.createElement('img');
-                        image.src = imagePath;
-                        image.className = 'result-image';
-                        card.appendChild(image);
-                    }
-                    else {
-                        const placeholder = document.createElement('div');
-                        placeholder.className = 'result-image-placeholder';
-                        placeholder.textContent = 'Image Not Available';
-                        placeholder.style.textAlign = 'center';
-                        placeholder.style.padding = '10px';
-                        card.appendChild(placeholder);
-                    }
-
-                    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));
-                });
-
-                hideSpinner();
-            }
-
-            async function handleResultClick(item) {
-                console.log('Clicked item:', item.media_type, item.id);
-
-                if (!item.media_type) {
-                    console.log('Media type is undefined');
-                    return;
-                }
-
-                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.log('Error fetching person details:', error);
-                    }
-                }
-                else {
-                    console.log('Unknown media type:', item.media_type);
-                }
-            }
-        });
-
-        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');
-            let selectedIndex = -1;
-
-            function clearSelection() {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '';
-                }
-            }
-
-            function moveSelection(direction) {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                const totalElements = results.length + 2;
-                clearSelection();
-
-                if (direction === 'down') {
-                    selectedIndex = (selectedIndex + 1) % totalElements;
-                }
-                else if (direction === 'up') {
-                    selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
-                }
-
-                if (selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '#ff8623';
-                    results[selectedIndex].scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '#ff8623';
-                    viewAllResultsBtn.scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '#ff8623';
-                    clearSearchBtn.scrollIntoView({ block: "nearest" });
-                }
-            }
-
-            searchInput.addEventListener('keydown', function(e) {
-                if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('down');
-                }
-                else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('up');
-                }
-                else if (e.key === 'Enter') {
-                    e.preventDefault();
-                    if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        viewAllResultsBtn.click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
-                        clearSearchBtn.click();
-                    }
-                    else {
-                        const query = searchInput.value.trim();
-                        localStorage.setItem('searchQuery', query);
-                        window.location.href = 'search.html';
-                    }
-                }
-            });
-
-            searchInput.addEventListener('blur', clearSelection);
-        });
-
-        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);
-        }
-    </script>
-
-    <script>
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const defaultBg = '../../images/universe-1.webp';
-                const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
-                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;
-                }
-            }
-        });
-
-        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 getMovieCode() {
-            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
-        }
-
-        function generateMovieNames(input) {
-            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
-        }
-
-        async function showMovieOfTheDay() {
-            const year = new Date().getFullYear();
-            const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
-
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const movies = data.results;
-
-                if (movies.length > 0) {
-                    const randomMovie = movies[Math.floor(Math.random() * movies.length)];
-                    localStorage.setItem('selectedMovieId', randomMovie.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else {
-                    fallbackMovieSelection();
-                }
-            }
-            catch (error) {
-                console.log('Error fetching movie:', error);
-                fallbackMovieSelection();
-            }
-        }
-
-        const form = document.getElementById('form1');
-
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        });
-
-        function handleSearch() {
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        }
-    </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>
@@ -1056,103 +433,7 @@ <h2 style="color: white">Cookies and Web Beacons</h2>
         <span>Menu</span>
     </button>
 
-    <script>
-        window.addEventListener('load', function() {
-            adjustAnchorHeights();
-        });
-
-        window.addEventListener('resize', adjustAnchorHeights);
-
-        function adjustAnchorHeights() {
-            const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
-            let maxHeight = 0;
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = 'auto';
-                const anchorHeight = anchor.getBoundingClientRect().height;
-                maxHeight = Math.max(maxHeight, anchorHeight);
-            });
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = `${maxHeight}px`;
-            });
-        }
-
-        let lastScrollY = window.scrollY;
-
-        window.addEventListener('scroll', () => {
-            const currentScrollY = window.scrollY;
-
-            if (currentScrollY > lastScrollY && currentScrollY > 0) {
-                document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
-            }
-            else {
-                document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
-            }
-
-            lastScrollY = currentScrollY;
-        });
-
-        let isAnimating = false;
-
-        document.getElementById('menu-btn').addEventListener('click', () => {
-            if (isAnimating) return;
-
-            isAnimating = true;
-
-            const buttonIds = [
-                'chat-button',
-                'settings-btn',
-                'movie-of-the-day-btn',
-                'movie-match-btn3',
-                'movie-timeline-btn',
-                'discussions-btn',
-                'trivia-btn',
-            ];
-
-            buttonIds.forEach((id, index) => {
-                const button = document.getElementById(id);
-                if (button.style.display === 'none' || !button.style.display) {
-                    button.style.display = 'block';
-                    setTimeout(() => {
-                        button.style.opacity = '1';
-                        button.style.transform = 'translateY(0)';
-                    }, 50 * index);
-                } else {
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                }
-
-                setTimeout(() => {
-                    button.style.display = button.style.opacity === '1' ? 'block' : 'none';
-                    if (index === buttonIds.length - 1) {
-                        isAnimating = false;
-                    }
-                }, 500 + 50 * index);
-            });
-        });
-
-        window.addEventListener('resize', () => {
-            if (window.innerWidth < 767) {
-                const buttonIds = [
-                    'chat-button',
-                    'settings-btn',
-                    'movie-of-the-day-btn',
-                    'movie-match-btn3',
-                    'movie-timeline-btn',
-                    'discussions-btn',
-                    'trivia-btn',
-                ];
-
-                buttonIds.forEach(id => {
-                    const button = document.getElementById(id);
-                    button.style.display = 'none';
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                });
-            }
-        });
-    </script>
+    <script src="../js/privacy-policy.js"></script>
 
 </body>
 </html>
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/terms-of-service.html b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/terms-of-service.html
index e6177293..d3b660db 100644
--- a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/terms-of-service.html
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/terms-of-service.html
@@ -196,6 +196,10 @@
                 bottom: 70px;
             }
         }
+
+        h2 {
+            color: white;
+        }
     </style>
 </head>
 
@@ -253,6 +257,10 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <div id="stats-display" class="clock" style="font-size: 1.25em; font-weight: bold;"></div>
         </div>
 
+        <button id="nav-toggle" class="nav-toggle notranslate" title="Toggle side navbar" onclick="toggleNav()">
+            <i class="fas fa-bars"></i>
+        </button>
+
         <button class="back-btn notranslate" onclick="window.location.href='../../index.html'">Home</button>
         <button class="about notranslate" onclick="window.location.href='about.html'">About</button>
         <button class="favorites-btn notranslate" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
@@ -286,73 +294,106 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 90px; right: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
 
+    <nav id="side-nav" class="side-nav" style="z-index: 1000000">
+        <a id="heading-href" style="cursor: pointer" href="../../index.html" title="Click to go back to the home page">
+            <div id="my-heading1" style="margin-bottom: 15px; margin-left: 0; margin-top: 15px; font-size: 2.1em; font-weight: bold;">
+                The Mo<span class="highlight2">vieV</span>erse Menu
+            </div>
+        </a>
+
+        <div id="button-container">
+            <button id="button-remove" title="Close the navbar" onclick="removeNavBar()">Close</button>
+        </div>
+
+        <ul style="overflow-y: auto">
+            <li><a href="analytics.html">MovieVerse Analytics</a></li>
+            <li><a href="#agreement">Agreement to Terms</a></li>
+            <li><a href="#consent">Changes to Terms</a></li>
+            <li><a href="#subheading2">Use of Service</a></li>
+            <li><a href="#subheading">Content</a></li>
+            <li><a href="#subheading3">Ads</a></li>
+            <li><a href="#subheading4">Accounts</a></li>
+            <li><a href="#subheading5">Intellectual Property</a></li>
+            <li><a href="#subheading6">Links To Other Web Sites</a></li>
+            <li><a href="#subheading7">Termination</a></li>
+            <li><a href="#subheading8">Disclaimer</a></li>
+            <li><a href="#subheading9">Governing Law</a></li>
+            <li><a href="#subheading10">Contact Us</a></li>
+            <li><a href="privacy-policy.html">Privacy Policy</a></li>
+            <li><a href="sign-in.html">Sign In</a></li>
+            <li><a href="user-profile.html">Profile</a></li>
+            <li><a href="feedback.html">Submit Feedback</a></li>
+            <li><a href="support.html">Contact Support</a></li>
+        </ul>
+    </nav>
+
     <main class="content-area">
         <div style="text-align: center; width: 90%">
             <div style="font-weight: bold; font-size: 28px; margin-top: 10px; color: #ff8623" id="tos-header">Terms of Service</div>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Agreement to Terms</h2>
+        <div style="text-align: center; width: 90%" id="agreement">
+            <h2 style="cursor: pointer">Agreement to Terms</h2>
             <p>By using The MovieVerse, you agree to be bound by these terms. If you disagree with any part of the terms, then you do not have permission to access the service.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Changes to Terms</h2>
+        <div style="text-align: center; width: 90%" id="consent">
+            <h2 style="cursor: pointer">Changes to Terms</h2>
             <p>We reserve the right to modify or replace these Terms at any time at our sole discretion. We will try to provide at least 30 days' notice prior to any new terms taking effect.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Use of Service</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Use of Service</h2>
             <p>The MovieVerse is provided on an "AS IS" and "AS AVAILABLE" basis. The service is for personal, non-commercial use only.</p>
             <p>You may not use the service for any illegal or unauthorized purpose. You must not, in the use of the service, violate any laws in your jurisdiction.</p>
             <p>You agree not to reproduce, duplicate, copy, sell, resell or exploit any portion of the service, use of the service, or access to the service without express written permission by us.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Content</h2>
+        <div style="text-align: center; width: 90%" id="subheading">
+            <h2 style="cursor: pointer">Content</h2>
             <p>Content found on or through this Service are the property of The MovieVerse or used with permission. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said Content, whether in whole or in part, for commercial purposes or for personal gain, without express advance written permission from us.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Ads</h2>
+        <div style="text-align: center; width: 90%" id="subheading3">
+            <h2 style="cursor: pointer">Ads</h2>
             <p>During use of the Service, you may enter into correspondence with or participate in promotions of advertisers or sponsors showing their goods or services through the Service. Any such activity, and any terms, conditions, warranties or representations associated with such activity, is solely between you and the applicable third-party.</p>
             <p>We display ads on the Service to help us keep our servers and databases running and free for everyone. We're committed to placing non-intrusive ads only, which means no pop-ups, no auto-playing videos, and no ads that interfere with your experience on the site.</p>
             <p>If you encounter any ads that are inappropriate, misleading, or intrusive, please let us know by contacting us at using the Feedback form <a style="color: white" href="feedback.html">here</a>.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Accounts</h2>
+        <div style="text-align: center; width: 90%" id="subheading4">
+            <h2 style="cursor: pointer">Accounts</h2>
             <p>When you create an account with us, you guarantee that the information you provide us is accurate, complete, and current at all times. Inaccurate, incomplete, or obsolete information may result in the immediate termination of your account on the Service.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Intellectual Property</h2>
+        <div style="text-align: center; width: 90%" id="subheading5">
+            <h2 style="cursor: pointer">Intellectual Property</h2>
             <p>The Service and its original content, features, and functionality are and will remain the exclusive property of The MovieVerse and its licensors.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Links To Other Web Sites</h2>
+        <div style="text-align: center; width: 90%" id="subheading6">
+            <h2 style="cursor: pointer">Links To Other Web Sites</h2>
             <p>Our Service may contain links to third-party web sites or services that are not owned or controlled by The MovieVerse. We have no control over, and assume no responsibility for the content, privacy policies, or practices of any third-party web sites or services.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Termination</h2>
+        <div style="text-align: center; width: 90%" id="subheading7">
+            <h2 style="cursor: pointer">Termination</h2>
             <p>We may terminate or suspend your account and bar access to the Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of the Terms.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Disclaimer</h2>
+        <div style="text-align: center; width: 90%" id="subheading8">
+            <h2 style="cursor: pointer">Disclaimer</h2>
             <p>Your use of the Service is at your sole risk. The Service is provided on an "AS IS" and "AS AVAILABLE" basis. The Service is provided without warranties of any kind.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Governing Law</h2>
+        <div style="text-align: center; width: 90%" id="subheading9">
+            <h2 style="cursor: pointer">Governing Law</h2>
             <p>These Terms shall be governed and construed in accordance with the laws of the country where The MovieVerse is based (the United States of America), without regard to its conflict of law provisions.</p>
             <p>Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect.</p>
         </div>
 
-        <div style="text-align: center; width: 90%; margin-bottom: 300px">
-            <h2 style="color: white">Contact Us</h2>
+        <div style="text-align: center; width: 90%; margin-bottom: 300px" id="subheading10">
+            <h2 style="cursor: pointer">Contact Us</h2>
             <p>If you have any questions about these Terms, please contact us at <a id="mail" href="mailto:info@movie-verse.com">info@movie-verse.com</a>.</p>
         </div>
     </main>
@@ -361,641 +402,7 @@ <h2 style="color: white">Contact Us</h2>
         <div class="spinner"></div>
     </div>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const searchButton = document.getElementById('button-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.visibility = 'hidden';
-                        myHeading.style.opacity = '0';
-                        localTime.style.visibility = 'hidden';
-                        localTime.style.opacity = '0';
-                    }
-                }
-                else {
-                    myHeading.style.visibility = 'visible';
-                    myHeading.style.opacity = '1';
-                    localTime.style.visibility = 'visible';
-                    localTime.style.opacity = '1';
-                }
-            }
-            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');
-            const searchButton = document.getElementById('button-search');
-
-            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.visibility = 'visible';
-                myHeading.style.opacity = '1';
-                localTime.style.visibility = 'visible';
-                localTime.style.opacity = '1';
-            });
-
-            toggleButtons();
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        function showSpinner() {
-            document.getElementById('myModal').classList.add('modal-visible');
-        }
-
-        function hideSpinner() {
-            document.getElementById('myModal').classList.remove('modal-visible');
-        }
-
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                showSpinner();
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-                const searchResultsContainer = document.getElementById('search-results');
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                function toggleButtons() {
-                    viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                    const clearSearchBtn = document.getElementById('clear-search');
-                    clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-                }
-
-                if (query) {
-                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
-                            displaySearchResults(sortedResults.slice(0, 5));
-                        })
-                        .catch(err => console.log("Fetching error:", err));
-                }
-                else {
-                    searchInput.value = '';
-                    searchResultsContainer.innerHTML = '';
-                    toggleButtons();
-                    searchInput.focus();
-                }
-
-                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.');
-                    }
-                });
-
-                hideSpinner();
-            });
-
-            function displaySearchResults(results) {
-                showSpinner();
-                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}` : null;
-
-                    if (imagePath) {
-                        const image = document.createElement('img');
-                        image.src = imagePath;
-                        image.className = 'result-image';
-                        card.appendChild(image);
-                    }
-                    else {
-                        const placeholder = document.createElement('div');
-                        placeholder.className = 'result-image-placeholder';
-                        placeholder.textContent = 'Image Not Available';
-                        placeholder.style.textAlign = 'center';
-                        placeholder.style.padding = '10px';
-                        card.appendChild(placeholder);
-                    }
-
-                    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));
-                });
-
-                hideSpinner();
-            }
-
-            async function handleResultClick(item) {
-                console.log('Clicked item:', item.media_type, item.id);
-
-                if (!item.media_type) {
-                    console.log('Media type is undefined');
-                    return;
-                }
-
-                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.log('Error fetching person details:', error);
-                    }
-                }
-                else {
-                    console.log('Unknown media type:', item.media_type);
-                }
-            }
-        });
-
-        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');
-            let selectedIndex = -1;
-
-            function clearSelection() {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '';
-                }
-            }
-
-            function moveSelection(direction) {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                const totalElements = results.length + 2;
-                clearSelection();
-
-                if (direction === 'down') {
-                    selectedIndex = (selectedIndex + 1) % totalElements;
-                }
-                else if (direction === 'up') {
-                    selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
-                }
-
-                if (selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '#ff8623';
-                    results[selectedIndex].scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '#ff8623';
-                    viewAllResultsBtn.scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '#ff8623';
-                    clearSearchBtn.scrollIntoView({ block: "nearest" });
-                }
-            }
-
-            searchInput.addEventListener('keydown', function(e) {
-                if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('down');
-                }
-                else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('up');
-                }
-                else if (e.key === 'Enter') {
-                    e.preventDefault();
-                    if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        viewAllResultsBtn.click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
-                        clearSearchBtn.click();
-                    }
-                    else {
-                        const query = searchInput.value.trim();
-                        localStorage.setItem('searchQuery', query);
-                        window.location.href = 'search.html';
-                    }
-                }
-            });
-
-            searchInput.addEventListener('blur', clearSelection);
-        });
-    </script>
-
-    <script>
-        function handleSignInOut() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            if (isSignedIn) {
-                localStorage.setItem('isSignedIn', JSON.stringify(false));
-                alert('You have been signed out.');
-            }
-            else {
-                window.location.href = 'sign-in.html';
-                return;
-            }
-
-            updateSignInButtonState();
-        }
-
-        function updateSignInButtonState() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            const signInText = document.getElementById('signInOutText');
-            const signInIcon = document.getElementById('signInIcon');
-            const signOutIcon = document.getElementById('signOutIcon');
-
-            if (isSignedIn) {
-                signInText.textContent = 'Sign Out';
-                signInIcon.style.display = 'none';
-                signOutIcon.style.display = 'inline-block';
-            }
-            else {
-                signInText.textContent = 'Sign In';
-                signInIcon.style.display = 'inline-block';
-                signOutIcon.style.display = 'none';
-            }
-        }
-
-        document.addEventListener("DOMContentLoaded", function() {
-            updateSignInButtonState();
-            document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
-        });
-
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const defaultBg = '../../images/universe-1.webp';
-                const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
-                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;
-                }
-            }
-        });
-
-        const movieCode1 = {
-            part1: 'YzVhMjBjODY=',
-            part2: 'MWFjZjdiYjg=',
-            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
-        };
-
-        function getMovieCode() {
-            return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
-        }
-
-        function generateMovieNames(input) {
-            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
-        }
-
-        function getMovieVerseData(input) {
-            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
-        }
-
-        async function showMovieOfTheDay() {
-            const year = new Date().getFullYear();
-            const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
-
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const movies = data.results;
-
-                if (movies.length > 0) {
-                    const randomMovie = movies[Math.floor(Math.random() * movies.length)];
-                    localStorage.setItem('selectedMovieId', randomMovie.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else {
-                    fallbackMovieSelection();
-                }
-            }
-            catch (error) {
-                console.log('Error fetching movie:', error);
-                fallbackMovieSelection();
-            }
-        }
-
-        async function ensureGenreMapIsAvailable() {
-            if (!localStorage.getItem('genreMap')) {
-                await fetchGenreMap();
-            }
-        }
-
-        async function fetchGenreMap() {
-            const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const genreMap = data.genres.reduce((map, genre) => {
-                    map[genre.id] = genre.name;
-                    return map;
-                }, {});
-                localStorage.setItem('genreMap', JSON.stringify(genreMap));
-            }
-            catch (error) {
-                console.log('Error fetching genre map:', error);
-            }
-        }
-
-        async function rotateUserStats() {
-            await ensureGenreMapIsAvailable();
-
-            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: "Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Genre",
-                    getValue: () => {
-                        const mostCommonGenreCode = getMostCommonGenre();
-                        const genreMapString = localStorage.getItem('genreMap');
-                        if (!genreMapString) {
-                            console.log('No genre map found in localStorage.');
-                            return 'Not Available';
-                        }
-
-                        let genreMap;
-                        try {
-                            genreMap = JSON.parse(genreMapString);
-                        }
-                        catch (e) {
-                            console.log('Error parsing genre map:', e);
-                            return 'Not Available';
-                        }
-
-                        let genreObject;
-                        if (Array.isArray(genreMap)) {
-                            genreObject = genreMap.reduce((acc, genre) => {
-                                acc[genre.id] = genre.name;
-                                return acc;
-                            }, {});
-                        }
-                        else if (typeof genreMap === 'object' && genreMap !== null) {
-                            genreObject = genreMap;
-                        }
-                        else {
-                            console.log('genreMap is neither an array nor a proper object:', genreMap);
-                            return 'Not Available';
-                        }
-
-                        return genreObject[mostCommonGenreCode] || 'Not Available';
-                    }
-                },
-                { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.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';
-        }
-
-        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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
-            const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
-                acc[genre] = (acc[genre] || 0) + 1;
-                return acc;
-            }, {});
-
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in genreCounts) {
-                if (genreCounts[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = genreCounts[genre];
-                }
-            }
-
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
-
-        const form = document.getElementById('form1');
-
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        });
-
-        function handleSearch() {
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        }
-    </script>
+    <script src="../js/terms-of-service.js"></script>
 
     <footer>
         <a href="../../index.html" style="cursor: pointer; text-decoration: none">
@@ -1039,105 +446,5 @@ <h2 style="color: white">Contact Us</h2>
         <span>Menu</span>
     </button>
 
-    <script>
-        window.addEventListener('load', function() {
-            adjustAnchorHeights();
-        });
-
-        window.addEventListener('resize', adjustAnchorHeights);
-
-        function adjustAnchorHeights() {
-            const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
-            let maxHeight = 0;
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = 'auto';
-                const anchorHeight = anchor.getBoundingClientRect().height;
-                maxHeight = Math.max(maxHeight, anchorHeight);
-            });
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = `${maxHeight}px`;
-            });
-        }
-
-        let lastScrollY = window.scrollY;
-
-        window.addEventListener('scroll', () => {
-            const currentScrollY = window.scrollY;
-
-            if (currentScrollY > lastScrollY && currentScrollY > 0) {
-                document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
-            }
-            else {
-                document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
-            }
-
-            lastScrollY = currentScrollY;
-        });
-
-        let isAnimating = false;
-
-        document.getElementById('menu-btn').addEventListener('click', () => {
-            if (isAnimating) return;
-
-            isAnimating = true;
-
-            const buttonIds = [
-                'chat-button',
-                'settings-btn',
-                'movie-of-the-day-btn',
-                'movie-match-btn3',
-                'movie-timeline-btn',
-                'discussions-btn',
-                'trivia-btn',
-            ];
-
-            buttonIds.forEach((id, index) => {
-                const button = document.getElementById(id);
-                if (button.style.display === 'none' || !button.style.display) {
-                    button.style.display = 'block';
-                    setTimeout(() => {
-                        button.style.opacity = '1';
-                        button.style.transform = 'translateY(0)';
-                    }, 50 * index);
-                }
-                else {
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                }
-
-                setTimeout(() => {
-                    button.style.display = button.style.opacity === '1' ? 'block' : 'none';
-                    if (index === buttonIds.length - 1) {
-                        isAnimating = false;
-                    }
-                }, 500 + 50 * index);
-            });
-        });
-
-        window.addEventListener('resize', () => {
-            if (window.innerWidth < 767) {
-                const buttonIds = [
-                    'chat-button',
-                    'settings-btn',
-                    'movie-of-the-day-btn',
-                    'movie-match-btn3',
-                    'movie-timeline-btn',
-                    'discussions-btn',
-                    'trivia-btn',
-                ];
-
-                buttonIds.forEach(id => {
-                    const button = document.getElementById(id);
-                    button.style.display = 'none';
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                });
-            }
-        });
-    </script>
-
 </body>
-
 </html>
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/privacy-policy.js b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/privacy-policy.js
new file mode 100644
index 00000000..68a1dc2a
--- /dev/null
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/privacy-policy.js
@@ -0,0 +1,807 @@
+function toggleNav() {
+    const sideNav = document.getElementById('side-nav');
+    sideNav.classList.toggle('manual-toggle');
+    adjustNavBar();
+}
+
+function removeNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+    }
+
+    adjustNavBar();
+}
+
+function adjustNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0px';
+    }
+    else {
+        sideNav.style.left = '-250px';
+    }
+}
+
+document.addEventListener('mousemove', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0';
+    }
+});
+
+document.getElementById('side-nav').addEventListener('mouseleave', function() {
+    const sideNav = document.getElementById('side-nav');
+    if (!sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '-250px';
+    }
+});
+
+document.addEventListener('click', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    const navToggle = document.getElementById('nav-toggle');
+    if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+        adjustNavBar();
+    }
+});
+
+document.getElementById('introduction').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('introduction').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('consent').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading2').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading3').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading4').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
+});
+
+async function ensureGenreMapIsAvailable() {
+    if (!localStorage.getItem('genreMap')) {
+        await fetchGenreMap();
+    }
+}
+
+async function fetchGenreMap() {
+    const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const genreMap = data.genres.reduce((map, genre) => {
+            map[genre.id] = genre.name;
+            return map;
+        }, {});
+        localStorage.setItem('genreMap', JSON.stringify(genreMap));
+    }
+    catch (error) {
+        console.log('Error fetching genre map:', error);
+    }
+}
+
+async function rotateUserStats() {
+    await ensureGenreMapIsAvailable();
+
+    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: "Most Visited Director", getValue: getMostVisitedDirector },
+        { label: "Most Visited Actor", getValue: getMostVisitedActor },
+        {
+            label: "Movies Discovered",
+            getValue: () => {
+                const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
+                return viewedMovies.length;
+            }
+        },
+        {
+            label: "Favorite Movies",
+            getValue: () => {
+                const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
+                return favoritedMovies.length;
+            }
+        },
+        {
+            label: "Favorite Genre",
+            getValue: () => {
+                const mostCommonGenreCode = getMostCommonGenre();
+                const genreMapString = localStorage.getItem('genreMap');
+                if (!genreMapString) {
+                    console.log('No genre map found in localStorage.');
+                    return 'Not Available';
+                }
+
+                let genreMap;
+                try {
+                    genreMap = JSON.parse(genreMapString);
+                }
+                catch (e) {
+                    console.log('Error parsing genre map:', e);
+                    return 'Not Available';
+                }
+
+                let genreObject;
+                if (Array.isArray(genreMap)) {
+                    genreObject = genreMap.reduce((acc, genre) => {
+                        acc[genre.id] = genre.name;
+                        return acc;
+                    }, {});
+                }
+                else if (typeof genreMap === 'object' && genreMap !== null) {
+                    genreObject = genreMap;
+                }
+                else {
+                    console.log('genreMap is neither an array nor a proper object:', genreMap);
+                    return 'Not Available';
+                }
+
+                return genreObject[mostCommonGenreCode] || 'Not Available';
+            }
+        },
+        { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
+        { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
+        {
+            label: "Directors Discovered",
+            getValue: () => {
+                const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
+                return viewedDirectors.length;
+            }
+        },
+        {
+            label: "Actors Discovered",
+            getValue: () => {
+                const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
+                return viewedActors.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';
+}
+
+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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
+    const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
+        acc[genre] = (acc[genre] || 0) + 1;
+        return acc;
+    }, {});
+
+    let mostCommonGenre = '';
+    let maxCount = 0;
+
+    for (const genre in genreCounts) {
+        if (genreCounts[genre] > maxCount) {
+            mostCommonGenre = genre;
+            maxCount = genreCounts[genre];
+        }
+    }
+
+    return mostCommonGenre || 'Not Available';
+}
+
+document.addEventListener('DOMContentLoaded', rotateUserStats);
+
+function handleSignInOut() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    if (isSignedIn) {
+        localStorage.setItem('isSignedIn', JSON.stringify(false));
+        alert('You have been signed out.');
+    }
+    else {
+        window.location.href = 'sign-in.html';
+        return;
+    }
+
+    updateSignInButtonState();
+}
+
+function updateSignInButtonState() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+    const signInText = document.getElementById('signInOutText');
+    const signInIcon = document.getElementById('signInIcon');
+    const signOutIcon = document.getElementById('signOutIcon');
+
+    if (isSignedIn) {
+        signInText.textContent = 'Sign Out';
+        signInIcon.style.display = 'none';
+        signOutIcon.style.display = 'inline-block';
+    }
+    else {
+        signInText.textContent = 'Sign In';
+        signInIcon.style.display = 'inline-block';
+        signOutIcon.style.display = 'none';
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    updateSignInButtonState();
+    document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchBar = document.getElementById('search');
+    const searchButton = document.getElementById('button-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.visibility = 'hidden';
+                myHeading.style.opacity = '0';
+                localTime.style.visibility = 'hidden';
+                localTime.style.opacity = '0';
+            }
+        }
+        else {
+            myHeading.style.visibility = 'visible';
+            myHeading.style.opacity = '1';
+            localTime.style.visibility = 'visible';
+            localTime.style.opacity = '1';
+        }
+    }
+    searchBar.addEventListener('input', toggleVisibility);
+    toggleVisibility();
+});
+
+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');
+    const searchButton = document.getElementById('button-search');
+
+    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.visibility = 'visible';
+        myHeading.style.opacity = '1';
+        localTime.style.visibility = 'visible';
+        localTime.style.opacity = '1';
+    });
+
+    toggleButtons();
+    searchInput.addEventListener('input', toggleButtons);
+});
+
+function showSpinner() {
+    document.getElementById('myModal').classList.add('modal-visible');
+}
+
+function hideSpinner() {
+    document.getElementById('myModal').classList.remove('modal-visible');
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('search').addEventListener('input', function(e) {
+        showSpinner();
+        const viewAllResultsBtn = document.getElementById('view-all-results');
+        const searchInput = document.getElementById('search');
+        const query = e.target.value.trim();
+        const searchResultsContainer = document.getElementById('search-results');
+
+        viewAllResultsBtn.style.display = query ? 'block' : 'none';
+
+        function toggleButtons() {
+            viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+            const clearSearchBtn = document.getElementById('clear-search');
+            clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+        }
+
+        if (query) {
+            const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
+            fetch(searchURL)
+                .then(response => response.json())
+                .then(data => {
+                    const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
+                    displaySearchResults(sortedResults.slice(0, 5));
+                })
+                .catch(err => console.log("Fetching error:", err));
+        }
+        else {
+            searchInput.value = '';
+            searchResultsContainer.innerHTML = '';
+            toggleButtons();
+            searchInput.focus();
+        }
+
+        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.');
+            }
+        });
+
+        hideSpinner();
+    });
+
+    function displaySearchResults(results) {
+        showSpinner();
+        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}` : null;
+
+            if (imagePath) {
+                const image = document.createElement('img');
+                image.src = imagePath;
+                image.className = 'result-image';
+                card.appendChild(image);
+            }
+            else {
+                const placeholder = document.createElement('div');
+                placeholder.className = 'result-image-placeholder';
+                placeholder.textContent = 'Image Not Available';
+                placeholder.style.textAlign = 'center';
+                placeholder.style.padding = '10px';
+                card.appendChild(placeholder);
+            }
+
+            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));
+        });
+
+        hideSpinner();
+    }
+
+    async function handleResultClick(item) {
+        console.log('Clicked item:', item.media_type, item.id);
+
+        if (!item.media_type) {
+            console.log('Media type is undefined');
+            return;
+        }
+
+        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.log('Error fetching person details:', error);
+            }
+        }
+        else {
+            console.log('Unknown media type:', item.media_type);
+        }
+    }
+});
+
+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');
+    let selectedIndex = -1;
+
+    function clearSelection() {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        if (selectedIndex >= 0 && selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '';
+        }
+            else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '';
+        }
+            else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '';
+        }
+    }
+
+    function moveSelection(direction) {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        const totalElements = results.length + 2;
+        clearSelection();
+
+        if (direction === 'down') {
+            selectedIndex = (selectedIndex + 1) % totalElements;
+        }
+        else if (direction === 'up') {
+            selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
+        }
+
+        if (selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '#ff8623';
+            results[selectedIndex].scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '#ff8623';
+            viewAllResultsBtn.scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '#ff8623';
+            clearSearchBtn.scrollIntoView({ block: "nearest" });
+        }
+    }
+
+    searchInput.addEventListener('keydown', function(e) {
+        if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('down');
+        }
+        else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('up');
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                viewAllResultsBtn.click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
+                clearSearchBtn.click();
+            }
+            else {
+                const query = searchInput.value.trim();
+                localStorage.setItem('searchQuery', query);
+                window.location.href = 'search.html';
+            }
+        }
+    });
+
+    searchInput.addEventListener('blur', clearSelection);
+});
+
+document.getElementById('settings-btn').addEventListener('click', () => {
+    window.location.href = 'settings.html';
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    applySettings();
+
+    function applySettings() {
+        const defaultBg = '../../images/universe-1.webp';
+        const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
+        const savedTextColor = localStorage.getItem('textColor');
+        const savedFontSize = localStorage.getItem('fontSize');
+        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;
+        }
+    }
+});
+
+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 getMovieCode() {
+    return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+}
+
+function generateMovieNames(input) {
+    return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+}
+
+async function showMovieOfTheDay() {
+    const year = new Date().getFullYear();
+    const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
+
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const movies = data.results;
+
+        if (movies.length > 0) {
+            const randomMovie = movies[Math.floor(Math.random() * movies.length)];
+            localStorage.setItem('selectedMovieId', randomMovie.id);
+            window.location.href = 'movie-details.html';
+        }
+        else {
+            fallbackMovieSelection();
+        }
+    }
+    catch (error) {
+        console.log('Error fetching movie:', error);
+        fallbackMovieSelection();
+    }
+}
+
+const form = document.getElementById('form1');
+
+form.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+});
+
+function handleSearch() {
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+}
+
+window.addEventListener('load', function() {
+    adjustAnchorHeights();
+});
+
+window.addEventListener('resize', adjustAnchorHeights);
+
+function adjustAnchorHeights() {
+    const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
+    let maxHeight = 0;
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = 'auto';
+        const anchorHeight = anchor.getBoundingClientRect().height;
+        maxHeight = Math.max(maxHeight, anchorHeight);
+    });
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = `${maxHeight}px`;
+    });
+}
+
+let lastScrollY = window.scrollY;
+
+window.addEventListener('scroll', () => {
+    const currentScrollY = window.scrollY;
+
+    if (currentScrollY > lastScrollY && currentScrollY > 0) {
+        document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
+    }
+    else {
+        document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
+    }
+
+    lastScrollY = currentScrollY;
+});
+
+let isAnimating = false;
+
+document.getElementById('menu-btn').addEventListener('click', () => {
+    if (isAnimating) return;
+
+    isAnimating = true;
+
+    const buttonIds = [
+        'chat-button',
+        'settings-btn',
+        'movie-of-the-day-btn',
+        'movie-match-btn3',
+        'movie-timeline-btn',
+        'discussions-btn',
+        'trivia-btn',
+    ];
+
+    buttonIds.forEach((id, index) => {
+        const button = document.getElementById(id);
+        if (button.style.display === 'none' || !button.style.display) {
+            button.style.display = 'block';
+            setTimeout(() => {
+                button.style.opacity = '1';
+                button.style.transform = 'translateY(0)';
+            }, 50 * index);
+        }
+        else {
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        }
+
+        setTimeout(() => {
+            button.style.display = button.style.opacity === '1' ? 'block' : 'none';
+            if (index === buttonIds.length - 1) {
+                isAnimating = false;
+            }
+        }, 500 + 50 * index);
+    });
+});
+
+window.addEventListener('resize', () => {
+    if (window.innerWidth < 767) {
+        const buttonIds = [
+            'chat-button',
+            'settings-btn',
+            'movie-of-the-day-btn',
+            'movie-match-btn3',
+            'movie-timeline-btn',
+            'discussions-btn',
+            'trivia-btn',
+            ];
+
+        buttonIds.forEach(id => {
+            const button = document.getElementById(id);
+            button.style.display = 'none';
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        });
+    }
+});
diff --git a/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/terms-of-service.js b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/terms-of-service.js
new file mode 100644
index 00000000..42a2d0af
--- /dev/null
+++ b/MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/terms-of-service.js
@@ -0,0 +1,845 @@
+document.getElementById('agreement').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('agreement').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('consent').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading2').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading3').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading4').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading5').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading5').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading6').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading6').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading7').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading7').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading8').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading8').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading9').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading9').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading10').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading10').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchBar = document.getElementById('search');
+    const searchButton = document.getElementById('button-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.visibility = 'hidden';
+                myHeading.style.opacity = '0';
+                localTime.style.visibility = 'hidden';
+                localTime.style.opacity = '0';
+            }
+        }
+        else {
+            myHeading.style.visibility = 'visible';
+            myHeading.style.opacity = '1';
+            localTime.style.visibility = 'visible';
+            localTime.style.opacity = '1';
+        }
+    }
+    searchBar.addEventListener('input', toggleVisibility);
+    toggleVisibility();
+});
+
+
+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');
+    const searchButton = document.getElementById('button-search');
+
+    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.visibility = 'visible';
+        myHeading.style.opacity = '1';
+        localTime.style.visibility = 'visible';
+        localTime.style.opacity = '1';
+    });
+
+    toggleButtons();
+    searchInput.addEventListener('input', toggleButtons);
+});
+
+function toggleNav() {
+    const sideNav = document.getElementById('side-nav');
+    sideNav.classList.toggle('manual-toggle');
+    adjustNavBar();
+}
+
+function removeNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+    }
+
+    adjustNavBar();
+}
+
+function adjustNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0px';
+    }
+    else {
+        sideNav.style.left = '-250px';
+    }
+}
+
+document.addEventListener('mousemove', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0';
+    }
+});
+
+document.getElementById('side-nav').addEventListener('mouseleave', function() {
+    const sideNav = document.getElementById('side-nav');
+    if (!sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '-250px';
+    }
+});
+
+document.addEventListener('click', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    const navToggle = document.getElementById('nav-toggle');
+    if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+        adjustNavBar();
+    }
+});
+
+function showSpinner() {
+    document.getElementById('myModal').classList.add('modal-visible');
+}
+
+function hideSpinner() {
+    document.getElementById('myModal').classList.remove('modal-visible');
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('search').addEventListener('input', function(e) {
+        showSpinner();
+        const viewAllResultsBtn = document.getElementById('view-all-results');
+        const searchInput = document.getElementById('search');
+        const query = e.target.value.trim();
+        const searchResultsContainer = document.getElementById('search-results');
+
+        viewAllResultsBtn.style.display = query ? 'block' : 'none';
+
+        function toggleButtons() {
+            viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+            const clearSearchBtn = document.getElementById('clear-search');
+            clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+        }
+
+        if (query) {
+            const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
+            fetch(searchURL)
+                .then(response => response.json())
+                .then(data => {
+                    const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
+                    displaySearchResults(sortedResults.slice(0, 5));
+                })
+                .catch(err => console.log("Fetching error:", err));
+        }
+        else {
+            searchInput.value = '';
+            searchResultsContainer.innerHTML = '';
+            toggleButtons();
+            searchInput.focus();
+        }
+
+        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.');
+            }
+        });
+
+        hideSpinner();
+    });
+
+    function displaySearchResults(results) {
+        showSpinner();
+        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}` : null;
+
+            if (imagePath) {
+                const image = document.createElement('img');
+                image.src = imagePath;
+                image.className = 'result-image';
+                card.appendChild(image);
+            }
+            else {
+                const placeholder = document.createElement('div');
+                placeholder.className = 'result-image-placeholder';
+                placeholder.textContent = 'Image Not Available';
+                placeholder.style.textAlign = 'center';
+                placeholder.style.padding = '10px';
+                card.appendChild(placeholder);
+            }
+
+            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));
+        });
+
+        hideSpinner();
+    }
+
+    async function handleResultClick(item) {
+        console.log('Clicked item:', item.media_type, item.id);
+
+        if (!item.media_type) {
+            console.log('Media type is undefined');
+            return;
+        }
+
+        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.log('Error fetching person details:', error);
+            }
+        }
+        else {
+            console.log('Unknown media type:', item.media_type);
+        }
+    }
+});
+
+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');
+    let selectedIndex = -1;
+
+    function clearSelection() {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        if (selectedIndex >= 0 && selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '';
+        }
+    }
+
+    function moveSelection(direction) {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        const totalElements = results.length + 2;
+        clearSelection();
+
+        if (direction === 'down') {
+            selectedIndex = (selectedIndex + 1) % totalElements;
+        }
+        else if (direction === 'up') {
+            selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
+        }
+
+        if (selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '#ff8623';
+            results[selectedIndex].scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '#ff8623';
+            viewAllResultsBtn.scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '#ff8623';
+            clearSearchBtn.scrollIntoView({ block: "nearest" });
+        }
+    }
+
+    searchInput.addEventListener('keydown', function(e) {
+        if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('down');
+        }
+        else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('up');
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                viewAllResultsBtn.click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
+                clearSearchBtn.click();
+            }
+            else {
+                const query = searchInput.value.trim();
+                localStorage.setItem('searchQuery', query);
+                window.location.href = 'search.html';
+            }
+        }
+    });
+
+    searchInput.addEventListener('blur', clearSelection);
+});
+
+function handleSignInOut() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    if (isSignedIn) {
+        localStorage.setItem('isSignedIn', JSON.stringify(false));
+        alert('You have been signed out.');
+    }
+    else {
+        window.location.href = 'sign-in.html';
+        return;
+    }
+
+    updateSignInButtonState();
+}
+
+function updateSignInButtonState() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    const signInText = document.getElementById('signInOutText');
+    const signInIcon = document.getElementById('signInIcon');
+    const signOutIcon = document.getElementById('signOutIcon');
+
+    if (isSignedIn) {
+        signInText.textContent = 'Sign Out';
+        signInIcon.style.display = 'none';
+        signOutIcon.style.display = 'inline-block';
+    }
+    else {
+        signInText.textContent = 'Sign In';
+        signInIcon.style.display = 'inline-block';
+        signOutIcon.style.display = 'none';
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    updateSignInButtonState();
+    document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
+});
+
+document.getElementById('settings-btn').addEventListener('click', () => {
+    window.location.href = 'settings.html';
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    applySettings();
+
+    function applySettings() {
+        const defaultBg = '../../images/universe-1.webp';
+        const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
+        const savedTextColor = localStorage.getItem('textColor');
+        const savedFontSize = localStorage.getItem('fontSize');
+        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;
+        }
+    }
+});
+
+const movieCode1 = {
+    part1: 'YzVhMjBjODY=',
+    part2: 'MWFjZjdiYjg=',
+    part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+};
+
+function getMovieCode() {
+    return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
+}
+
+function generateMovieNames(input) {
+    return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+}
+
+function getMovieVerseData(input) {
+    return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+}
+
+async function showMovieOfTheDay() {
+    const year = new Date().getFullYear();
+    const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
+
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const movies = data.results;
+
+        if (movies.length > 0) {
+            const randomMovie = movies[Math.floor(Math.random() * movies.length)];
+            localStorage.setItem('selectedMovieId', randomMovie.id);
+            window.location.href = 'movie-details.html';
+        }
+        else {
+            fallbackMovieSelection();
+        }
+    }
+    catch (error) {
+        console.log('Error fetching movie:', error);
+        fallbackMovieSelection();
+    }
+}
+
+async function ensureGenreMapIsAvailable() {
+    if (!localStorage.getItem('genreMap')) {
+        await fetchGenreMap();
+    }
+}
+
+async function fetchGenreMap() {
+    const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const genreMap = data.genres.reduce((map, genre) => {
+        map[genre.id] = genre.name;
+        return map;
+    }, {});
+        localStorage.setItem('genreMap', JSON.stringify(genreMap));
+    }
+    catch (error) {
+        console.log('Error fetching genre map:', error);
+    }
+}
+
+async function rotateUserStats() {
+    await ensureGenreMapIsAvailable();
+
+    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: "Most Visited Director", getValue: getMostVisitedDirector },
+    { label: "Most Visited Actor", getValue: getMostVisitedActor },
+    {
+        label: "Movies Discovered",
+        getValue: () => {
+        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
+        return viewedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Movies",
+        getValue: () => {
+        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
+        return favoritedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Genre",
+        getValue: () => {
+        const mostCommonGenreCode = getMostCommonGenre();
+        const genreMapString = localStorage.getItem('genreMap');
+        if (!genreMapString) {
+        console.log('No genre map found in localStorage.');
+        return 'Not Available';
+    }
+
+        let genreMap;
+        try {
+        genreMap = JSON.parse(genreMapString);
+    }
+        catch (e) {
+        console.log('Error parsing genre map:', e);
+        return 'Not Available';
+    }
+
+        let genreObject;
+        if (Array.isArray(genreMap)) {
+        genreObject = genreMap.reduce((acc, genre) => {
+        acc[genre.id] = genre.name;
+        return acc;
+    }, {});
+    }
+        else if (typeof genreMap === 'object' && genreMap !== null) {
+        genreObject = genreMap;
+    }
+        else {
+        console.log('genreMap is neither an array nor a proper object:', genreMap);
+        return 'Not Available';
+    }
+
+        return genreObject[mostCommonGenreCode] || 'Not Available';
+    }
+    },
+    { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
+    { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
+    {
+        label: "Directors Discovered",
+        getValue: () => {
+        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
+        return viewedDirectors.length;
+    }
+    },
+    {
+        label: "Actors Discovered",
+        getValue: () => {
+        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
+        return viewedActors.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';
+}
+
+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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
+    const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
+        acc[genre] = (acc[genre] || 0) + 1;
+        return acc;
+    }, {});
+
+    let mostCommonGenre = '';
+    let maxCount = 0;
+
+    for (const genre in genreCounts) {
+        if (genreCounts[genre] > maxCount) {
+            mostCommonGenre = genre;
+            maxCount = genreCounts[genre];
+        }
+    }
+
+    return mostCommonGenre || 'Not Available';
+}
+
+document.addEventListener('DOMContentLoaded', rotateUserStats);
+
+const form = document.getElementById('form1');
+
+form.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+});
+
+function handleSearch() {
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+}
+
+window.addEventListener('load', function() {
+    adjustAnchorHeights();
+});
+
+window.addEventListener('resize', adjustAnchorHeights);
+
+function adjustAnchorHeights() {
+    const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
+    let maxHeight = 0;
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = 'auto';
+        const anchorHeight = anchor.getBoundingClientRect().height;
+        maxHeight = Math.max(maxHeight, anchorHeight);
+    });
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = `${maxHeight}px`;
+    });
+}
+
+let lastScrollY = window.scrollY;
+
+window.addEventListener('scroll', () => {
+    const currentScrollY = window.scrollY;
+
+    if (currentScrollY > lastScrollY && currentScrollY > 0) {
+        document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
+    }
+    else {
+        document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
+    }
+
+    lastScrollY = currentScrollY;
+});
+
+let isAnimating = false;
+
+document.getElementById('menu-btn').addEventListener('click', () => {
+    if (isAnimating) return;
+
+    isAnimating = true;
+
+    const buttonIds = [
+    'chat-button',
+    'settings-btn',
+    'movie-of-the-day-btn',
+    'movie-match-btn3',
+    'movie-timeline-btn',
+    'discussions-btn',
+    'trivia-btn',
+    ];
+
+    buttonIds.forEach((id, index) => {
+        const button = document.getElementById(id);
+        if (button.style.display === 'none' || !button.style.display) {
+            button.style.display = 'block';
+            setTimeout(() => {
+                button.style.opacity = '1';
+                button.style.transform = 'translateY(0)';
+            }, 50 * index);
+        }
+        else {
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        }
+
+        setTimeout(() => {
+            button.style.display = button.style.opacity === '1' ? 'block' : 'none';
+            if (index === buttonIds.length - 1) {
+                isAnimating = false;
+            }
+        }, 500 + 50 * index);
+    });
+});
+
+window.addEventListener('resize', () => {
+    if (window.innerWidth < 767) {
+        const buttonIds = [
+        'chat-button',
+        'settings-btn',
+        'movie-of-the-day-btn',
+        'movie-match-btn3',
+        'movie-timeline-btn',
+        'discussions-btn',
+        'trivia-btn',
+        ];
+
+        buttonIds.forEach(id => {
+            const button = document.getElementById(id);
+            button.style.display = 'none';
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        });
+    }
+});
diff --git a/MovieVerse-Mobile/platforms/ios/www/404.html b/MovieVerse-Mobile/platforms/ios/www/404.html
index 1bcf82cf..26c82f8b 100644
--- a/MovieVerse-Mobile/platforms/ios/www/404.html
+++ b/MovieVerse-Mobile/platforms/ios/www/404.html
@@ -722,12 +722,12 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         }
 
         function updateClock() {
-            var now = new Date();
-            var hours = now.getHours();
-            var minutes = now.getMinutes();
+            let now = new Date();
+            let hours = now.getHours();
+            let minutes = now.getMinutes();
             hours = hours < 10 ? '0' + hours : hours;
             minutes = minutes < 10 ? '0' + minutes : minutes;
-            var timeString = hours + ':' + minutes;
+            let timeString = hours + ':' + minutes;
             document.getElementById('clock').innerHTML = timeString;
         }
 
diff --git a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/privacy-policy.html b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/privacy-policy.html
index bbe36f6d..4746d81a 100644
--- a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/privacy-policy.html
+++ b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/privacy-policy.html
@@ -176,6 +176,10 @@
             color: white;
         }
 
+        h2 {
+            color: white;
+        }
+
         .goog-te-combo {
             background-color: #7378c5 !important;
             color: white !important;
@@ -275,6 +279,9 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <span id="profileText">Profile</span>
             <i class="fas fa-user" id="profileIcon"></i>
         </button>
+        <button id="nav-toggle" class="nav-toggle notranslate" title="Toggle side navbar" onclick="toggleNav()">
+            <i class="fas fa-bars"></i>
+        </button>
         <button id="googleSignInBtn" class="nav-btn notranslate" onclick="handleSignInOut()" title="Sign In/Out">
             <span id="signInOutText">Sign In</span>
             <i class="fas fa-sign-in-alt" id="signInIcon"></i>
@@ -300,29 +307,56 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 90px; right: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
 
+    <nav id="side-nav" class="side-nav" style="z-index: 1000000">
+        <a id="heading-href" style="cursor: pointer" href="../../index.html" title="Click to go back to the home page">
+            <div id="my-heading1" style="margin-bottom: 15px; margin-left: 0; margin-top: 15px; font-size: 2.1em; font-weight: bold;">
+                The Mo<span class="highlight2">vieV</span>erse Menu
+            </div>
+        </a>
+
+        <div id="button-container">
+            <button id="button-remove" title="Close the navbar" onclick="removeNavBar()">Close</button>
+        </div>
+
+        <ul style="overflow-y: auto">
+            <li><a href="analytics.html">MovieVerse Analytics</a></li>
+            <li><a href="#introduction">Introduction</a></li>
+            <li><a href="#consent">Consent</a></li>
+            <li><a href="#subheading2">Information We Collect</a></li>
+            <li><a href="#subheading">How We Use Your Information</a></li>
+            <li><a href="#subheading3">Log Files</a></li>
+            <li><a href="#subheading4">Cookies and Web Beacons</a></li>
+            <li><a href="terms-of-service.html">Terms of Service</a></li>
+            <li><a href="sign-in.html">Sign In</a></li>
+            <li><a href="user-profile.html">Profile</a></li>
+            <li><a href="feedback.html">Submit Feedback</a></li>
+            <li><a href="support.html">Contact Support</a></li>
+        </ul>
+    </nav>
+
     <main class="content-area" style="text-align: center">
         <div style="text-align: center; width: 90%; margin-top: 25px">
             <div style="font-weight: bold; font-size: 30px" id="privacy-header">Privacy Policy</div>
         </div>
 
-        <div style="text-align: center; width: 90%   ">
-            <h2 style="color: white">Introduction</h2>
+        <div id="introduction" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Introduction</h2>
             <p>At The MovieVerse, accessible from <a id="linkWeb" href="https://movie-verse.com">https://movie-verse.com</a>, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by The MovieVerse and how we use it.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Consent</h2>
+        <div id="consent" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Consent</h2>
             <p>By using our website, you hereby consent to our Privacy Policy and agree to its terms. For our Terms and Conditions, please visit the <a id="linkWeb" href="https://movie-verse.com/MovieVerse-Frontend/html/terms-of-service.html">Terms and Conditions</a> page.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Information we collect</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Information we collect</h2>
             <p>The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.</p>
             <p>If you contact us directly, we may receive additional information about you such as your name, email address, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: #ffffff">How we use your information</h2>
+        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading">
+            <h2 style="cursor: pointer">How we use your information</h2>
             <p>We use the information we collect in various ways, including to:</p>
             <ul style="color: white; list-style: none; width: 90%">
                 <li>1. Provide, operate, and maintain our website</li>
@@ -336,16 +370,16 @@ <h2 style="color: #ffffff">How we use your information</h2>
             </ul>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Log Files</h2>
+        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading3">
+            <h2 style="cursor: pointer">Log Files</h2>
             <p>The MovieVerse follows a standard procedure of using log files.</p>
             <p>These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics.</p>
             <p>These are not linked to any information that is personally identifiable.</p>
             <p>The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.</p>
         </div>
 
-        <div style="text-align: center; margin-bottom: 300px; width: 90%">
-            <h2 style="color: white">Cookies and Web Beacons</h2>
+        <div style="text-align: center; margin-bottom: 300px; width: 90%; cursor: pointer" id="subheading4">
+            <h2 style="cursor: pointer">Cookies and Web Beacons</h2>
             <p>Like any other website, The MovieVerse uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited.</p>
             <p>The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
             <p>We may analyze user behavior through the use of cookies and web beacons with Google Analytics. Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. We partner with Google to use the data collected to track and monitor the use of our website.</p>
@@ -357,663 +391,6 @@ <h2 style="color: white">Cookies and Web Beacons</h2>
         <div class="spinner"></div>
     </div>
 
-    <script>
-        async function ensureGenreMapIsAvailable() {
-            if (!localStorage.getItem('genreMap')) {
-                await fetchGenreMap();
-            }
-        }
-
-        async function fetchGenreMap() {
-            const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const genreMap = data.genres.reduce((map, genre) => {
-                    map[genre.id] = genre.name;
-                    return map;
-                }, {});
-                localStorage.setItem('genreMap', JSON.stringify(genreMap));
-            }
-            catch (error) {
-                console.log('Error fetching genre map:', error);
-            }
-        }
-
-        async function rotateUserStats() {
-            await ensureGenreMapIsAvailable();
-
-            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: "Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Genre",
-                    getValue: () => {
-                        const mostCommonGenreCode = getMostCommonGenre();
-                        const genreMapString = localStorage.getItem('genreMap');
-                        if (!genreMapString) {
-                            console.log('No genre map found in localStorage.');
-                            return 'Not Available';
-                        }
-
-                        let genreMap;
-                        try {
-                            genreMap = JSON.parse(genreMapString);
-                        }
-                        catch (e) {
-                            console.log('Error parsing genre map:', e);
-                            return 'Not Available';
-                        }
-
-                        let genreObject;
-                        if (Array.isArray(genreMap)) {
-                            genreObject = genreMap.reduce((acc, genre) => {
-                                acc[genre.id] = genre.name;
-                                return acc;
-                            }, {});
-                        }
-                        else if (typeof genreMap === 'object' && genreMap !== null) {
-                            genreObject = genreMap;
-                        }
-                        else {
-                            console.log('genreMap is neither an array nor a proper object:', genreMap);
-                            return 'Not Available';
-                        }
-
-                        return genreObject[mostCommonGenreCode] || 'Not Available';
-                    }
-                },
-                { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.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';
-        }
-
-        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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
-            const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
-                acc[genre] = (acc[genre] || 0) + 1;
-                return acc;
-            }, {});
-
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in genreCounts) {
-                if (genreCounts[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = genreCounts[genre];
-                }
-            }
-
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
-    </script>
-
-    <script>
-        function handleSignInOut() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            if (isSignedIn) {
-                localStorage.setItem('isSignedIn', JSON.stringify(false));
-                alert('You have been signed out.');
-            }
-            else {
-                window.location.href = 'sign-in.html';
-                return;
-            }
-
-            updateSignInButtonState();
-        }
-
-        function updateSignInButtonState() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-            const signInText = document.getElementById('signInOutText');
-            const signInIcon = document.getElementById('signInIcon');
-            const signOutIcon = document.getElementById('signOutIcon');
-
-            if (isSignedIn) {
-                signInText.textContent = 'Sign Out';
-                signInIcon.style.display = 'none';
-                signOutIcon.style.display = 'inline-block';
-            }
-            else {
-                signInText.textContent = 'Sign In';
-                signInIcon.style.display = 'inline-block';
-                signOutIcon.style.display = 'none';
-            }
-        }
-
-        document.addEventListener("DOMContentLoaded", function() {
-            updateSignInButtonState();
-            document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const searchButton = document.getElementById('button-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.visibility = 'hidden';
-                        myHeading.style.opacity = '0';
-                        localTime.style.visibility = 'hidden';
-                        localTime.style.opacity = '0';
-                    }
-                }
-                else {
-                    myHeading.style.visibility = 'visible';
-                    myHeading.style.opacity = '1';
-                    localTime.style.visibility = 'visible';
-                    localTime.style.opacity = '1';
-                }
-            }
-            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');
-            const searchButton = document.getElementById('button-search');
-
-            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.visibility = 'visible';
-                myHeading.style.opacity = '1';
-                localTime.style.visibility = 'visible';
-                localTime.style.opacity = '1';
-            });
-
-            toggleButtons();
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        function showSpinner() {
-            document.getElementById('myModal').classList.add('modal-visible');
-        }
-
-        function hideSpinner() {
-            document.getElementById('myModal').classList.remove('modal-visible');
-        }
-
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                showSpinner();
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-                const searchResultsContainer = document.getElementById('search-results');
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                function toggleButtons() {
-                    viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                    const clearSearchBtn = document.getElementById('clear-search');
-                    clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-                }
-
-                if (query) {
-                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
-                            displaySearchResults(sortedResults.slice(0, 5));
-                        })
-                        .catch(err => console.log("Fetching error:", err));
-                }
-                else {
-                    searchInput.value = '';
-                    searchResultsContainer.innerHTML = '';
-                    toggleButtons();
-                    searchInput.focus();
-                }
-
-                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.');
-                    }
-                });
-
-                hideSpinner();
-            });
-
-            function displaySearchResults(results) {
-                showSpinner();
-                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}` : null;
-
-                    if (imagePath) {
-                        const image = document.createElement('img');
-                        image.src = imagePath;
-                        image.className = 'result-image';
-                        card.appendChild(image);
-                    }
-                    else {
-                        const placeholder = document.createElement('div');
-                        placeholder.className = 'result-image-placeholder';
-                        placeholder.textContent = 'Image Not Available';
-                        placeholder.style.textAlign = 'center';
-                        placeholder.style.padding = '10px';
-                        card.appendChild(placeholder);
-                    }
-
-                    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));
-                });
-
-                hideSpinner();
-            }
-
-            async function handleResultClick(item) {
-                console.log('Clicked item:', item.media_type, item.id);
-
-                if (!item.media_type) {
-                    console.log('Media type is undefined');
-                    return;
-                }
-
-                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.log('Error fetching person details:', error);
-                    }
-                }
-                else {
-                    console.log('Unknown media type:', item.media_type);
-                }
-            }
-        });
-
-        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');
-            let selectedIndex = -1;
-
-            function clearSelection() {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '';
-                }
-            }
-
-            function moveSelection(direction) {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                const totalElements = results.length + 2;
-                clearSelection();
-
-                if (direction === 'down') {
-                    selectedIndex = (selectedIndex + 1) % totalElements;
-                }
-                else if (direction === 'up') {
-                    selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
-                }
-
-                if (selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '#ff8623';
-                    results[selectedIndex].scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '#ff8623';
-                    viewAllResultsBtn.scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '#ff8623';
-                    clearSearchBtn.scrollIntoView({ block: "nearest" });
-                }
-            }
-
-            searchInput.addEventListener('keydown', function(e) {
-                if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('down');
-                }
-                else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('up');
-                }
-                else if (e.key === 'Enter') {
-                    e.preventDefault();
-                    if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        viewAllResultsBtn.click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
-                        clearSearchBtn.click();
-                    }
-                    else {
-                        const query = searchInput.value.trim();
-                        localStorage.setItem('searchQuery', query);
-                        window.location.href = 'search.html';
-                    }
-                }
-            });
-
-            searchInput.addEventListener('blur', clearSelection);
-        });
-
-        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);
-        }
-    </script>
-
-    <script>
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const defaultBg = '../../images/universe-1.webp';
-                const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
-                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;
-                }
-            }
-        });
-
-        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 getMovieCode() {
-            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
-        }
-
-        function generateMovieNames(input) {
-            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
-        }
-
-        async function showMovieOfTheDay() {
-            const year = new Date().getFullYear();
-            const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
-
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const movies = data.results;
-
-                if (movies.length > 0) {
-                    const randomMovie = movies[Math.floor(Math.random() * movies.length)];
-                    localStorage.setItem('selectedMovieId', randomMovie.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else {
-                    fallbackMovieSelection();
-                }
-            }
-            catch (error) {
-                console.log('Error fetching movie:', error);
-                fallbackMovieSelection();
-            }
-        }
-
-        const form = document.getElementById('form1');
-
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        });
-
-        function handleSearch() {
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        }
-    </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>
@@ -1056,103 +433,7 @@ <h2 style="color: white">Cookies and Web Beacons</h2>
         <span>Menu</span>
     </button>
 
-    <script>
-        window.addEventListener('load', function() {
-            adjustAnchorHeights();
-        });
-
-        window.addEventListener('resize', adjustAnchorHeights);
-
-        function adjustAnchorHeights() {
-            const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
-            let maxHeight = 0;
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = 'auto';
-                const anchorHeight = anchor.getBoundingClientRect().height;
-                maxHeight = Math.max(maxHeight, anchorHeight);
-            });
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = `${maxHeight}px`;
-            });
-        }
-
-        let lastScrollY = window.scrollY;
-
-        window.addEventListener('scroll', () => {
-            const currentScrollY = window.scrollY;
-
-            if (currentScrollY > lastScrollY && currentScrollY > 0) {
-                document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
-            }
-            else {
-                document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
-            }
-
-            lastScrollY = currentScrollY;
-        });
-
-        let isAnimating = false;
-
-        document.getElementById('menu-btn').addEventListener('click', () => {
-            if (isAnimating) return;
-
-            isAnimating = true;
-
-            const buttonIds = [
-                'chat-button',
-                'settings-btn',
-                'movie-of-the-day-btn',
-                'movie-match-btn3',
-                'movie-timeline-btn',
-                'discussions-btn',
-                'trivia-btn',
-            ];
-
-            buttonIds.forEach((id, index) => {
-                const button = document.getElementById(id);
-                if (button.style.display === 'none' || !button.style.display) {
-                    button.style.display = 'block';
-                    setTimeout(() => {
-                        button.style.opacity = '1';
-                        button.style.transform = 'translateY(0)';
-                    }, 50 * index);
-                } else {
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                }
-
-                setTimeout(() => {
-                    button.style.display = button.style.opacity === '1' ? 'block' : 'none';
-                    if (index === buttonIds.length - 1) {
-                        isAnimating = false;
-                    }
-                }, 500 + 50 * index);
-            });
-        });
-
-        window.addEventListener('resize', () => {
-            if (window.innerWidth < 767) {
-                const buttonIds = [
-                    'chat-button',
-                    'settings-btn',
-                    'movie-of-the-day-btn',
-                    'movie-match-btn3',
-                    'movie-timeline-btn',
-                    'discussions-btn',
-                    'trivia-btn',
-                ];
-
-                buttonIds.forEach(id => {
-                    const button = document.getElementById(id);
-                    button.style.display = 'none';
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                });
-            }
-        });
-    </script>
+    <script src="../js/privacy-policy.js"></script>
 
 </body>
 </html>
diff --git a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/terms-of-service.html b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/terms-of-service.html
index e6177293..d3b660db 100644
--- a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/terms-of-service.html
+++ b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/terms-of-service.html
@@ -196,6 +196,10 @@
                 bottom: 70px;
             }
         }
+
+        h2 {
+            color: white;
+        }
     </style>
 </head>
 
@@ -253,6 +257,10 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <div id="stats-display" class="clock" style="font-size: 1.25em; font-weight: bold;"></div>
         </div>
 
+        <button id="nav-toggle" class="nav-toggle notranslate" title="Toggle side navbar" onclick="toggleNav()">
+            <i class="fas fa-bars"></i>
+        </button>
+
         <button class="back-btn notranslate" onclick="window.location.href='../../index.html'">Home</button>
         <button class="about notranslate" onclick="window.location.href='about.html'">About</button>
         <button class="favorites-btn notranslate" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
@@ -286,73 +294,106 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 90px; right: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
 
+    <nav id="side-nav" class="side-nav" style="z-index: 1000000">
+        <a id="heading-href" style="cursor: pointer" href="../../index.html" title="Click to go back to the home page">
+            <div id="my-heading1" style="margin-bottom: 15px; margin-left: 0; margin-top: 15px; font-size: 2.1em; font-weight: bold;">
+                The Mo<span class="highlight2">vieV</span>erse Menu
+            </div>
+        </a>
+
+        <div id="button-container">
+            <button id="button-remove" title="Close the navbar" onclick="removeNavBar()">Close</button>
+        </div>
+
+        <ul style="overflow-y: auto">
+            <li><a href="analytics.html">MovieVerse Analytics</a></li>
+            <li><a href="#agreement">Agreement to Terms</a></li>
+            <li><a href="#consent">Changes to Terms</a></li>
+            <li><a href="#subheading2">Use of Service</a></li>
+            <li><a href="#subheading">Content</a></li>
+            <li><a href="#subheading3">Ads</a></li>
+            <li><a href="#subheading4">Accounts</a></li>
+            <li><a href="#subheading5">Intellectual Property</a></li>
+            <li><a href="#subheading6">Links To Other Web Sites</a></li>
+            <li><a href="#subheading7">Termination</a></li>
+            <li><a href="#subheading8">Disclaimer</a></li>
+            <li><a href="#subheading9">Governing Law</a></li>
+            <li><a href="#subheading10">Contact Us</a></li>
+            <li><a href="privacy-policy.html">Privacy Policy</a></li>
+            <li><a href="sign-in.html">Sign In</a></li>
+            <li><a href="user-profile.html">Profile</a></li>
+            <li><a href="feedback.html">Submit Feedback</a></li>
+            <li><a href="support.html">Contact Support</a></li>
+        </ul>
+    </nav>
+
     <main class="content-area">
         <div style="text-align: center; width: 90%">
             <div style="font-weight: bold; font-size: 28px; margin-top: 10px; color: #ff8623" id="tos-header">Terms of Service</div>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Agreement to Terms</h2>
+        <div style="text-align: center; width: 90%" id="agreement">
+            <h2 style="cursor: pointer">Agreement to Terms</h2>
             <p>By using The MovieVerse, you agree to be bound by these terms. If you disagree with any part of the terms, then you do not have permission to access the service.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Changes to Terms</h2>
+        <div style="text-align: center; width: 90%" id="consent">
+            <h2 style="cursor: pointer">Changes to Terms</h2>
             <p>We reserve the right to modify or replace these Terms at any time at our sole discretion. We will try to provide at least 30 days' notice prior to any new terms taking effect.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Use of Service</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Use of Service</h2>
             <p>The MovieVerse is provided on an "AS IS" and "AS AVAILABLE" basis. The service is for personal, non-commercial use only.</p>
             <p>You may not use the service for any illegal or unauthorized purpose. You must not, in the use of the service, violate any laws in your jurisdiction.</p>
             <p>You agree not to reproduce, duplicate, copy, sell, resell or exploit any portion of the service, use of the service, or access to the service without express written permission by us.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Content</h2>
+        <div style="text-align: center; width: 90%" id="subheading">
+            <h2 style="cursor: pointer">Content</h2>
             <p>Content found on or through this Service are the property of The MovieVerse or used with permission. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said Content, whether in whole or in part, for commercial purposes or for personal gain, without express advance written permission from us.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Ads</h2>
+        <div style="text-align: center; width: 90%" id="subheading3">
+            <h2 style="cursor: pointer">Ads</h2>
             <p>During use of the Service, you may enter into correspondence with or participate in promotions of advertisers or sponsors showing their goods or services through the Service. Any such activity, and any terms, conditions, warranties or representations associated with such activity, is solely between you and the applicable third-party.</p>
             <p>We display ads on the Service to help us keep our servers and databases running and free for everyone. We're committed to placing non-intrusive ads only, which means no pop-ups, no auto-playing videos, and no ads that interfere with your experience on the site.</p>
             <p>If you encounter any ads that are inappropriate, misleading, or intrusive, please let us know by contacting us at using the Feedback form <a style="color: white" href="feedback.html">here</a>.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Accounts</h2>
+        <div style="text-align: center; width: 90%" id="subheading4">
+            <h2 style="cursor: pointer">Accounts</h2>
             <p>When you create an account with us, you guarantee that the information you provide us is accurate, complete, and current at all times. Inaccurate, incomplete, or obsolete information may result in the immediate termination of your account on the Service.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Intellectual Property</h2>
+        <div style="text-align: center; width: 90%" id="subheading5">
+            <h2 style="cursor: pointer">Intellectual Property</h2>
             <p>The Service and its original content, features, and functionality are and will remain the exclusive property of The MovieVerse and its licensors.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Links To Other Web Sites</h2>
+        <div style="text-align: center; width: 90%" id="subheading6">
+            <h2 style="cursor: pointer">Links To Other Web Sites</h2>
             <p>Our Service may contain links to third-party web sites or services that are not owned or controlled by The MovieVerse. We have no control over, and assume no responsibility for the content, privacy policies, or practices of any third-party web sites or services.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Termination</h2>
+        <div style="text-align: center; width: 90%" id="subheading7">
+            <h2 style="cursor: pointer">Termination</h2>
             <p>We may terminate or suspend your account and bar access to the Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of the Terms.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Disclaimer</h2>
+        <div style="text-align: center; width: 90%" id="subheading8">
+            <h2 style="cursor: pointer">Disclaimer</h2>
             <p>Your use of the Service is at your sole risk. The Service is provided on an "AS IS" and "AS AVAILABLE" basis. The Service is provided without warranties of any kind.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Governing Law</h2>
+        <div style="text-align: center; width: 90%" id="subheading9">
+            <h2 style="cursor: pointer">Governing Law</h2>
             <p>These Terms shall be governed and construed in accordance with the laws of the country where The MovieVerse is based (the United States of America), without regard to its conflict of law provisions.</p>
             <p>Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect.</p>
         </div>
 
-        <div style="text-align: center; width: 90%; margin-bottom: 300px">
-            <h2 style="color: white">Contact Us</h2>
+        <div style="text-align: center; width: 90%; margin-bottom: 300px" id="subheading10">
+            <h2 style="cursor: pointer">Contact Us</h2>
             <p>If you have any questions about these Terms, please contact us at <a id="mail" href="mailto:info@movie-verse.com">info@movie-verse.com</a>.</p>
         </div>
     </main>
@@ -361,641 +402,7 @@ <h2 style="color: white">Contact Us</h2>
         <div class="spinner"></div>
     </div>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const searchButton = document.getElementById('button-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.visibility = 'hidden';
-                        myHeading.style.opacity = '0';
-                        localTime.style.visibility = 'hidden';
-                        localTime.style.opacity = '0';
-                    }
-                }
-                else {
-                    myHeading.style.visibility = 'visible';
-                    myHeading.style.opacity = '1';
-                    localTime.style.visibility = 'visible';
-                    localTime.style.opacity = '1';
-                }
-            }
-            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');
-            const searchButton = document.getElementById('button-search');
-
-            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.visibility = 'visible';
-                myHeading.style.opacity = '1';
-                localTime.style.visibility = 'visible';
-                localTime.style.opacity = '1';
-            });
-
-            toggleButtons();
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        function showSpinner() {
-            document.getElementById('myModal').classList.add('modal-visible');
-        }
-
-        function hideSpinner() {
-            document.getElementById('myModal').classList.remove('modal-visible');
-        }
-
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                showSpinner();
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-                const searchResultsContainer = document.getElementById('search-results');
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                function toggleButtons() {
-                    viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                    const clearSearchBtn = document.getElementById('clear-search');
-                    clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-                }
-
-                if (query) {
-                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
-                            displaySearchResults(sortedResults.slice(0, 5));
-                        })
-                        .catch(err => console.log("Fetching error:", err));
-                }
-                else {
-                    searchInput.value = '';
-                    searchResultsContainer.innerHTML = '';
-                    toggleButtons();
-                    searchInput.focus();
-                }
-
-                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.');
-                    }
-                });
-
-                hideSpinner();
-            });
-
-            function displaySearchResults(results) {
-                showSpinner();
-                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}` : null;
-
-                    if (imagePath) {
-                        const image = document.createElement('img');
-                        image.src = imagePath;
-                        image.className = 'result-image';
-                        card.appendChild(image);
-                    }
-                    else {
-                        const placeholder = document.createElement('div');
-                        placeholder.className = 'result-image-placeholder';
-                        placeholder.textContent = 'Image Not Available';
-                        placeholder.style.textAlign = 'center';
-                        placeholder.style.padding = '10px';
-                        card.appendChild(placeholder);
-                    }
-
-                    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));
-                });
-
-                hideSpinner();
-            }
-
-            async function handleResultClick(item) {
-                console.log('Clicked item:', item.media_type, item.id);
-
-                if (!item.media_type) {
-                    console.log('Media type is undefined');
-                    return;
-                }
-
-                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.log('Error fetching person details:', error);
-                    }
-                }
-                else {
-                    console.log('Unknown media type:', item.media_type);
-                }
-            }
-        });
-
-        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');
-            let selectedIndex = -1;
-
-            function clearSelection() {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '';
-                }
-            }
-
-            function moveSelection(direction) {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                const totalElements = results.length + 2;
-                clearSelection();
-
-                if (direction === 'down') {
-                    selectedIndex = (selectedIndex + 1) % totalElements;
-                }
-                else if (direction === 'up') {
-                    selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
-                }
-
-                if (selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '#ff8623';
-                    results[selectedIndex].scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '#ff8623';
-                    viewAllResultsBtn.scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '#ff8623';
-                    clearSearchBtn.scrollIntoView({ block: "nearest" });
-                }
-            }
-
-            searchInput.addEventListener('keydown', function(e) {
-                if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('down');
-                }
-                else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('up');
-                }
-                else if (e.key === 'Enter') {
-                    e.preventDefault();
-                    if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        viewAllResultsBtn.click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
-                        clearSearchBtn.click();
-                    }
-                    else {
-                        const query = searchInput.value.trim();
-                        localStorage.setItem('searchQuery', query);
-                        window.location.href = 'search.html';
-                    }
-                }
-            });
-
-            searchInput.addEventListener('blur', clearSelection);
-        });
-    </script>
-
-    <script>
-        function handleSignInOut() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            if (isSignedIn) {
-                localStorage.setItem('isSignedIn', JSON.stringify(false));
-                alert('You have been signed out.');
-            }
-            else {
-                window.location.href = 'sign-in.html';
-                return;
-            }
-
-            updateSignInButtonState();
-        }
-
-        function updateSignInButtonState() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            const signInText = document.getElementById('signInOutText');
-            const signInIcon = document.getElementById('signInIcon');
-            const signOutIcon = document.getElementById('signOutIcon');
-
-            if (isSignedIn) {
-                signInText.textContent = 'Sign Out';
-                signInIcon.style.display = 'none';
-                signOutIcon.style.display = 'inline-block';
-            }
-            else {
-                signInText.textContent = 'Sign In';
-                signInIcon.style.display = 'inline-block';
-                signOutIcon.style.display = 'none';
-            }
-        }
-
-        document.addEventListener("DOMContentLoaded", function() {
-            updateSignInButtonState();
-            document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
-        });
-
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const defaultBg = '../../images/universe-1.webp';
-                const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
-                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;
-                }
-            }
-        });
-
-        const movieCode1 = {
-            part1: 'YzVhMjBjODY=',
-            part2: 'MWFjZjdiYjg=',
-            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
-        };
-
-        function getMovieCode() {
-            return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
-        }
-
-        function generateMovieNames(input) {
-            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
-        }
-
-        function getMovieVerseData(input) {
-            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
-        }
-
-        async function showMovieOfTheDay() {
-            const year = new Date().getFullYear();
-            const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
-
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const movies = data.results;
-
-                if (movies.length > 0) {
-                    const randomMovie = movies[Math.floor(Math.random() * movies.length)];
-                    localStorage.setItem('selectedMovieId', randomMovie.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else {
-                    fallbackMovieSelection();
-                }
-            }
-            catch (error) {
-                console.log('Error fetching movie:', error);
-                fallbackMovieSelection();
-            }
-        }
-
-        async function ensureGenreMapIsAvailable() {
-            if (!localStorage.getItem('genreMap')) {
-                await fetchGenreMap();
-            }
-        }
-
-        async function fetchGenreMap() {
-            const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const genreMap = data.genres.reduce((map, genre) => {
-                    map[genre.id] = genre.name;
-                    return map;
-                }, {});
-                localStorage.setItem('genreMap', JSON.stringify(genreMap));
-            }
-            catch (error) {
-                console.log('Error fetching genre map:', error);
-            }
-        }
-
-        async function rotateUserStats() {
-            await ensureGenreMapIsAvailable();
-
-            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: "Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Genre",
-                    getValue: () => {
-                        const mostCommonGenreCode = getMostCommonGenre();
-                        const genreMapString = localStorage.getItem('genreMap');
-                        if (!genreMapString) {
-                            console.log('No genre map found in localStorage.');
-                            return 'Not Available';
-                        }
-
-                        let genreMap;
-                        try {
-                            genreMap = JSON.parse(genreMapString);
-                        }
-                        catch (e) {
-                            console.log('Error parsing genre map:', e);
-                            return 'Not Available';
-                        }
-
-                        let genreObject;
-                        if (Array.isArray(genreMap)) {
-                            genreObject = genreMap.reduce((acc, genre) => {
-                                acc[genre.id] = genre.name;
-                                return acc;
-                            }, {});
-                        }
-                        else if (typeof genreMap === 'object' && genreMap !== null) {
-                            genreObject = genreMap;
-                        }
-                        else {
-                            console.log('genreMap is neither an array nor a proper object:', genreMap);
-                            return 'Not Available';
-                        }
-
-                        return genreObject[mostCommonGenreCode] || 'Not Available';
-                    }
-                },
-                { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.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';
-        }
-
-        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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
-            const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
-                acc[genre] = (acc[genre] || 0) + 1;
-                return acc;
-            }, {});
-
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in genreCounts) {
-                if (genreCounts[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = genreCounts[genre];
-                }
-            }
-
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
-
-        const form = document.getElementById('form1');
-
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        });
-
-        function handleSearch() {
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        }
-    </script>
+    <script src="../js/terms-of-service.js"></script>
 
     <footer>
         <a href="../../index.html" style="cursor: pointer; text-decoration: none">
@@ -1039,105 +446,5 @@ <h2 style="color: white">Contact Us</h2>
         <span>Menu</span>
     </button>
 
-    <script>
-        window.addEventListener('load', function() {
-            adjustAnchorHeights();
-        });
-
-        window.addEventListener('resize', adjustAnchorHeights);
-
-        function adjustAnchorHeights() {
-            const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
-            let maxHeight = 0;
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = 'auto';
-                const anchorHeight = anchor.getBoundingClientRect().height;
-                maxHeight = Math.max(maxHeight, anchorHeight);
-            });
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = `${maxHeight}px`;
-            });
-        }
-
-        let lastScrollY = window.scrollY;
-
-        window.addEventListener('scroll', () => {
-            const currentScrollY = window.scrollY;
-
-            if (currentScrollY > lastScrollY && currentScrollY > 0) {
-                document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
-            }
-            else {
-                document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
-            }
-
-            lastScrollY = currentScrollY;
-        });
-
-        let isAnimating = false;
-
-        document.getElementById('menu-btn').addEventListener('click', () => {
-            if (isAnimating) return;
-
-            isAnimating = true;
-
-            const buttonIds = [
-                'chat-button',
-                'settings-btn',
-                'movie-of-the-day-btn',
-                'movie-match-btn3',
-                'movie-timeline-btn',
-                'discussions-btn',
-                'trivia-btn',
-            ];
-
-            buttonIds.forEach((id, index) => {
-                const button = document.getElementById(id);
-                if (button.style.display === 'none' || !button.style.display) {
-                    button.style.display = 'block';
-                    setTimeout(() => {
-                        button.style.opacity = '1';
-                        button.style.transform = 'translateY(0)';
-                    }, 50 * index);
-                }
-                else {
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                }
-
-                setTimeout(() => {
-                    button.style.display = button.style.opacity === '1' ? 'block' : 'none';
-                    if (index === buttonIds.length - 1) {
-                        isAnimating = false;
-                    }
-                }, 500 + 50 * index);
-            });
-        });
-
-        window.addEventListener('resize', () => {
-            if (window.innerWidth < 767) {
-                const buttonIds = [
-                    'chat-button',
-                    'settings-btn',
-                    'movie-of-the-day-btn',
-                    'movie-match-btn3',
-                    'movie-timeline-btn',
-                    'discussions-btn',
-                    'trivia-btn',
-                ];
-
-                buttonIds.forEach(id => {
-                    const button = document.getElementById(id);
-                    button.style.display = 'none';
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                });
-            }
-        });
-    </script>
-
 </body>
-
 </html>
diff --git a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/privacy-policy.js b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/privacy-policy.js
new file mode 100644
index 00000000..68a1dc2a
--- /dev/null
+++ b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/privacy-policy.js
@@ -0,0 +1,807 @@
+function toggleNav() {
+    const sideNav = document.getElementById('side-nav');
+    sideNav.classList.toggle('manual-toggle');
+    adjustNavBar();
+}
+
+function removeNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+    }
+
+    adjustNavBar();
+}
+
+function adjustNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0px';
+    }
+    else {
+        sideNav.style.left = '-250px';
+    }
+}
+
+document.addEventListener('mousemove', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0';
+    }
+});
+
+document.getElementById('side-nav').addEventListener('mouseleave', function() {
+    const sideNav = document.getElementById('side-nav');
+    if (!sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '-250px';
+    }
+});
+
+document.addEventListener('click', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    const navToggle = document.getElementById('nav-toggle');
+    if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+        adjustNavBar();
+    }
+});
+
+document.getElementById('introduction').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('introduction').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('consent').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading2').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading3').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading4').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
+});
+
+async function ensureGenreMapIsAvailable() {
+    if (!localStorage.getItem('genreMap')) {
+        await fetchGenreMap();
+    }
+}
+
+async function fetchGenreMap() {
+    const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const genreMap = data.genres.reduce((map, genre) => {
+            map[genre.id] = genre.name;
+            return map;
+        }, {});
+        localStorage.setItem('genreMap', JSON.stringify(genreMap));
+    }
+    catch (error) {
+        console.log('Error fetching genre map:', error);
+    }
+}
+
+async function rotateUserStats() {
+    await ensureGenreMapIsAvailable();
+
+    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: "Most Visited Director", getValue: getMostVisitedDirector },
+        { label: "Most Visited Actor", getValue: getMostVisitedActor },
+        {
+            label: "Movies Discovered",
+            getValue: () => {
+                const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
+                return viewedMovies.length;
+            }
+        },
+        {
+            label: "Favorite Movies",
+            getValue: () => {
+                const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
+                return favoritedMovies.length;
+            }
+        },
+        {
+            label: "Favorite Genre",
+            getValue: () => {
+                const mostCommonGenreCode = getMostCommonGenre();
+                const genreMapString = localStorage.getItem('genreMap');
+                if (!genreMapString) {
+                    console.log('No genre map found in localStorage.');
+                    return 'Not Available';
+                }
+
+                let genreMap;
+                try {
+                    genreMap = JSON.parse(genreMapString);
+                }
+                catch (e) {
+                    console.log('Error parsing genre map:', e);
+                    return 'Not Available';
+                }
+
+                let genreObject;
+                if (Array.isArray(genreMap)) {
+                    genreObject = genreMap.reduce((acc, genre) => {
+                        acc[genre.id] = genre.name;
+                        return acc;
+                    }, {});
+                }
+                else if (typeof genreMap === 'object' && genreMap !== null) {
+                    genreObject = genreMap;
+                }
+                else {
+                    console.log('genreMap is neither an array nor a proper object:', genreMap);
+                    return 'Not Available';
+                }
+
+                return genreObject[mostCommonGenreCode] || 'Not Available';
+            }
+        },
+        { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
+        { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
+        {
+            label: "Directors Discovered",
+            getValue: () => {
+                const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
+                return viewedDirectors.length;
+            }
+        },
+        {
+            label: "Actors Discovered",
+            getValue: () => {
+                const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
+                return viewedActors.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';
+}
+
+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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
+    const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
+        acc[genre] = (acc[genre] || 0) + 1;
+        return acc;
+    }, {});
+
+    let mostCommonGenre = '';
+    let maxCount = 0;
+
+    for (const genre in genreCounts) {
+        if (genreCounts[genre] > maxCount) {
+            mostCommonGenre = genre;
+            maxCount = genreCounts[genre];
+        }
+    }
+
+    return mostCommonGenre || 'Not Available';
+}
+
+document.addEventListener('DOMContentLoaded', rotateUserStats);
+
+function handleSignInOut() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    if (isSignedIn) {
+        localStorage.setItem('isSignedIn', JSON.stringify(false));
+        alert('You have been signed out.');
+    }
+    else {
+        window.location.href = 'sign-in.html';
+        return;
+    }
+
+    updateSignInButtonState();
+}
+
+function updateSignInButtonState() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+    const signInText = document.getElementById('signInOutText');
+    const signInIcon = document.getElementById('signInIcon');
+    const signOutIcon = document.getElementById('signOutIcon');
+
+    if (isSignedIn) {
+        signInText.textContent = 'Sign Out';
+        signInIcon.style.display = 'none';
+        signOutIcon.style.display = 'inline-block';
+    }
+    else {
+        signInText.textContent = 'Sign In';
+        signInIcon.style.display = 'inline-block';
+        signOutIcon.style.display = 'none';
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    updateSignInButtonState();
+    document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchBar = document.getElementById('search');
+    const searchButton = document.getElementById('button-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.visibility = 'hidden';
+                myHeading.style.opacity = '0';
+                localTime.style.visibility = 'hidden';
+                localTime.style.opacity = '0';
+            }
+        }
+        else {
+            myHeading.style.visibility = 'visible';
+            myHeading.style.opacity = '1';
+            localTime.style.visibility = 'visible';
+            localTime.style.opacity = '1';
+        }
+    }
+    searchBar.addEventListener('input', toggleVisibility);
+    toggleVisibility();
+});
+
+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');
+    const searchButton = document.getElementById('button-search');
+
+    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.visibility = 'visible';
+        myHeading.style.opacity = '1';
+        localTime.style.visibility = 'visible';
+        localTime.style.opacity = '1';
+    });
+
+    toggleButtons();
+    searchInput.addEventListener('input', toggleButtons);
+});
+
+function showSpinner() {
+    document.getElementById('myModal').classList.add('modal-visible');
+}
+
+function hideSpinner() {
+    document.getElementById('myModal').classList.remove('modal-visible');
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('search').addEventListener('input', function(e) {
+        showSpinner();
+        const viewAllResultsBtn = document.getElementById('view-all-results');
+        const searchInput = document.getElementById('search');
+        const query = e.target.value.trim();
+        const searchResultsContainer = document.getElementById('search-results');
+
+        viewAllResultsBtn.style.display = query ? 'block' : 'none';
+
+        function toggleButtons() {
+            viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+            const clearSearchBtn = document.getElementById('clear-search');
+            clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+        }
+
+        if (query) {
+            const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
+            fetch(searchURL)
+                .then(response => response.json())
+                .then(data => {
+                    const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
+                    displaySearchResults(sortedResults.slice(0, 5));
+                })
+                .catch(err => console.log("Fetching error:", err));
+        }
+        else {
+            searchInput.value = '';
+            searchResultsContainer.innerHTML = '';
+            toggleButtons();
+            searchInput.focus();
+        }
+
+        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.');
+            }
+        });
+
+        hideSpinner();
+    });
+
+    function displaySearchResults(results) {
+        showSpinner();
+        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}` : null;
+
+            if (imagePath) {
+                const image = document.createElement('img');
+                image.src = imagePath;
+                image.className = 'result-image';
+                card.appendChild(image);
+            }
+            else {
+                const placeholder = document.createElement('div');
+                placeholder.className = 'result-image-placeholder';
+                placeholder.textContent = 'Image Not Available';
+                placeholder.style.textAlign = 'center';
+                placeholder.style.padding = '10px';
+                card.appendChild(placeholder);
+            }
+
+            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));
+        });
+
+        hideSpinner();
+    }
+
+    async function handleResultClick(item) {
+        console.log('Clicked item:', item.media_type, item.id);
+
+        if (!item.media_type) {
+            console.log('Media type is undefined');
+            return;
+        }
+
+        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.log('Error fetching person details:', error);
+            }
+        }
+        else {
+            console.log('Unknown media type:', item.media_type);
+        }
+    }
+});
+
+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');
+    let selectedIndex = -1;
+
+    function clearSelection() {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        if (selectedIndex >= 0 && selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '';
+        }
+            else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '';
+        }
+            else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '';
+        }
+    }
+
+    function moveSelection(direction) {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        const totalElements = results.length + 2;
+        clearSelection();
+
+        if (direction === 'down') {
+            selectedIndex = (selectedIndex + 1) % totalElements;
+        }
+        else if (direction === 'up') {
+            selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
+        }
+
+        if (selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '#ff8623';
+            results[selectedIndex].scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '#ff8623';
+            viewAllResultsBtn.scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '#ff8623';
+            clearSearchBtn.scrollIntoView({ block: "nearest" });
+        }
+    }
+
+    searchInput.addEventListener('keydown', function(e) {
+        if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('down');
+        }
+        else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('up');
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                viewAllResultsBtn.click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
+                clearSearchBtn.click();
+            }
+            else {
+                const query = searchInput.value.trim();
+                localStorage.setItem('searchQuery', query);
+                window.location.href = 'search.html';
+            }
+        }
+    });
+
+    searchInput.addEventListener('blur', clearSelection);
+});
+
+document.getElementById('settings-btn').addEventListener('click', () => {
+    window.location.href = 'settings.html';
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    applySettings();
+
+    function applySettings() {
+        const defaultBg = '../../images/universe-1.webp';
+        const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
+        const savedTextColor = localStorage.getItem('textColor');
+        const savedFontSize = localStorage.getItem('fontSize');
+        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;
+        }
+    }
+});
+
+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 getMovieCode() {
+    return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+}
+
+function generateMovieNames(input) {
+    return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+}
+
+async function showMovieOfTheDay() {
+    const year = new Date().getFullYear();
+    const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
+
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const movies = data.results;
+
+        if (movies.length > 0) {
+            const randomMovie = movies[Math.floor(Math.random() * movies.length)];
+            localStorage.setItem('selectedMovieId', randomMovie.id);
+            window.location.href = 'movie-details.html';
+        }
+        else {
+            fallbackMovieSelection();
+        }
+    }
+    catch (error) {
+        console.log('Error fetching movie:', error);
+        fallbackMovieSelection();
+    }
+}
+
+const form = document.getElementById('form1');
+
+form.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+});
+
+function handleSearch() {
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+}
+
+window.addEventListener('load', function() {
+    adjustAnchorHeights();
+});
+
+window.addEventListener('resize', adjustAnchorHeights);
+
+function adjustAnchorHeights() {
+    const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
+    let maxHeight = 0;
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = 'auto';
+        const anchorHeight = anchor.getBoundingClientRect().height;
+        maxHeight = Math.max(maxHeight, anchorHeight);
+    });
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = `${maxHeight}px`;
+    });
+}
+
+let lastScrollY = window.scrollY;
+
+window.addEventListener('scroll', () => {
+    const currentScrollY = window.scrollY;
+
+    if (currentScrollY > lastScrollY && currentScrollY > 0) {
+        document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
+    }
+    else {
+        document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
+    }
+
+    lastScrollY = currentScrollY;
+});
+
+let isAnimating = false;
+
+document.getElementById('menu-btn').addEventListener('click', () => {
+    if (isAnimating) return;
+
+    isAnimating = true;
+
+    const buttonIds = [
+        'chat-button',
+        'settings-btn',
+        'movie-of-the-day-btn',
+        'movie-match-btn3',
+        'movie-timeline-btn',
+        'discussions-btn',
+        'trivia-btn',
+    ];
+
+    buttonIds.forEach((id, index) => {
+        const button = document.getElementById(id);
+        if (button.style.display === 'none' || !button.style.display) {
+            button.style.display = 'block';
+            setTimeout(() => {
+                button.style.opacity = '1';
+                button.style.transform = 'translateY(0)';
+            }, 50 * index);
+        }
+        else {
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        }
+
+        setTimeout(() => {
+            button.style.display = button.style.opacity === '1' ? 'block' : 'none';
+            if (index === buttonIds.length - 1) {
+                isAnimating = false;
+            }
+        }, 500 + 50 * index);
+    });
+});
+
+window.addEventListener('resize', () => {
+    if (window.innerWidth < 767) {
+        const buttonIds = [
+            'chat-button',
+            'settings-btn',
+            'movie-of-the-day-btn',
+            'movie-match-btn3',
+            'movie-timeline-btn',
+            'discussions-btn',
+            'trivia-btn',
+            ];
+
+        buttonIds.forEach(id => {
+            const button = document.getElementById(id);
+            button.style.display = 'none';
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        });
+    }
+});
diff --git a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/terms-of-service.js b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/terms-of-service.js
new file mode 100644
index 00000000..42a2d0af
--- /dev/null
+++ b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/terms-of-service.js
@@ -0,0 +1,845 @@
+document.getElementById('agreement').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('agreement').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('consent').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading2').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading3').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading4').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading5').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading5').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading6').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading6').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading7').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading7').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading8').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading8').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading9').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading9').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading10').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading10').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchBar = document.getElementById('search');
+    const searchButton = document.getElementById('button-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.visibility = 'hidden';
+                myHeading.style.opacity = '0';
+                localTime.style.visibility = 'hidden';
+                localTime.style.opacity = '0';
+            }
+        }
+        else {
+            myHeading.style.visibility = 'visible';
+            myHeading.style.opacity = '1';
+            localTime.style.visibility = 'visible';
+            localTime.style.opacity = '1';
+        }
+    }
+    searchBar.addEventListener('input', toggleVisibility);
+    toggleVisibility();
+});
+
+
+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');
+    const searchButton = document.getElementById('button-search');
+
+    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.visibility = 'visible';
+        myHeading.style.opacity = '1';
+        localTime.style.visibility = 'visible';
+        localTime.style.opacity = '1';
+    });
+
+    toggleButtons();
+    searchInput.addEventListener('input', toggleButtons);
+});
+
+function toggleNav() {
+    const sideNav = document.getElementById('side-nav');
+    sideNav.classList.toggle('manual-toggle');
+    adjustNavBar();
+}
+
+function removeNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+    }
+
+    adjustNavBar();
+}
+
+function adjustNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0px';
+    }
+    else {
+        sideNav.style.left = '-250px';
+    }
+}
+
+document.addEventListener('mousemove', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0';
+    }
+});
+
+document.getElementById('side-nav').addEventListener('mouseleave', function() {
+    const sideNav = document.getElementById('side-nav');
+    if (!sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '-250px';
+    }
+});
+
+document.addEventListener('click', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    const navToggle = document.getElementById('nav-toggle');
+    if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+        adjustNavBar();
+    }
+});
+
+function showSpinner() {
+    document.getElementById('myModal').classList.add('modal-visible');
+}
+
+function hideSpinner() {
+    document.getElementById('myModal').classList.remove('modal-visible');
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('search').addEventListener('input', function(e) {
+        showSpinner();
+        const viewAllResultsBtn = document.getElementById('view-all-results');
+        const searchInput = document.getElementById('search');
+        const query = e.target.value.trim();
+        const searchResultsContainer = document.getElementById('search-results');
+
+        viewAllResultsBtn.style.display = query ? 'block' : 'none';
+
+        function toggleButtons() {
+            viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+            const clearSearchBtn = document.getElementById('clear-search');
+            clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+        }
+
+        if (query) {
+            const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
+            fetch(searchURL)
+                .then(response => response.json())
+                .then(data => {
+                    const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
+                    displaySearchResults(sortedResults.slice(0, 5));
+                })
+                .catch(err => console.log("Fetching error:", err));
+        }
+        else {
+            searchInput.value = '';
+            searchResultsContainer.innerHTML = '';
+            toggleButtons();
+            searchInput.focus();
+        }
+
+        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.');
+            }
+        });
+
+        hideSpinner();
+    });
+
+    function displaySearchResults(results) {
+        showSpinner();
+        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}` : null;
+
+            if (imagePath) {
+                const image = document.createElement('img');
+                image.src = imagePath;
+                image.className = 'result-image';
+                card.appendChild(image);
+            }
+            else {
+                const placeholder = document.createElement('div');
+                placeholder.className = 'result-image-placeholder';
+                placeholder.textContent = 'Image Not Available';
+                placeholder.style.textAlign = 'center';
+                placeholder.style.padding = '10px';
+                card.appendChild(placeholder);
+            }
+
+            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));
+        });
+
+        hideSpinner();
+    }
+
+    async function handleResultClick(item) {
+        console.log('Clicked item:', item.media_type, item.id);
+
+        if (!item.media_type) {
+            console.log('Media type is undefined');
+            return;
+        }
+
+        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.log('Error fetching person details:', error);
+            }
+        }
+        else {
+            console.log('Unknown media type:', item.media_type);
+        }
+    }
+});
+
+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');
+    let selectedIndex = -1;
+
+    function clearSelection() {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        if (selectedIndex >= 0 && selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '';
+        }
+    }
+
+    function moveSelection(direction) {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        const totalElements = results.length + 2;
+        clearSelection();
+
+        if (direction === 'down') {
+            selectedIndex = (selectedIndex + 1) % totalElements;
+        }
+        else if (direction === 'up') {
+            selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
+        }
+
+        if (selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '#ff8623';
+            results[selectedIndex].scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '#ff8623';
+            viewAllResultsBtn.scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '#ff8623';
+            clearSearchBtn.scrollIntoView({ block: "nearest" });
+        }
+    }
+
+    searchInput.addEventListener('keydown', function(e) {
+        if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('down');
+        }
+        else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('up');
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                viewAllResultsBtn.click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
+                clearSearchBtn.click();
+            }
+            else {
+                const query = searchInput.value.trim();
+                localStorage.setItem('searchQuery', query);
+                window.location.href = 'search.html';
+            }
+        }
+    });
+
+    searchInput.addEventListener('blur', clearSelection);
+});
+
+function handleSignInOut() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    if (isSignedIn) {
+        localStorage.setItem('isSignedIn', JSON.stringify(false));
+        alert('You have been signed out.');
+    }
+    else {
+        window.location.href = 'sign-in.html';
+        return;
+    }
+
+    updateSignInButtonState();
+}
+
+function updateSignInButtonState() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    const signInText = document.getElementById('signInOutText');
+    const signInIcon = document.getElementById('signInIcon');
+    const signOutIcon = document.getElementById('signOutIcon');
+
+    if (isSignedIn) {
+        signInText.textContent = 'Sign Out';
+        signInIcon.style.display = 'none';
+        signOutIcon.style.display = 'inline-block';
+    }
+    else {
+        signInText.textContent = 'Sign In';
+        signInIcon.style.display = 'inline-block';
+        signOutIcon.style.display = 'none';
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    updateSignInButtonState();
+    document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
+});
+
+document.getElementById('settings-btn').addEventListener('click', () => {
+    window.location.href = 'settings.html';
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    applySettings();
+
+    function applySettings() {
+        const defaultBg = '../../images/universe-1.webp';
+        const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
+        const savedTextColor = localStorage.getItem('textColor');
+        const savedFontSize = localStorage.getItem('fontSize');
+        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;
+        }
+    }
+});
+
+const movieCode1 = {
+    part1: 'YzVhMjBjODY=',
+    part2: 'MWFjZjdiYjg=',
+    part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+};
+
+function getMovieCode() {
+    return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
+}
+
+function generateMovieNames(input) {
+    return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+}
+
+function getMovieVerseData(input) {
+    return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+}
+
+async function showMovieOfTheDay() {
+    const year = new Date().getFullYear();
+    const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
+
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const movies = data.results;
+
+        if (movies.length > 0) {
+            const randomMovie = movies[Math.floor(Math.random() * movies.length)];
+            localStorage.setItem('selectedMovieId', randomMovie.id);
+            window.location.href = 'movie-details.html';
+        }
+        else {
+            fallbackMovieSelection();
+        }
+    }
+    catch (error) {
+        console.log('Error fetching movie:', error);
+        fallbackMovieSelection();
+    }
+}
+
+async function ensureGenreMapIsAvailable() {
+    if (!localStorage.getItem('genreMap')) {
+        await fetchGenreMap();
+    }
+}
+
+async function fetchGenreMap() {
+    const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const genreMap = data.genres.reduce((map, genre) => {
+        map[genre.id] = genre.name;
+        return map;
+    }, {});
+        localStorage.setItem('genreMap', JSON.stringify(genreMap));
+    }
+    catch (error) {
+        console.log('Error fetching genre map:', error);
+    }
+}
+
+async function rotateUserStats() {
+    await ensureGenreMapIsAvailable();
+
+    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: "Most Visited Director", getValue: getMostVisitedDirector },
+    { label: "Most Visited Actor", getValue: getMostVisitedActor },
+    {
+        label: "Movies Discovered",
+        getValue: () => {
+        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
+        return viewedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Movies",
+        getValue: () => {
+        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
+        return favoritedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Genre",
+        getValue: () => {
+        const mostCommonGenreCode = getMostCommonGenre();
+        const genreMapString = localStorage.getItem('genreMap');
+        if (!genreMapString) {
+        console.log('No genre map found in localStorage.');
+        return 'Not Available';
+    }
+
+        let genreMap;
+        try {
+        genreMap = JSON.parse(genreMapString);
+    }
+        catch (e) {
+        console.log('Error parsing genre map:', e);
+        return 'Not Available';
+    }
+
+        let genreObject;
+        if (Array.isArray(genreMap)) {
+        genreObject = genreMap.reduce((acc, genre) => {
+        acc[genre.id] = genre.name;
+        return acc;
+    }, {});
+    }
+        else if (typeof genreMap === 'object' && genreMap !== null) {
+        genreObject = genreMap;
+    }
+        else {
+        console.log('genreMap is neither an array nor a proper object:', genreMap);
+        return 'Not Available';
+    }
+
+        return genreObject[mostCommonGenreCode] || 'Not Available';
+    }
+    },
+    { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
+    { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
+    {
+        label: "Directors Discovered",
+        getValue: () => {
+        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
+        return viewedDirectors.length;
+    }
+    },
+    {
+        label: "Actors Discovered",
+        getValue: () => {
+        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
+        return viewedActors.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';
+}
+
+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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
+    const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
+        acc[genre] = (acc[genre] || 0) + 1;
+        return acc;
+    }, {});
+
+    let mostCommonGenre = '';
+    let maxCount = 0;
+
+    for (const genre in genreCounts) {
+        if (genreCounts[genre] > maxCount) {
+            mostCommonGenre = genre;
+            maxCount = genreCounts[genre];
+        }
+    }
+
+    return mostCommonGenre || 'Not Available';
+}
+
+document.addEventListener('DOMContentLoaded', rotateUserStats);
+
+const form = document.getElementById('form1');
+
+form.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+});
+
+function handleSearch() {
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+}
+
+window.addEventListener('load', function() {
+    adjustAnchorHeights();
+});
+
+window.addEventListener('resize', adjustAnchorHeights);
+
+function adjustAnchorHeights() {
+    const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
+    let maxHeight = 0;
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = 'auto';
+        const anchorHeight = anchor.getBoundingClientRect().height;
+        maxHeight = Math.max(maxHeight, anchorHeight);
+    });
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = `${maxHeight}px`;
+    });
+}
+
+let lastScrollY = window.scrollY;
+
+window.addEventListener('scroll', () => {
+    const currentScrollY = window.scrollY;
+
+    if (currentScrollY > lastScrollY && currentScrollY > 0) {
+        document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
+    }
+    else {
+        document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
+    }
+
+    lastScrollY = currentScrollY;
+});
+
+let isAnimating = false;
+
+document.getElementById('menu-btn').addEventListener('click', () => {
+    if (isAnimating) return;
+
+    isAnimating = true;
+
+    const buttonIds = [
+    'chat-button',
+    'settings-btn',
+    'movie-of-the-day-btn',
+    'movie-match-btn3',
+    'movie-timeline-btn',
+    'discussions-btn',
+    'trivia-btn',
+    ];
+
+    buttonIds.forEach((id, index) => {
+        const button = document.getElementById(id);
+        if (button.style.display === 'none' || !button.style.display) {
+            button.style.display = 'block';
+            setTimeout(() => {
+                button.style.opacity = '1';
+                button.style.transform = 'translateY(0)';
+            }, 50 * index);
+        }
+        else {
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        }
+
+        setTimeout(() => {
+            button.style.display = button.style.opacity === '1' ? 'block' : 'none';
+            if (index === buttonIds.length - 1) {
+                isAnimating = false;
+            }
+        }, 500 + 50 * index);
+    });
+});
+
+window.addEventListener('resize', () => {
+    if (window.innerWidth < 767) {
+        const buttonIds = [
+        'chat-button',
+        'settings-btn',
+        'movie-of-the-day-btn',
+        'movie-match-btn3',
+        'movie-timeline-btn',
+        'discussions-btn',
+        'trivia-btn',
+        ];
+
+        buttonIds.forEach(id => {
+            const button = document.getElementById(id);
+            button.style.display = 'none';
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        });
+    }
+});
diff --git a/MovieVerse-Mobile/www/404.html b/MovieVerse-Mobile/www/404.html
index 1bcf82cf..26c82f8b 100644
--- a/MovieVerse-Mobile/www/404.html
+++ b/MovieVerse-Mobile/www/404.html
@@ -722,12 +722,12 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         }
 
         function updateClock() {
-            var now = new Date();
-            var hours = now.getHours();
-            var minutes = now.getMinutes();
+            let now = new Date();
+            let hours = now.getHours();
+            let minutes = now.getMinutes();
             hours = hours < 10 ? '0' + hours : hours;
             minutes = minutes < 10 ? '0' + minutes : minutes;
-            var timeString = hours + ':' + minutes;
+            let timeString = hours + ':' + minutes;
             document.getElementById('clock').innerHTML = timeString;
         }
 
diff --git a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/privacy-policy.html b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/privacy-policy.html
index bbe36f6d..4746d81a 100644
--- a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/privacy-policy.html
+++ b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/privacy-policy.html
@@ -176,6 +176,10 @@
             color: white;
         }
 
+        h2 {
+            color: white;
+        }
+
         .goog-te-combo {
             background-color: #7378c5 !important;
             color: white !important;
@@ -275,6 +279,9 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <span id="profileText">Profile</span>
             <i class="fas fa-user" id="profileIcon"></i>
         </button>
+        <button id="nav-toggle" class="nav-toggle notranslate" title="Toggle side navbar" onclick="toggleNav()">
+            <i class="fas fa-bars"></i>
+        </button>
         <button id="googleSignInBtn" class="nav-btn notranslate" onclick="handleSignInOut()" title="Sign In/Out">
             <span id="signInOutText">Sign In</span>
             <i class="fas fa-sign-in-alt" id="signInIcon"></i>
@@ -300,29 +307,56 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 90px; right: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
 
+    <nav id="side-nav" class="side-nav" style="z-index: 1000000">
+        <a id="heading-href" style="cursor: pointer" href="../../index.html" title="Click to go back to the home page">
+            <div id="my-heading1" style="margin-bottom: 15px; margin-left: 0; margin-top: 15px; font-size: 2.1em; font-weight: bold;">
+                The Mo<span class="highlight2">vieV</span>erse Menu
+            </div>
+        </a>
+
+        <div id="button-container">
+            <button id="button-remove" title="Close the navbar" onclick="removeNavBar()">Close</button>
+        </div>
+
+        <ul style="overflow-y: auto">
+            <li><a href="analytics.html">MovieVerse Analytics</a></li>
+            <li><a href="#introduction">Introduction</a></li>
+            <li><a href="#consent">Consent</a></li>
+            <li><a href="#subheading2">Information We Collect</a></li>
+            <li><a href="#subheading">How We Use Your Information</a></li>
+            <li><a href="#subheading3">Log Files</a></li>
+            <li><a href="#subheading4">Cookies and Web Beacons</a></li>
+            <li><a href="terms-of-service.html">Terms of Service</a></li>
+            <li><a href="sign-in.html">Sign In</a></li>
+            <li><a href="user-profile.html">Profile</a></li>
+            <li><a href="feedback.html">Submit Feedback</a></li>
+            <li><a href="support.html">Contact Support</a></li>
+        </ul>
+    </nav>
+
     <main class="content-area" style="text-align: center">
         <div style="text-align: center; width: 90%; margin-top: 25px">
             <div style="font-weight: bold; font-size: 30px" id="privacy-header">Privacy Policy</div>
         </div>
 
-        <div style="text-align: center; width: 90%   ">
-            <h2 style="color: white">Introduction</h2>
+        <div id="introduction" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Introduction</h2>
             <p>At The MovieVerse, accessible from <a id="linkWeb" href="https://movie-verse.com">https://movie-verse.com</a>, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by The MovieVerse and how we use it.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Consent</h2>
+        <div id="consent" style="text-align: center; width: 90%">
+            <h2 style="cursor: pointer">Consent</h2>
             <p>By using our website, you hereby consent to our Privacy Policy and agree to its terms. For our Terms and Conditions, please visit the <a id="linkWeb" href="https://movie-verse.com/MovieVerse-Frontend/html/terms-of-service.html">Terms and Conditions</a> page.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Information we collect</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Information we collect</h2>
             <p>The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.</p>
             <p>If you contact us directly, we may receive additional information about you such as your name, email address, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: #ffffff">How we use your information</h2>
+        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading">
+            <h2 style="cursor: pointer">How we use your information</h2>
             <p>We use the information we collect in various ways, including to:</p>
             <ul style="color: white; list-style: none; width: 90%">
                 <li>1. Provide, operate, and maintain our website</li>
@@ -336,16 +370,16 @@ <h2 style="color: #ffffff">How we use your information</h2>
             </ul>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Log Files</h2>
+        <div style="text-align: center; width: 90%; cursor: pointer" id="subheading3">
+            <h2 style="cursor: pointer">Log Files</h2>
             <p>The MovieVerse follows a standard procedure of using log files.</p>
             <p>These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics.</p>
             <p>These are not linked to any information that is personally identifiable.</p>
             <p>The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.</p>
         </div>
 
-        <div style="text-align: center; margin-bottom: 300px; width: 90%">
-            <h2 style="color: white">Cookies and Web Beacons</h2>
+        <div style="text-align: center; margin-bottom: 300px; width: 90%; cursor: pointer" id="subheading4">
+            <h2 style="cursor: pointer">Cookies and Web Beacons</h2>
             <p>Like any other website, The MovieVerse uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited.</p>
             <p>The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
             <p>We may analyze user behavior through the use of cookies and web beacons with Google Analytics. Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. We partner with Google to use the data collected to track and monitor the use of our website.</p>
@@ -357,663 +391,6 @@ <h2 style="color: white">Cookies and Web Beacons</h2>
         <div class="spinner"></div>
     </div>
 
-    <script>
-        async function ensureGenreMapIsAvailable() {
-            if (!localStorage.getItem('genreMap')) {
-                await fetchGenreMap();
-            }
-        }
-
-        async function fetchGenreMap() {
-            const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const genreMap = data.genres.reduce((map, genre) => {
-                    map[genre.id] = genre.name;
-                    return map;
-                }, {});
-                localStorage.setItem('genreMap', JSON.stringify(genreMap));
-            }
-            catch (error) {
-                console.log('Error fetching genre map:', error);
-            }
-        }
-
-        async function rotateUserStats() {
-            await ensureGenreMapIsAvailable();
-
-            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: "Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Genre",
-                    getValue: () => {
-                        const mostCommonGenreCode = getMostCommonGenre();
-                        const genreMapString = localStorage.getItem('genreMap');
-                        if (!genreMapString) {
-                            console.log('No genre map found in localStorage.');
-                            return 'Not Available';
-                        }
-
-                        let genreMap;
-                        try {
-                            genreMap = JSON.parse(genreMapString);
-                        }
-                        catch (e) {
-                            console.log('Error parsing genre map:', e);
-                            return 'Not Available';
-                        }
-
-                        let genreObject;
-                        if (Array.isArray(genreMap)) {
-                            genreObject = genreMap.reduce((acc, genre) => {
-                                acc[genre.id] = genre.name;
-                                return acc;
-                            }, {});
-                        }
-                        else if (typeof genreMap === 'object' && genreMap !== null) {
-                            genreObject = genreMap;
-                        }
-                        else {
-                            console.log('genreMap is neither an array nor a proper object:', genreMap);
-                            return 'Not Available';
-                        }
-
-                        return genreObject[mostCommonGenreCode] || 'Not Available';
-                    }
-                },
-                { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.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';
-        }
-
-        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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
-            const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
-                acc[genre] = (acc[genre] || 0) + 1;
-                return acc;
-            }, {});
-
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in genreCounts) {
-                if (genreCounts[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = genreCounts[genre];
-                }
-            }
-
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
-    </script>
-
-    <script>
-        function handleSignInOut() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            if (isSignedIn) {
-                localStorage.setItem('isSignedIn', JSON.stringify(false));
-                alert('You have been signed out.');
-            }
-            else {
-                window.location.href = 'sign-in.html';
-                return;
-            }
-
-            updateSignInButtonState();
-        }
-
-        function updateSignInButtonState() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-            const signInText = document.getElementById('signInOutText');
-            const signInIcon = document.getElementById('signInIcon');
-            const signOutIcon = document.getElementById('signOutIcon');
-
-            if (isSignedIn) {
-                signInText.textContent = 'Sign Out';
-                signInIcon.style.display = 'none';
-                signOutIcon.style.display = 'inline-block';
-            }
-            else {
-                signInText.textContent = 'Sign In';
-                signInIcon.style.display = 'inline-block';
-                signOutIcon.style.display = 'none';
-            }
-        }
-
-        document.addEventListener("DOMContentLoaded", function() {
-            updateSignInButtonState();
-            document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const searchButton = document.getElementById('button-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.visibility = 'hidden';
-                        myHeading.style.opacity = '0';
-                        localTime.style.visibility = 'hidden';
-                        localTime.style.opacity = '0';
-                    }
-                }
-                else {
-                    myHeading.style.visibility = 'visible';
-                    myHeading.style.opacity = '1';
-                    localTime.style.visibility = 'visible';
-                    localTime.style.opacity = '1';
-                }
-            }
-            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');
-            const searchButton = document.getElementById('button-search');
-
-            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.visibility = 'visible';
-                myHeading.style.opacity = '1';
-                localTime.style.visibility = 'visible';
-                localTime.style.opacity = '1';
-            });
-
-            toggleButtons();
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        function showSpinner() {
-            document.getElementById('myModal').classList.add('modal-visible');
-        }
-
-        function hideSpinner() {
-            document.getElementById('myModal').classList.remove('modal-visible');
-        }
-
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                showSpinner();
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-                const searchResultsContainer = document.getElementById('search-results');
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                function toggleButtons() {
-                    viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                    const clearSearchBtn = document.getElementById('clear-search');
-                    clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-                }
-
-                if (query) {
-                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
-                            displaySearchResults(sortedResults.slice(0, 5));
-                        })
-                        .catch(err => console.log("Fetching error:", err));
-                }
-                else {
-                    searchInput.value = '';
-                    searchResultsContainer.innerHTML = '';
-                    toggleButtons();
-                    searchInput.focus();
-                }
-
-                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.');
-                    }
-                });
-
-                hideSpinner();
-            });
-
-            function displaySearchResults(results) {
-                showSpinner();
-                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}` : null;
-
-                    if (imagePath) {
-                        const image = document.createElement('img');
-                        image.src = imagePath;
-                        image.className = 'result-image';
-                        card.appendChild(image);
-                    }
-                    else {
-                        const placeholder = document.createElement('div');
-                        placeholder.className = 'result-image-placeholder';
-                        placeholder.textContent = 'Image Not Available';
-                        placeholder.style.textAlign = 'center';
-                        placeholder.style.padding = '10px';
-                        card.appendChild(placeholder);
-                    }
-
-                    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));
-                });
-
-                hideSpinner();
-            }
-
-            async function handleResultClick(item) {
-                console.log('Clicked item:', item.media_type, item.id);
-
-                if (!item.media_type) {
-                    console.log('Media type is undefined');
-                    return;
-                }
-
-                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.log('Error fetching person details:', error);
-                    }
-                }
-                else {
-                    console.log('Unknown media type:', item.media_type);
-                }
-            }
-        });
-
-        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');
-            let selectedIndex = -1;
-
-            function clearSelection() {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '';
-                }
-            }
-
-            function moveSelection(direction) {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                const totalElements = results.length + 2;
-                clearSelection();
-
-                if (direction === 'down') {
-                    selectedIndex = (selectedIndex + 1) % totalElements;
-                }
-                else if (direction === 'up') {
-                    selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
-                }
-
-                if (selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '#ff8623';
-                    results[selectedIndex].scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '#ff8623';
-                    viewAllResultsBtn.scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '#ff8623';
-                    clearSearchBtn.scrollIntoView({ block: "nearest" });
-                }
-            }
-
-            searchInput.addEventListener('keydown', function(e) {
-                if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('down');
-                }
-                else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('up');
-                }
-                else if (e.key === 'Enter') {
-                    e.preventDefault();
-                    if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        viewAllResultsBtn.click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
-                        clearSearchBtn.click();
-                    }
-                    else {
-                        const query = searchInput.value.trim();
-                        localStorage.setItem('searchQuery', query);
-                        window.location.href = 'search.html';
-                    }
-                }
-            });
-
-            searchInput.addEventListener('blur', clearSelection);
-        });
-
-        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);
-        }
-    </script>
-
-    <script>
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const defaultBg = '../../images/universe-1.webp';
-                const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
-                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;
-                }
-            }
-        });
-
-        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 getMovieCode() {
-            return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
-        }
-
-        function generateMovieNames(input) {
-            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
-        }
-
-        async function showMovieOfTheDay() {
-            const year = new Date().getFullYear();
-            const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
-
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const movies = data.results;
-
-                if (movies.length > 0) {
-                    const randomMovie = movies[Math.floor(Math.random() * movies.length)];
-                    localStorage.setItem('selectedMovieId', randomMovie.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else {
-                    fallbackMovieSelection();
-                }
-            }
-            catch (error) {
-                console.log('Error fetching movie:', error);
-                fallbackMovieSelection();
-            }
-        }
-
-        const form = document.getElementById('form1');
-
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        });
-
-        function handleSearch() {
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        }
-    </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>
@@ -1056,103 +433,7 @@ <h2 style="color: white">Cookies and Web Beacons</h2>
         <span>Menu</span>
     </button>
 
-    <script>
-        window.addEventListener('load', function() {
-            adjustAnchorHeights();
-        });
-
-        window.addEventListener('resize', adjustAnchorHeights);
-
-        function adjustAnchorHeights() {
-            const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
-            let maxHeight = 0;
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = 'auto';
-                const anchorHeight = anchor.getBoundingClientRect().height;
-                maxHeight = Math.max(maxHeight, anchorHeight);
-            });
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = `${maxHeight}px`;
-            });
-        }
-
-        let lastScrollY = window.scrollY;
-
-        window.addEventListener('scroll', () => {
-            const currentScrollY = window.scrollY;
-
-            if (currentScrollY > lastScrollY && currentScrollY > 0) {
-                document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
-            }
-            else {
-                document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
-            }
-
-            lastScrollY = currentScrollY;
-        });
-
-        let isAnimating = false;
-
-        document.getElementById('menu-btn').addEventListener('click', () => {
-            if (isAnimating) return;
-
-            isAnimating = true;
-
-            const buttonIds = [
-                'chat-button',
-                'settings-btn',
-                'movie-of-the-day-btn',
-                'movie-match-btn3',
-                'movie-timeline-btn',
-                'discussions-btn',
-                'trivia-btn',
-            ];
-
-            buttonIds.forEach((id, index) => {
-                const button = document.getElementById(id);
-                if (button.style.display === 'none' || !button.style.display) {
-                    button.style.display = 'block';
-                    setTimeout(() => {
-                        button.style.opacity = '1';
-                        button.style.transform = 'translateY(0)';
-                    }, 50 * index);
-                } else {
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                }
-
-                setTimeout(() => {
-                    button.style.display = button.style.opacity === '1' ? 'block' : 'none';
-                    if (index === buttonIds.length - 1) {
-                        isAnimating = false;
-                    }
-                }, 500 + 50 * index);
-            });
-        });
-
-        window.addEventListener('resize', () => {
-            if (window.innerWidth < 767) {
-                const buttonIds = [
-                    'chat-button',
-                    'settings-btn',
-                    'movie-of-the-day-btn',
-                    'movie-match-btn3',
-                    'movie-timeline-btn',
-                    'discussions-btn',
-                    'trivia-btn',
-                ];
-
-                buttonIds.forEach(id => {
-                    const button = document.getElementById(id);
-                    button.style.display = 'none';
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                });
-            }
-        });
-    </script>
+    <script src="../js/privacy-policy.js"></script>
 
 </body>
 </html>
diff --git a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/terms-of-service.html b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/terms-of-service.html
index e6177293..d3b660db 100644
--- a/MovieVerse-Mobile/www/MovieVerse-Frontend/html/terms-of-service.html
+++ b/MovieVerse-Mobile/www/MovieVerse-Frontend/html/terms-of-service.html
@@ -196,6 +196,10 @@
                 bottom: 70px;
             }
         }
+
+        h2 {
+            color: white;
+        }
     </style>
 </head>
 
@@ -253,6 +257,10 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <div id="stats-display" class="clock" style="font-size: 1.25em; font-weight: bold;"></div>
         </div>
 
+        <button id="nav-toggle" class="nav-toggle notranslate" title="Toggle side navbar" onclick="toggleNav()">
+            <i class="fas fa-bars"></i>
+        </button>
+
         <button class="back-btn notranslate" onclick="window.location.href='../../index.html'">Home</button>
         <button class="about notranslate" onclick="window.location.href='about.html'">About</button>
         <button class="favorites-btn notranslate" onclick="window.location.href='favorites.html'" title="View your favorites & watchlists">Favorites</button>
@@ -286,73 +294,106 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 90px; right: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
 
+    <nav id="side-nav" class="side-nav" style="z-index: 1000000">
+        <a id="heading-href" style="cursor: pointer" href="../../index.html" title="Click to go back to the home page">
+            <div id="my-heading1" style="margin-bottom: 15px; margin-left: 0; margin-top: 15px; font-size: 2.1em; font-weight: bold;">
+                The Mo<span class="highlight2">vieV</span>erse Menu
+            </div>
+        </a>
+
+        <div id="button-container">
+            <button id="button-remove" title="Close the navbar" onclick="removeNavBar()">Close</button>
+        </div>
+
+        <ul style="overflow-y: auto">
+            <li><a href="analytics.html">MovieVerse Analytics</a></li>
+            <li><a href="#agreement">Agreement to Terms</a></li>
+            <li><a href="#consent">Changes to Terms</a></li>
+            <li><a href="#subheading2">Use of Service</a></li>
+            <li><a href="#subheading">Content</a></li>
+            <li><a href="#subheading3">Ads</a></li>
+            <li><a href="#subheading4">Accounts</a></li>
+            <li><a href="#subheading5">Intellectual Property</a></li>
+            <li><a href="#subheading6">Links To Other Web Sites</a></li>
+            <li><a href="#subheading7">Termination</a></li>
+            <li><a href="#subheading8">Disclaimer</a></li>
+            <li><a href="#subheading9">Governing Law</a></li>
+            <li><a href="#subheading10">Contact Us</a></li>
+            <li><a href="privacy-policy.html">Privacy Policy</a></li>
+            <li><a href="sign-in.html">Sign In</a></li>
+            <li><a href="user-profile.html">Profile</a></li>
+            <li><a href="feedback.html">Submit Feedback</a></li>
+            <li><a href="support.html">Contact Support</a></li>
+        </ul>
+    </nav>
+
     <main class="content-area">
         <div style="text-align: center; width: 90%">
             <div style="font-weight: bold; font-size: 28px; margin-top: 10px; color: #ff8623" id="tos-header">Terms of Service</div>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Agreement to Terms</h2>
+        <div style="text-align: center; width: 90%" id="agreement">
+            <h2 style="cursor: pointer">Agreement to Terms</h2>
             <p>By using The MovieVerse, you agree to be bound by these terms. If you disagree with any part of the terms, then you do not have permission to access the service.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Changes to Terms</h2>
+        <div style="text-align: center; width: 90%" id="consent">
+            <h2 style="cursor: pointer">Changes to Terms</h2>
             <p>We reserve the right to modify or replace these Terms at any time at our sole discretion. We will try to provide at least 30 days' notice prior to any new terms taking effect.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Use of Service</h2>
+        <div style="text-align: center; width: 90%" id="subheading2">
+            <h2 style="cursor: pointer">Use of Service</h2>
             <p>The MovieVerse is provided on an "AS IS" and "AS AVAILABLE" basis. The service is for personal, non-commercial use only.</p>
             <p>You may not use the service for any illegal or unauthorized purpose. You must not, in the use of the service, violate any laws in your jurisdiction.</p>
             <p>You agree not to reproduce, duplicate, copy, sell, resell or exploit any portion of the service, use of the service, or access to the service without express written permission by us.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Content</h2>
+        <div style="text-align: center; width: 90%" id="subheading">
+            <h2 style="cursor: pointer">Content</h2>
             <p>Content found on or through this Service are the property of The MovieVerse or used with permission. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said Content, whether in whole or in part, for commercial purposes or for personal gain, without express advance written permission from us.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Ads</h2>
+        <div style="text-align: center; width: 90%" id="subheading3">
+            <h2 style="cursor: pointer">Ads</h2>
             <p>During use of the Service, you may enter into correspondence with or participate in promotions of advertisers or sponsors showing their goods or services through the Service. Any such activity, and any terms, conditions, warranties or representations associated with such activity, is solely between you and the applicable third-party.</p>
             <p>We display ads on the Service to help us keep our servers and databases running and free for everyone. We're committed to placing non-intrusive ads only, which means no pop-ups, no auto-playing videos, and no ads that interfere with your experience on the site.</p>
             <p>If you encounter any ads that are inappropriate, misleading, or intrusive, please let us know by contacting us at using the Feedback form <a style="color: white" href="feedback.html">here</a>.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Accounts</h2>
+        <div style="text-align: center; width: 90%" id="subheading4">
+            <h2 style="cursor: pointer">Accounts</h2>
             <p>When you create an account with us, you guarantee that the information you provide us is accurate, complete, and current at all times. Inaccurate, incomplete, or obsolete information may result in the immediate termination of your account on the Service.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Intellectual Property</h2>
+        <div style="text-align: center; width: 90%" id="subheading5">
+            <h2 style="cursor: pointer">Intellectual Property</h2>
             <p>The Service and its original content, features, and functionality are and will remain the exclusive property of The MovieVerse and its licensors.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Links To Other Web Sites</h2>
+        <div style="text-align: center; width: 90%" id="subheading6">
+            <h2 style="cursor: pointer">Links To Other Web Sites</h2>
             <p>Our Service may contain links to third-party web sites or services that are not owned or controlled by The MovieVerse. We have no control over, and assume no responsibility for the content, privacy policies, or practices of any third-party web sites or services.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Termination</h2>
+        <div style="text-align: center; width: 90%" id="subheading7">
+            <h2 style="cursor: pointer">Termination</h2>
             <p>We may terminate or suspend your account and bar access to the Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of the Terms.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Disclaimer</h2>
+        <div style="text-align: center; width: 90%" id="subheading8">
+            <h2 style="cursor: pointer">Disclaimer</h2>
             <p>Your use of the Service is at your sole risk. The Service is provided on an "AS IS" and "AS AVAILABLE" basis. The Service is provided without warranties of any kind.</p>
         </div>
 
-        <div style="text-align: center; width: 90%">
-            <h2 style="color: white">Governing Law</h2>
+        <div style="text-align: center; width: 90%" id="subheading9">
+            <h2 style="cursor: pointer">Governing Law</h2>
             <p>These Terms shall be governed and construed in accordance with the laws of the country where The MovieVerse is based (the United States of America), without regard to its conflict of law provisions.</p>
             <p>Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect.</p>
         </div>
 
-        <div style="text-align: center; width: 90%; margin-bottom: 300px">
-            <h2 style="color: white">Contact Us</h2>
+        <div style="text-align: center; width: 90%; margin-bottom: 300px" id="subheading10">
+            <h2 style="cursor: pointer">Contact Us</h2>
             <p>If you have any questions about these Terms, please contact us at <a id="mail" href="mailto:info@movie-verse.com">info@movie-verse.com</a>.</p>
         </div>
     </main>
@@ -361,641 +402,7 @@ <h2 style="color: white">Contact Us</h2>
         <div class="spinner"></div>
     </div>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const searchButton = document.getElementById('button-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.visibility = 'hidden';
-                        myHeading.style.opacity = '0';
-                        localTime.style.visibility = 'hidden';
-                        localTime.style.opacity = '0';
-                    }
-                }
-                else {
-                    myHeading.style.visibility = 'visible';
-                    myHeading.style.opacity = '1';
-                    localTime.style.visibility = 'visible';
-                    localTime.style.opacity = '1';
-                }
-            }
-            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');
-            const searchButton = document.getElementById('button-search');
-
-            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.visibility = 'visible';
-                myHeading.style.opacity = '1';
-                localTime.style.visibility = 'visible';
-                localTime.style.opacity = '1';
-            });
-
-            toggleButtons();
-            searchInput.addEventListener('input', toggleButtons);
-        });
-    </script>
-
-    <script>
-        function showSpinner() {
-            document.getElementById('myModal').classList.add('modal-visible');
-        }
-
-        function hideSpinner() {
-            document.getElementById('myModal').classList.remove('modal-visible');
-        }
-
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                showSpinner();
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-                const searchResultsContainer = document.getElementById('search-results');
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                function toggleButtons() {
-                    viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                    const clearSearchBtn = document.getElementById('clear-search');
-                    clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-                }
-
-                if (query) {
-                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
-                            displaySearchResults(sortedResults.slice(0, 5));
-                        })
-                        .catch(err => console.log("Fetching error:", err));
-                }
-                else {
-                    searchInput.value = '';
-                    searchResultsContainer.innerHTML = '';
-                    toggleButtons();
-                    searchInput.focus();
-                }
-
-                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.');
-                    }
-                });
-
-                hideSpinner();
-            });
-
-            function displaySearchResults(results) {
-                showSpinner();
-                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}` : null;
-
-                    if (imagePath) {
-                        const image = document.createElement('img');
-                        image.src = imagePath;
-                        image.className = 'result-image';
-                        card.appendChild(image);
-                    }
-                    else {
-                        const placeholder = document.createElement('div');
-                        placeholder.className = 'result-image-placeholder';
-                        placeholder.textContent = 'Image Not Available';
-                        placeholder.style.textAlign = 'center';
-                        placeholder.style.padding = '10px';
-                        card.appendChild(placeholder);
-                    }
-
-                    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));
-                });
-
-                hideSpinner();
-            }
-
-            async function handleResultClick(item) {
-                console.log('Clicked item:', item.media_type, item.id);
-
-                if (!item.media_type) {
-                    console.log('Media type is undefined');
-                    return;
-                }
-
-                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.log('Error fetching person details:', error);
-                    }
-                }
-                else {
-                    console.log('Unknown media type:', item.media_type);
-                }
-            }
-        });
-
-        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');
-            let selectedIndex = -1;
-
-            function clearSelection() {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '';
-                }
-            }
-
-            function moveSelection(direction) {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                const totalElements = results.length + 2;
-                clearSelection();
-
-                if (direction === 'down') {
-                    selectedIndex = (selectedIndex + 1) % totalElements;
-                }
-                else if (direction === 'up') {
-                    selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
-                }
-
-                if (selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '#ff8623';
-                    results[selectedIndex].scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '#ff8623';
-                    viewAllResultsBtn.scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '#ff8623';
-                    clearSearchBtn.scrollIntoView({ block: "nearest" });
-                }
-            }
-
-            searchInput.addEventListener('keydown', function(e) {
-                if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('down');
-                }
-                else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('up');
-                }
-                else if (e.key === 'Enter') {
-                    e.preventDefault();
-                    if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        viewAllResultsBtn.click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
-                        clearSearchBtn.click();
-                    }
-                    else {
-                        const query = searchInput.value.trim();
-                        localStorage.setItem('searchQuery', query);
-                        window.location.href = 'search.html';
-                    }
-                }
-            });
-
-            searchInput.addEventListener('blur', clearSelection);
-        });
-    </script>
-
-    <script>
-        function handleSignInOut() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            if (isSignedIn) {
-                localStorage.setItem('isSignedIn', JSON.stringify(false));
-                alert('You have been signed out.');
-            }
-            else {
-                window.location.href = 'sign-in.html';
-                return;
-            }
-
-            updateSignInButtonState();
-        }
-
-        function updateSignInButtonState() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            const signInText = document.getElementById('signInOutText');
-            const signInIcon = document.getElementById('signInIcon');
-            const signOutIcon = document.getElementById('signOutIcon');
-
-            if (isSignedIn) {
-                signInText.textContent = 'Sign Out';
-                signInIcon.style.display = 'none';
-                signOutIcon.style.display = 'inline-block';
-            }
-            else {
-                signInText.textContent = 'Sign In';
-                signInIcon.style.display = 'inline-block';
-                signOutIcon.style.display = 'none';
-            }
-        }
-
-        document.addEventListener("DOMContentLoaded", function() {
-            updateSignInButtonState();
-            document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
-        });
-
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const defaultBg = '../../images/universe-1.webp';
-                const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
-                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;
-                }
-            }
-        });
-
-        const movieCode1 = {
-            part1: 'YzVhMjBjODY=',
-            part2: 'MWFjZjdiYjg=',
-            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
-        };
-
-        function getMovieCode() {
-            return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
-        }
-
-        function generateMovieNames(input) {
-            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
-        }
-
-        function getMovieVerseData(input) {
-            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
-        }
-
-        async function showMovieOfTheDay() {
-            const year = new Date().getFullYear();
-            const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
-
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const movies = data.results;
-
-                if (movies.length > 0) {
-                    const randomMovie = movies[Math.floor(Math.random() * movies.length)];
-                    localStorage.setItem('selectedMovieId', randomMovie.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else {
-                    fallbackMovieSelection();
-                }
-            }
-            catch (error) {
-                console.log('Error fetching movie:', error);
-                fallbackMovieSelection();
-            }
-        }
-
-        async function ensureGenreMapIsAvailable() {
-            if (!localStorage.getItem('genreMap')) {
-                await fetchGenreMap();
-            }
-        }
-
-        async function fetchGenreMap() {
-            const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const genreMap = data.genres.reduce((map, genre) => {
-                    map[genre.id] = genre.name;
-                    return map;
-                }, {});
-                localStorage.setItem('genreMap', JSON.stringify(genreMap));
-            }
-            catch (error) {
-                console.log('Error fetching genre map:', error);
-            }
-        }
-
-        async function rotateUserStats() {
-            await ensureGenreMapIsAvailable();
-
-            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: "Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Genre",
-                    getValue: () => {
-                        const mostCommonGenreCode = getMostCommonGenre();
-                        const genreMapString = localStorage.getItem('genreMap');
-                        if (!genreMapString) {
-                            console.log('No genre map found in localStorage.');
-                            return 'Not Available';
-                        }
-
-                        let genreMap;
-                        try {
-                            genreMap = JSON.parse(genreMapString);
-                        }
-                        catch (e) {
-                            console.log('Error parsing genre map:', e);
-                            return 'Not Available';
-                        }
-
-                        let genreObject;
-                        if (Array.isArray(genreMap)) {
-                            genreObject = genreMap.reduce((acc, genre) => {
-                                acc[genre.id] = genre.name;
-                                return acc;
-                            }, {});
-                        }
-                        else if (typeof genreMap === 'object' && genreMap !== null) {
-                            genreObject = genreMap;
-                        }
-                        else {
-                            console.log('genreMap is neither an array nor a proper object:', genreMap);
-                            return 'Not Available';
-                        }
-
-                        return genreObject[mostCommonGenreCode] || 'Not Available';
-                    }
-                },
-                { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.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';
-        }
-
-        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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
-            const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
-                acc[genre] = (acc[genre] || 0) + 1;
-                return acc;
-            }, {});
-
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in genreCounts) {
-                if (genreCounts[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = genreCounts[genre];
-                }
-            }
-
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
-
-        const form = document.getElementById('form1');
-
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        });
-
-        function handleSearch() {
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        }
-    </script>
+    <script src="../js/terms-of-service.js"></script>
 
     <footer>
         <a href="../../index.html" style="cursor: pointer; text-decoration: none">
@@ -1039,105 +446,5 @@ <h2 style="color: white">Contact Us</h2>
         <span>Menu</span>
     </button>
 
-    <script>
-        window.addEventListener('load', function() {
-            adjustAnchorHeights();
-        });
-
-        window.addEventListener('resize', adjustAnchorHeights);
-
-        function adjustAnchorHeights() {
-            const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
-            let maxHeight = 0;
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = 'auto';
-                const anchorHeight = anchor.getBoundingClientRect().height;
-                maxHeight = Math.max(maxHeight, anchorHeight);
-            });
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = `${maxHeight}px`;
-            });
-        }
-
-        let lastScrollY = window.scrollY;
-
-        window.addEventListener('scroll', () => {
-            const currentScrollY = window.scrollY;
-
-            if (currentScrollY > lastScrollY && currentScrollY > 0) {
-                document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
-            }
-            else {
-                document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
-            }
-
-            lastScrollY = currentScrollY;
-        });
-
-        let isAnimating = false;
-
-        document.getElementById('menu-btn').addEventListener('click', () => {
-            if (isAnimating) return;
-
-            isAnimating = true;
-
-            const buttonIds = [
-                'chat-button',
-                'settings-btn',
-                'movie-of-the-day-btn',
-                'movie-match-btn3',
-                'movie-timeline-btn',
-                'discussions-btn',
-                'trivia-btn',
-            ];
-
-            buttonIds.forEach((id, index) => {
-                const button = document.getElementById(id);
-                if (button.style.display === 'none' || !button.style.display) {
-                    button.style.display = 'block';
-                    setTimeout(() => {
-                        button.style.opacity = '1';
-                        button.style.transform = 'translateY(0)';
-                    }, 50 * index);
-                }
-                else {
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                }
-
-                setTimeout(() => {
-                    button.style.display = button.style.opacity === '1' ? 'block' : 'none';
-                    if (index === buttonIds.length - 1) {
-                        isAnimating = false;
-                    }
-                }, 500 + 50 * index);
-            });
-        });
-
-        window.addEventListener('resize', () => {
-            if (window.innerWidth < 767) {
-                const buttonIds = [
-                    'chat-button',
-                    'settings-btn',
-                    'movie-of-the-day-btn',
-                    'movie-match-btn3',
-                    'movie-timeline-btn',
-                    'discussions-btn',
-                    'trivia-btn',
-                ];
-
-                buttonIds.forEach(id => {
-                    const button = document.getElementById(id);
-                    button.style.display = 'none';
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                });
-            }
-        });
-    </script>
-
 </body>
-
 </html>
diff --git a/MovieVerse-Mobile/www/MovieVerse-Frontend/js/privacy-policy.js b/MovieVerse-Mobile/www/MovieVerse-Frontend/js/privacy-policy.js
new file mode 100644
index 00000000..68a1dc2a
--- /dev/null
+++ b/MovieVerse-Mobile/www/MovieVerse-Frontend/js/privacy-policy.js
@@ -0,0 +1,807 @@
+function toggleNav() {
+    const sideNav = document.getElementById('side-nav');
+    sideNav.classList.toggle('manual-toggle');
+    adjustNavBar();
+}
+
+function removeNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+    }
+
+    adjustNavBar();
+}
+
+function adjustNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0px';
+    }
+    else {
+        sideNav.style.left = '-250px';
+    }
+}
+
+document.addEventListener('mousemove', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0';
+    }
+});
+
+document.getElementById('side-nav').addEventListener('mouseleave', function() {
+    const sideNav = document.getElementById('side-nav');
+    if (!sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '-250px';
+    }
+});
+
+document.addEventListener('click', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    const navToggle = document.getElementById('nav-toggle');
+    if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+        adjustNavBar();
+    }
+});
+
+document.getElementById('introduction').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('introduction').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('consent').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading2').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading3').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading4').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
+});
+
+async function ensureGenreMapIsAvailable() {
+    if (!localStorage.getItem('genreMap')) {
+        await fetchGenreMap();
+    }
+}
+
+async function fetchGenreMap() {
+    const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const genreMap = data.genres.reduce((map, genre) => {
+            map[genre.id] = genre.name;
+            return map;
+        }, {});
+        localStorage.setItem('genreMap', JSON.stringify(genreMap));
+    }
+    catch (error) {
+        console.log('Error fetching genre map:', error);
+    }
+}
+
+async function rotateUserStats() {
+    await ensureGenreMapIsAvailable();
+
+    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: "Most Visited Director", getValue: getMostVisitedDirector },
+        { label: "Most Visited Actor", getValue: getMostVisitedActor },
+        {
+            label: "Movies Discovered",
+            getValue: () => {
+                const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
+                return viewedMovies.length;
+            }
+        },
+        {
+            label: "Favorite Movies",
+            getValue: () => {
+                const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
+                return favoritedMovies.length;
+            }
+        },
+        {
+            label: "Favorite Genre",
+            getValue: () => {
+                const mostCommonGenreCode = getMostCommonGenre();
+                const genreMapString = localStorage.getItem('genreMap');
+                if (!genreMapString) {
+                    console.log('No genre map found in localStorage.');
+                    return 'Not Available';
+                }
+
+                let genreMap;
+                try {
+                    genreMap = JSON.parse(genreMapString);
+                }
+                catch (e) {
+                    console.log('Error parsing genre map:', e);
+                    return 'Not Available';
+                }
+
+                let genreObject;
+                if (Array.isArray(genreMap)) {
+                    genreObject = genreMap.reduce((acc, genre) => {
+                        acc[genre.id] = genre.name;
+                        return acc;
+                    }, {});
+                }
+                else if (typeof genreMap === 'object' && genreMap !== null) {
+                    genreObject = genreMap;
+                }
+                else {
+                    console.log('genreMap is neither an array nor a proper object:', genreMap);
+                    return 'Not Available';
+                }
+
+                return genreObject[mostCommonGenreCode] || 'Not Available';
+            }
+        },
+        { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
+        { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
+        {
+            label: "Directors Discovered",
+            getValue: () => {
+                const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
+                return viewedDirectors.length;
+            }
+        },
+        {
+            label: "Actors Discovered",
+            getValue: () => {
+                const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
+                return viewedActors.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';
+}
+
+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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
+    const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
+        acc[genre] = (acc[genre] || 0) + 1;
+        return acc;
+    }, {});
+
+    let mostCommonGenre = '';
+    let maxCount = 0;
+
+    for (const genre in genreCounts) {
+        if (genreCounts[genre] > maxCount) {
+            mostCommonGenre = genre;
+            maxCount = genreCounts[genre];
+        }
+    }
+
+    return mostCommonGenre || 'Not Available';
+}
+
+document.addEventListener('DOMContentLoaded', rotateUserStats);
+
+function handleSignInOut() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    if (isSignedIn) {
+        localStorage.setItem('isSignedIn', JSON.stringify(false));
+        alert('You have been signed out.');
+    }
+    else {
+        window.location.href = 'sign-in.html';
+        return;
+    }
+
+    updateSignInButtonState();
+}
+
+function updateSignInButtonState() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+    const signInText = document.getElementById('signInOutText');
+    const signInIcon = document.getElementById('signInIcon');
+    const signOutIcon = document.getElementById('signOutIcon');
+
+    if (isSignedIn) {
+        signInText.textContent = 'Sign Out';
+        signInIcon.style.display = 'none';
+        signOutIcon.style.display = 'inline-block';
+    }
+    else {
+        signInText.textContent = 'Sign In';
+        signInIcon.style.display = 'inline-block';
+        signOutIcon.style.display = 'none';
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    updateSignInButtonState();
+    document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchBar = document.getElementById('search');
+    const searchButton = document.getElementById('button-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.visibility = 'hidden';
+                myHeading.style.opacity = '0';
+                localTime.style.visibility = 'hidden';
+                localTime.style.opacity = '0';
+            }
+        }
+        else {
+            myHeading.style.visibility = 'visible';
+            myHeading.style.opacity = '1';
+            localTime.style.visibility = 'visible';
+            localTime.style.opacity = '1';
+        }
+    }
+    searchBar.addEventListener('input', toggleVisibility);
+    toggleVisibility();
+});
+
+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');
+    const searchButton = document.getElementById('button-search');
+
+    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.visibility = 'visible';
+        myHeading.style.opacity = '1';
+        localTime.style.visibility = 'visible';
+        localTime.style.opacity = '1';
+    });
+
+    toggleButtons();
+    searchInput.addEventListener('input', toggleButtons);
+});
+
+function showSpinner() {
+    document.getElementById('myModal').classList.add('modal-visible');
+}
+
+function hideSpinner() {
+    document.getElementById('myModal').classList.remove('modal-visible');
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('search').addEventListener('input', function(e) {
+        showSpinner();
+        const viewAllResultsBtn = document.getElementById('view-all-results');
+        const searchInput = document.getElementById('search');
+        const query = e.target.value.trim();
+        const searchResultsContainer = document.getElementById('search-results');
+
+        viewAllResultsBtn.style.display = query ? 'block' : 'none';
+
+        function toggleButtons() {
+            viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+            const clearSearchBtn = document.getElementById('clear-search');
+            clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+        }
+
+        if (query) {
+            const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
+            fetch(searchURL)
+                .then(response => response.json())
+                .then(data => {
+                    const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
+                    displaySearchResults(sortedResults.slice(0, 5));
+                })
+                .catch(err => console.log("Fetching error:", err));
+        }
+        else {
+            searchInput.value = '';
+            searchResultsContainer.innerHTML = '';
+            toggleButtons();
+            searchInput.focus();
+        }
+
+        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.');
+            }
+        });
+
+        hideSpinner();
+    });
+
+    function displaySearchResults(results) {
+        showSpinner();
+        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}` : null;
+
+            if (imagePath) {
+                const image = document.createElement('img');
+                image.src = imagePath;
+                image.className = 'result-image';
+                card.appendChild(image);
+            }
+            else {
+                const placeholder = document.createElement('div');
+                placeholder.className = 'result-image-placeholder';
+                placeholder.textContent = 'Image Not Available';
+                placeholder.style.textAlign = 'center';
+                placeholder.style.padding = '10px';
+                card.appendChild(placeholder);
+            }
+
+            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));
+        });
+
+        hideSpinner();
+    }
+
+    async function handleResultClick(item) {
+        console.log('Clicked item:', item.media_type, item.id);
+
+        if (!item.media_type) {
+            console.log('Media type is undefined');
+            return;
+        }
+
+        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.log('Error fetching person details:', error);
+            }
+        }
+        else {
+            console.log('Unknown media type:', item.media_type);
+        }
+    }
+});
+
+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');
+    let selectedIndex = -1;
+
+    function clearSelection() {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        if (selectedIndex >= 0 && selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '';
+        }
+            else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '';
+        }
+            else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '';
+        }
+    }
+
+    function moveSelection(direction) {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        const totalElements = results.length + 2;
+        clearSelection();
+
+        if (direction === 'down') {
+            selectedIndex = (selectedIndex + 1) % totalElements;
+        }
+        else if (direction === 'up') {
+            selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
+        }
+
+        if (selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '#ff8623';
+            results[selectedIndex].scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '#ff8623';
+            viewAllResultsBtn.scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '#ff8623';
+            clearSearchBtn.scrollIntoView({ block: "nearest" });
+        }
+    }
+
+    searchInput.addEventListener('keydown', function(e) {
+        if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('down');
+        }
+        else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('up');
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                viewAllResultsBtn.click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
+                clearSearchBtn.click();
+            }
+            else {
+                const query = searchInput.value.trim();
+                localStorage.setItem('searchQuery', query);
+                window.location.href = 'search.html';
+            }
+        }
+    });
+
+    searchInput.addEventListener('blur', clearSelection);
+});
+
+document.getElementById('settings-btn').addEventListener('click', () => {
+    window.location.href = 'settings.html';
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    applySettings();
+
+    function applySettings() {
+        const defaultBg = '../../images/universe-1.webp';
+        const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
+        const savedTextColor = localStorage.getItem('textColor');
+        const savedFontSize = localStorage.getItem('fontSize');
+        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;
+        }
+    }
+});
+
+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 getMovieCode() {
+    return atob(movieCode.part1) + atob(movieCode.part2) + atob(movieCode.part3);
+}
+
+function generateMovieNames(input) {
+    return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+}
+
+async function showMovieOfTheDay() {
+    const year = new Date().getFullYear();
+    const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
+
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const movies = data.results;
+
+        if (movies.length > 0) {
+            const randomMovie = movies[Math.floor(Math.random() * movies.length)];
+            localStorage.setItem('selectedMovieId', randomMovie.id);
+            window.location.href = 'movie-details.html';
+        }
+        else {
+            fallbackMovieSelection();
+        }
+    }
+    catch (error) {
+        console.log('Error fetching movie:', error);
+        fallbackMovieSelection();
+    }
+}
+
+const form = document.getElementById('form1');
+
+form.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+});
+
+function handleSearch() {
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+}
+
+window.addEventListener('load', function() {
+    adjustAnchorHeights();
+});
+
+window.addEventListener('resize', adjustAnchorHeights);
+
+function adjustAnchorHeights() {
+    const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
+    let maxHeight = 0;
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = 'auto';
+        const anchorHeight = anchor.getBoundingClientRect().height;
+        maxHeight = Math.max(maxHeight, anchorHeight);
+    });
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = `${maxHeight}px`;
+    });
+}
+
+let lastScrollY = window.scrollY;
+
+window.addEventListener('scroll', () => {
+    const currentScrollY = window.scrollY;
+
+    if (currentScrollY > lastScrollY && currentScrollY > 0) {
+        document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
+    }
+    else {
+        document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
+    }
+
+    lastScrollY = currentScrollY;
+});
+
+let isAnimating = false;
+
+document.getElementById('menu-btn').addEventListener('click', () => {
+    if (isAnimating) return;
+
+    isAnimating = true;
+
+    const buttonIds = [
+        'chat-button',
+        'settings-btn',
+        'movie-of-the-day-btn',
+        'movie-match-btn3',
+        'movie-timeline-btn',
+        'discussions-btn',
+        'trivia-btn',
+    ];
+
+    buttonIds.forEach((id, index) => {
+        const button = document.getElementById(id);
+        if (button.style.display === 'none' || !button.style.display) {
+            button.style.display = 'block';
+            setTimeout(() => {
+                button.style.opacity = '1';
+                button.style.transform = 'translateY(0)';
+            }, 50 * index);
+        }
+        else {
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        }
+
+        setTimeout(() => {
+            button.style.display = button.style.opacity === '1' ? 'block' : 'none';
+            if (index === buttonIds.length - 1) {
+                isAnimating = false;
+            }
+        }, 500 + 50 * index);
+    });
+});
+
+window.addEventListener('resize', () => {
+    if (window.innerWidth < 767) {
+        const buttonIds = [
+            'chat-button',
+            'settings-btn',
+            'movie-of-the-day-btn',
+            'movie-match-btn3',
+            'movie-timeline-btn',
+            'discussions-btn',
+            'trivia-btn',
+            ];
+
+        buttonIds.forEach(id => {
+            const button = document.getElementById(id);
+            button.style.display = 'none';
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        });
+    }
+});
diff --git a/MovieVerse-Mobile/www/MovieVerse-Frontend/js/terms-of-service.js b/MovieVerse-Mobile/www/MovieVerse-Frontend/js/terms-of-service.js
new file mode 100644
index 00000000..42a2d0af
--- /dev/null
+++ b/MovieVerse-Mobile/www/MovieVerse-Frontend/js/terms-of-service.js
@@ -0,0 +1,845 @@
+document.getElementById('agreement').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('agreement').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('consent').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading2').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading3').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading4').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading5').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading5').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading6').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading6').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading7').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading7').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading8').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading8').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading9').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading9').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading10').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading10').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchBar = document.getElementById('search');
+    const searchButton = document.getElementById('button-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.visibility = 'hidden';
+                myHeading.style.opacity = '0';
+                localTime.style.visibility = 'hidden';
+                localTime.style.opacity = '0';
+            }
+        }
+        else {
+            myHeading.style.visibility = 'visible';
+            myHeading.style.opacity = '1';
+            localTime.style.visibility = 'visible';
+            localTime.style.opacity = '1';
+        }
+    }
+    searchBar.addEventListener('input', toggleVisibility);
+    toggleVisibility();
+});
+
+
+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');
+    const searchButton = document.getElementById('button-search');
+
+    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.visibility = 'visible';
+        myHeading.style.opacity = '1';
+        localTime.style.visibility = 'visible';
+        localTime.style.opacity = '1';
+    });
+
+    toggleButtons();
+    searchInput.addEventListener('input', toggleButtons);
+});
+
+function toggleNav() {
+    const sideNav = document.getElementById('side-nav');
+    sideNav.classList.toggle('manual-toggle');
+    adjustNavBar();
+}
+
+function removeNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+    }
+
+    adjustNavBar();
+}
+
+function adjustNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0px';
+    }
+    else {
+        sideNav.style.left = '-250px';
+    }
+}
+
+document.addEventListener('mousemove', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0';
+    }
+});
+
+document.getElementById('side-nav').addEventListener('mouseleave', function() {
+    const sideNav = document.getElementById('side-nav');
+    if (!sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '-250px';
+    }
+});
+
+document.addEventListener('click', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    const navToggle = document.getElementById('nav-toggle');
+    if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+        adjustNavBar();
+    }
+});
+
+function showSpinner() {
+    document.getElementById('myModal').classList.add('modal-visible');
+}
+
+function hideSpinner() {
+    document.getElementById('myModal').classList.remove('modal-visible');
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('search').addEventListener('input', function(e) {
+        showSpinner();
+        const viewAllResultsBtn = document.getElementById('view-all-results');
+        const searchInput = document.getElementById('search');
+        const query = e.target.value.trim();
+        const searchResultsContainer = document.getElementById('search-results');
+
+        viewAllResultsBtn.style.display = query ? 'block' : 'none';
+
+        function toggleButtons() {
+            viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+            const clearSearchBtn = document.getElementById('clear-search');
+            clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+        }
+
+        if (query) {
+            const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
+            fetch(searchURL)
+                .then(response => response.json())
+                .then(data => {
+                    const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
+                    displaySearchResults(sortedResults.slice(0, 5));
+                })
+                .catch(err => console.log("Fetching error:", err));
+        }
+        else {
+            searchInput.value = '';
+            searchResultsContainer.innerHTML = '';
+            toggleButtons();
+            searchInput.focus();
+        }
+
+        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.');
+            }
+        });
+
+        hideSpinner();
+    });
+
+    function displaySearchResults(results) {
+        showSpinner();
+        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}` : null;
+
+            if (imagePath) {
+                const image = document.createElement('img');
+                image.src = imagePath;
+                image.className = 'result-image';
+                card.appendChild(image);
+            }
+            else {
+                const placeholder = document.createElement('div');
+                placeholder.className = 'result-image-placeholder';
+                placeholder.textContent = 'Image Not Available';
+                placeholder.style.textAlign = 'center';
+                placeholder.style.padding = '10px';
+                card.appendChild(placeholder);
+            }
+
+            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));
+        });
+
+        hideSpinner();
+    }
+
+    async function handleResultClick(item) {
+        console.log('Clicked item:', item.media_type, item.id);
+
+        if (!item.media_type) {
+            console.log('Media type is undefined');
+            return;
+        }
+
+        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.log('Error fetching person details:', error);
+            }
+        }
+        else {
+            console.log('Unknown media type:', item.media_type);
+        }
+    }
+});
+
+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');
+    let selectedIndex = -1;
+
+    function clearSelection() {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        if (selectedIndex >= 0 && selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '';
+        }
+    }
+
+    function moveSelection(direction) {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        const totalElements = results.length + 2;
+        clearSelection();
+
+        if (direction === 'down') {
+            selectedIndex = (selectedIndex + 1) % totalElements;
+        }
+        else if (direction === 'up') {
+            selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
+        }
+
+        if (selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '#ff8623';
+            results[selectedIndex].scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '#ff8623';
+            viewAllResultsBtn.scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '#ff8623';
+            clearSearchBtn.scrollIntoView({ block: "nearest" });
+        }
+    }
+
+    searchInput.addEventListener('keydown', function(e) {
+        if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('down');
+        }
+        else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('up');
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                viewAllResultsBtn.click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
+                clearSearchBtn.click();
+            }
+            else {
+                const query = searchInput.value.trim();
+                localStorage.setItem('searchQuery', query);
+                window.location.href = 'search.html';
+            }
+        }
+    });
+
+    searchInput.addEventListener('blur', clearSelection);
+});
+
+function handleSignInOut() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    if (isSignedIn) {
+        localStorage.setItem('isSignedIn', JSON.stringify(false));
+        alert('You have been signed out.');
+    }
+    else {
+        window.location.href = 'sign-in.html';
+        return;
+    }
+
+    updateSignInButtonState();
+}
+
+function updateSignInButtonState() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    const signInText = document.getElementById('signInOutText');
+    const signInIcon = document.getElementById('signInIcon');
+    const signOutIcon = document.getElementById('signOutIcon');
+
+    if (isSignedIn) {
+        signInText.textContent = 'Sign Out';
+        signInIcon.style.display = 'none';
+        signOutIcon.style.display = 'inline-block';
+    }
+    else {
+        signInText.textContent = 'Sign In';
+        signInIcon.style.display = 'inline-block';
+        signOutIcon.style.display = 'none';
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    updateSignInButtonState();
+    document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
+});
+
+document.getElementById('settings-btn').addEventListener('click', () => {
+    window.location.href = 'settings.html';
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    applySettings();
+
+    function applySettings() {
+        const defaultBg = '../../images/universe-1.webp';
+        const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
+        const savedTextColor = localStorage.getItem('textColor');
+        const savedFontSize = localStorage.getItem('fontSize');
+        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;
+        }
+    }
+});
+
+const movieCode1 = {
+    part1: 'YzVhMjBjODY=',
+    part2: 'MWFjZjdiYjg=',
+    part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+};
+
+function getMovieCode() {
+    return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
+}
+
+function generateMovieNames(input) {
+    return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+}
+
+function getMovieVerseData(input) {
+    return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+}
+
+async function showMovieOfTheDay() {
+    const year = new Date().getFullYear();
+    const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
+
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const movies = data.results;
+
+        if (movies.length > 0) {
+            const randomMovie = movies[Math.floor(Math.random() * movies.length)];
+            localStorage.setItem('selectedMovieId', randomMovie.id);
+            window.location.href = 'movie-details.html';
+        }
+        else {
+            fallbackMovieSelection();
+        }
+    }
+    catch (error) {
+        console.log('Error fetching movie:', error);
+        fallbackMovieSelection();
+    }
+}
+
+async function ensureGenreMapIsAvailable() {
+    if (!localStorage.getItem('genreMap')) {
+        await fetchGenreMap();
+    }
+}
+
+async function fetchGenreMap() {
+    const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const genreMap = data.genres.reduce((map, genre) => {
+        map[genre.id] = genre.name;
+        return map;
+    }, {});
+        localStorage.setItem('genreMap', JSON.stringify(genreMap));
+    }
+    catch (error) {
+        console.log('Error fetching genre map:', error);
+    }
+}
+
+async function rotateUserStats() {
+    await ensureGenreMapIsAvailable();
+
+    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: "Most Visited Director", getValue: getMostVisitedDirector },
+    { label: "Most Visited Actor", getValue: getMostVisitedActor },
+    {
+        label: "Movies Discovered",
+        getValue: () => {
+        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
+        return viewedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Movies",
+        getValue: () => {
+        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
+        return favoritedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Genre",
+        getValue: () => {
+        const mostCommonGenreCode = getMostCommonGenre();
+        const genreMapString = localStorage.getItem('genreMap');
+        if (!genreMapString) {
+        console.log('No genre map found in localStorage.');
+        return 'Not Available';
+    }
+
+        let genreMap;
+        try {
+        genreMap = JSON.parse(genreMapString);
+    }
+        catch (e) {
+        console.log('Error parsing genre map:', e);
+        return 'Not Available';
+    }
+
+        let genreObject;
+        if (Array.isArray(genreMap)) {
+        genreObject = genreMap.reduce((acc, genre) => {
+        acc[genre.id] = genre.name;
+        return acc;
+    }, {});
+    }
+        else if (typeof genreMap === 'object' && genreMap !== null) {
+        genreObject = genreMap;
+    }
+        else {
+        console.log('genreMap is neither an array nor a proper object:', genreMap);
+        return 'Not Available';
+    }
+
+        return genreObject[mostCommonGenreCode] || 'Not Available';
+    }
+    },
+    { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
+    { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
+    {
+        label: "Directors Discovered",
+        getValue: () => {
+        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
+        return viewedDirectors.length;
+    }
+    },
+    {
+        label: "Actors Discovered",
+        getValue: () => {
+        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
+        return viewedActors.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';
+}
+
+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 favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
+    const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
+        acc[genre] = (acc[genre] || 0) + 1;
+        return acc;
+    }, {});
+
+    let mostCommonGenre = '';
+    let maxCount = 0;
+
+    for (const genre in genreCounts) {
+        if (genreCounts[genre] > maxCount) {
+            mostCommonGenre = genre;
+            maxCount = genreCounts[genre];
+        }
+    }
+
+    return mostCommonGenre || 'Not Available';
+}
+
+document.addEventListener('DOMContentLoaded', rotateUserStats);
+
+const form = document.getElementById('form1');
+
+form.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+});
+
+function handleSearch() {
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+}
+
+window.addEventListener('load', function() {
+    adjustAnchorHeights();
+});
+
+window.addEventListener('resize', adjustAnchorHeights);
+
+function adjustAnchorHeights() {
+    const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
+    let maxHeight = 0;
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = 'auto';
+        const anchorHeight = anchor.getBoundingClientRect().height;
+        maxHeight = Math.max(maxHeight, anchorHeight);
+    });
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = `${maxHeight}px`;
+    });
+}
+
+let lastScrollY = window.scrollY;
+
+window.addEventListener('scroll', () => {
+    const currentScrollY = window.scrollY;
+
+    if (currentScrollY > lastScrollY && currentScrollY > 0) {
+        document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
+    }
+    else {
+        document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
+    }
+
+    lastScrollY = currentScrollY;
+});
+
+let isAnimating = false;
+
+document.getElementById('menu-btn').addEventListener('click', () => {
+    if (isAnimating) return;
+
+    isAnimating = true;
+
+    const buttonIds = [
+    'chat-button',
+    'settings-btn',
+    'movie-of-the-day-btn',
+    'movie-match-btn3',
+    'movie-timeline-btn',
+    'discussions-btn',
+    'trivia-btn',
+    ];
+
+    buttonIds.forEach((id, index) => {
+        const button = document.getElementById(id);
+        if (button.style.display === 'none' || !button.style.display) {
+            button.style.display = 'block';
+            setTimeout(() => {
+                button.style.opacity = '1';
+                button.style.transform = 'translateY(0)';
+            }, 50 * index);
+        }
+        else {
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        }
+
+        setTimeout(() => {
+            button.style.display = button.style.opacity === '1' ? 'block' : 'none';
+            if (index === buttonIds.length - 1) {
+                isAnimating = false;
+            }
+        }, 500 + 50 * index);
+    });
+});
+
+window.addEventListener('resize', () => {
+    if (window.innerWidth < 767) {
+        const buttonIds = [
+        'chat-button',
+        'settings-btn',
+        'movie-of-the-day-btn',
+        'movie-match-btn3',
+        'movie-timeline-btn',
+        'discussions-btn',
+        'trivia-btn',
+        ];
+
+        buttonIds.forEach(id => {
+            const button = document.getElementById(id);
+            button.style.display = 'none';
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        });
+    }
+});