Merge pull request #82 from hoangsonww/homepage-enhancements

Enhanced SEO & Updated App Stylings

Author: hoangsonww

.github/README.md

@@ -59,6 +59,7 @@ There is also a mobile version of The MovieVerse, which is developed using Apach
 **Additional Information:**
 - **Continuous Improvements**: The platform is ever-evolving with regular updates and new features.
 - **Free & No Ads**: The MovieVerse is free to use and ad-free for an uninterrupted experience.
+- **Privacy & Security**: The MovieVerse is committed to protecting your privacy and ensuring a secure platform.
 
 **And So Much More!**
 

1ee157648b374c35b55ea4685a90ecbe.txt

@@ -98,7 +98,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
     <div>
-        <h1 class="chart-title">The MovieVerse Analytics</h1>
+        <div class="chart-title" style="font-size: 28px; font-weight: bold">The MovieVerse Analytics</div>
         <p class="chart-description">Here are some interesting and interactive insights about our MovieVerse Database!</p>
     </div>
     <div id="myModal" class="modal-overlay">

MovieVerse-Frontend/html/analytics.html

@@ -90,6 +90,7 @@
         .center-text {
             text-align: center;
         }
+
         .center-button {
             display: block;
             margin: 20px auto;
@@ -109,9 +110,11 @@
         #link {
             color: white;
         }
+
         #link:hover {
             color: #ff8623;
         }
+
     </style>
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-CQKJ67FXZ4"></script>
     <script>
@@ -357,7 +360,7 @@ <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 19px">
     </header>
 
     <div class="form-container">
-        <h1>Feedback</h1>
+        <div style="font-weight: bold; font-size: 28px; margin-top: 10px">Feedback</div>
         <p style="color: black">We'd love to hear from you! Please share your feedback, suggestions, or any issues you've encountered while using MovieVerse. We'll do our best to address them.</p>
         <form action="https://formspree.io/f/xqkrbdqd" method="POST">
             <input type="text" id="name" name="name" placeholder="Your Name" required>

MovieVerse-Frontend/html/feedback.html

@@ -85,6 +85,7 @@
         .center-text {
             text-align: center;
         }
+
         .center-button {
             display: block;
             margin: 20px auto;
@@ -97,13 +98,16 @@
             margin-top: 40px;
             border-radius: 8px;
         }
+
         .center-button:hover {
             background-color: #ff8623;
             transition: background-color 0.3s;
         }
+
         #link {
             color: white;
         }
+
         #link:hover {
             color: #ff8623;
         }
@@ -357,7 +361,7 @@ <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 19px">
     </header>
 
     <div class="form-container">
-        <h1>Contact Support</h1>
+        <div style="font-weight: bold; font-size: 28px; margin-top: 10px">Contact Support</div>
         <p style="color: black">Have a question or need help? Contact us and we'll take a look at your request as soon as possible.</p>
         <form action="https://formspree.io/f/xdoqzzao" method="POST">
             <input type="text" id="name" name="name" placeholder="Your Name" required>

MovieVerse-Frontend/html/support.html

@@ -136,7 +136,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
 
     <main class="content-area">
         <div style="text-align: center; width: 99vw">
-            <h1 id="tos-header" style="color: #ff8623">Terms of Service</h1>
+            <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;  ">

MovieVerse-Frontend/html/terms-of-service.html

@@ -1,3 +1,4 @@
+# Docker Ignore file for the MovieVerse project
 # General files
 .git
 .gitignore

MovieVerse-Mobile/platforms/ios/MovieVerse.xcworkspace/xcuserdata/davidnguyen.xcuserdatad/UserInterfaceState.xcuserstate

@@ -98,7 +98,7 @@ <h1 id="my-heading" style="margin-bottom: -10px">
         <button id="trivia-btn" onclick="window.location.href='trivia.html'" style="bottom: 10px" title="Test your movie knowledge">MovieVerse Trivia</button>
     </header>
     <div>
-        <h1 class="chart-title">The MovieVerse Analytics</h1>
+        <div class="chart-title" style="font-size: 28px; font-weight: bold">The MovieVerse Analytics</div>
         <p class="chart-description">Here are some interesting and interactive insights about our MovieVerse Database!</p>
     </div>
     <div id="myModal" class="modal-overlay">