diff --git a/app.js b/app.js
index 8672da1..15f0db3 100644
--- a/app.js
+++ b/app.js
@@ -353,11 +353,6 @@ app.get('/contributors', (req, res) => {
 });
 
 // Terms route
-app.get('/terms', (req, res) => {
-  res.render('terms', {
-    activeLink: 'terms', // You can customize this based on your layout
-  });
-});
 
 app.get('/terms-page', (req, res) => {
   res.render('terms-page', {
@@ -793,4 +788,4 @@ app.use((err, req, res, next) => {
 const PORT = process.env.PORT || 8080;
 app.listen(PORT, () => {
   console.log(`Server is running on port ${PORT}`);
-});
+});
\ No newline at end of file
diff --git a/views/partials/footer.ejs b/views/partials/footer.ejs
index f98e49f..9dfbf97 100644
--- a/views/partials/footer.ejs
+++ b/views/partials/footer.ejs
@@ -18,7 +18,7 @@
           <li><a href="/about" class="text-dark quick-link">About Us</a></li>
           <li><a href="/team" class="text-dark quick-link">Our Team</a></li>
           <li><a href="/privacy-policy" class="text-dark quick-link">Privacy Policy</a></li>
-          <!-- <li><a href="/terms" class="text-dark quick-link">Terms of Service</a></li> -->
+
           <li><a href="/terms-page" class="text-dark quick-link">Terms of Service</a></li>
           <li><a href="/contributors" class="text-dark quick-link">Our Contributors</a></li>
         </ul>
diff --git a/views/privacy-policy.ejs b/views/privacy-policy.ejs
index 9998ce2..f596d50 100644
--- a/views/privacy-policy.ejs
+++ b/views/privacy-policy.ejs
@@ -1,273 +1,151 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Privacy Policy</title>
-    <link href="styles.css" rel="stylesheet">
+    <%- include('partials/head') %>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
+
     <style>
+        /* Privacy Policy container styling */
         body {
-            font-family: Arial, sans-serif;
-            background-color: #f9fafb;
-            color: #1f2937;
-            line-height: 1.6;
-            padding: 2rem;
-            transition: background-color 0.3s, color 0.3s;
+            background-color: #eef2f3; /* Light background for contrast */
+            font-family: 'Arial', sans-serif;
         }
-
-        h1,
-        h2,
-        h3 {
-            color: #2563eb;
+        
+        .privacy-policy-container {
+            max-width: 800px;
+            margin: 2rem auto;
+            padding: 2rem;
+            background-color: #ffffff; /* White background for the container */
+            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+            border-radius: 8px;
+            color: #333;
         }
 
-        h1 {
+        /* Header styling */
+        .privacy-policy-container h1 {
+            text-align: center;
             font-size: 2.5rem;
-            margin-bottom: 1rem;
-        }
-
-        h2 {
-            font-size: 2rem;
-            margin-top: 2rem;
+            color: #007BFF; /* Change header color for better visibility */
+            margin-bottom: 1.5rem;
         }
 
-        h3 {
-            font-size: 1.5rem;
+        /* Section titles */
+        .privacy-policy-container h2 {
+            font-size: 1.8rem;
+            color: #0056b3; /* Darker shade for section titles */
             margin-top: 1.5rem;
+            border-bottom: 2px solid #007BFF;
+            padding-bottom: 0.5rem;
         }
 
-        p {
+        /* Paragraph styling */
+        .privacy-policy-container p {
+            line-height: 1.7; /* Increased line-height for better readability */
+            font-size: 1.1rem;
             margin-bottom: 1rem;
         }
 
-        a {
-            color: #2563eb;
-            text-decoration: none;
-            font-weight: bold;
-        }
-
-        a:hover {
-            text-decoration: underline;
-        }
-
-        .container {
-            max-width: 800px;
-            margin: 0 auto;
-            background-color: #ffffff;
-            padding: 2rem;
-            border-radius: 0.5rem;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-        }
-
-        .button {
-            display: inline-block;
-            padding: 0.75rem 1.5rem;
-            background-color: #2563eb;
-            color: white;
-            font-weight: bold;
-            text-decoration: none;
-            border-radius: 9999px;
-            transition: background-color 0.3s ease;
-            border: none;
-            cursor: pointer;
+        /* List styling */
+        .privacy-policy-container ul {
+            list-style-type: none;
+            padding: 0;
+            margin-left: 1rem;
         }
-
-        .button:hover {
-            background-color: #3b82f6;
+        .privacy-policy-container ul li {
+            margin-bottom: 0.5rem;
+            padding-left: 1.5rem; /* Increased padding for bullets */
+            position: relative;
+            font-size: 1rem;
         }
-
-        .theme-toggle {
-            display: flex;
-            justify-content: flex-end;
-            margin-bottom: 1.5rem;
+        .privacy-policy-container ul li:before {
+            content: "•";
+            color: #007BFF;
+            font-size: 1.5rem; /* Larger bullet point */
+            position: absolute;
+            left: 0;
         }
 
-        .theme-toggle button {
-            padding: 0.5rem 1rem;
-            background-color: #2563eb;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            transition: background-color 0.3s ease;
+        /* Strong text */
+        .privacy-policy-container strong {
+            color: #333;
         }
 
-        .theme-toggle button:hover {
-            background-color: #3b82f6;
-        }
-
-        .card {
-            background-color: #ffffff;
-            border-radius: 0.5rem;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            padding: 1.5rem;
-            margin-bottom: 1.5rem;
-            transition: transform 0.3s;
-        }
-
-        .card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+        /* Contact information styling */
+        .privacy-policy-container ul li:last-child {
+            font-style: italic;
         }
 
+        /* Media Queries for responsiveness */
         @media (max-width: 600px) {
-            body {
-                padding: 1rem;
+            .privacy-policy-container {
+                padding: 1rem; /* Reduce padding on smaller screens */
             }
-
-            h1 {
-                font-size: 2rem;
+            .privacy-policy-container h1 {
+                font-size: 2rem; /* Smaller header on small screens */
             }
-
-            h2 {
-                font-size: 1.5rem;
-            }
-
-            .button {
-                padding: 0.5rem 1rem;
+            .privacy-policy-container h2 {
+                font-size: 1.5rem; /* Smaller section titles */
             }
         }
-
-        /* Dark mode styles */
-        body.dark-mode {
-            background-color: #1f2937;
-            color: #f9fafb;
-        }
-
-        body.dark-mode .card {
-            background-color: #2d3748;
-            color: #f9fafb;
-        }
-
-        body.dark-mode .button {
-            background-color: #4f46e5;
-        }
-
-        body.dark-mode .button:hover {
-            background-color: #4338ca;
-        }
-
-        body.dark-mode a {
-            color: #3b82f6;
-        }
-
-        body.dark-mode h1,
-        body.dark-mode h2,
-        body.dark-mode h3 {
-            color: #bbf7d0; /* Light color for headings in dark mode */
-        }
-
-        .welcome-message {
-            padding: 1rem;
-            border-radius: 0.5rem;
-            background-color: #dbeafe;
-            margin-bottom: 2rem;
-        }
-
-        body.dark-mode .welcome-message {
-            background-color: #4b5563;
-            color: #f9fafb;
-        }
     </style>
 </head>
 
 <body>
-    <div class="container">
-        <div class="theme-toggle">
-            <button id="theme-toggle">Switch to Light Mode</button>
-        </div>
-
-        <div class="welcome-message">
-            <h1>Welcome to Scruter's Privacy Policy</h1>
-            <p>This policy outlines how we handle your personal data and protect your privacy when you use our website and services.</p>
-        </div>
-
-        <div class="card">
-            <h2>Information We Collect</h2>
-            <p>We collect the following types of information:</p>
-            <ul>
-                <li><strong>Personal Information:</strong> Information you provide us directly, such as your name, email address, and phone number when you contact us or sign up for our services.</li>
-                <li><strong>Usage Data:</strong> Information on how you access and use our website, including your IP address, browser type, pages visited, and the time spent on each page.</li>
-            </ul>
-        </div>
-
-        <div class="card">
-            <h2>How We Use Your Information</h2>
-            <p>Your information is used for the following purposes:</p>
-            <ul>
-                <li>To provide and maintain our services;</li>
-                <li>To notify you about changes to our services;</li>
-                <li>To monitor the usage of our website;</li>
-                <li>To detect, prevent, and address technical issues;</li>
-                <li>To provide customer support;</li>
-                <li>To comply with legal obligations.</li>
-            </ul>
-        </div>
-
-        <div class="card">
-            <h2>How We Protect Your Information</h2>
-            <p>We take data protection seriously and use industry-standard security measures to protect your information. However, no method of transmission over the internet is 100% secure, and we cannot guarantee absolute security.</p>
-        </div>
-
-        <div class="card">
-            <h2>Sharing Your Information</h2>
-            <p>We do not share your personal information with third parties, except in the following circumstances:</p>
-            <ul>
-                <li>With your consent;</li>
-                <li>To comply with legal obligations;</li>
-                <li>To protect the rights and property of Scruter;</li>
-                <li>To provide our services through trusted third-party providers.</li>
-            </ul>
-        </div>
-
-        <div class="card">
-            <h2>Cookies</h2>
-            <p>Our website uses cookies to enhance your experience and collect information about your usage patterns. You can choose to disable cookies through your browser settings, but this may affect your ability to use certain features of the site.</p>
-        </div>
-
-        <div class="card">
-            <h2>Changes to This Policy</h2>
-            <p>We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page. It is recommended to review this policy periodically for any updates.</p>
-        </div>
-
-        <div class="card">
-            <h2>Contact Us</h2>
-            <p>If you have any questions or concerns about this Privacy Policy, please contact us at:</p>
-            <ul>
-                <li>Email: scruter@gmail.com</li>
-                <li>Phone: 999999999</li>
-                <li>Address:</li>
-            </ul>
-        </div>
-
-        <a href="/" class="button">Back to Home</a>
+    <div id="progress-bar"></div>
+    <%- include('partials/navbar') %>
+
+    <div class="privacy-policy-container">
+        <h1>Privacy Policy</h1>
+
+        <p>Welcome to Scruter's Privacy Policy. This policy outlines how we handle your personal data and protect your privacy when you use our website and services.</p>
+
+        <h2>Information We Collect</h2>
+        <p>We collect the following types of information:</p>
+        <ul>
+            <li><strong>Personal Information:</strong> Information you provide us directly, such as your name, email address, and phone number when you contact us or sign up for our services.</li>
+            <li><strong>Usage Data:</strong> Information on how you access and use our website, including your IP address, browser type, pages visited, and the time spent on each page.</li>
+        </ul>
+
+        <h2>How We Use Your Information</h2>
+        <p>Your information is used for the following purposes:</p>
+        <ul>
+            <li>To provide and maintain our services;</li>
+            <li>To notify you about changes to our services;</li>
+            <li>To monitor the usage of our website;</li>
+            <li>To detect, prevent, and address technical issues;</li>
+            <li>To provide customer support;</li>
+            <li>To comply with legal obligations.</li>
+        </ul>
+
+        <h2>How We Protect Your Information</h2>
+        <p>We take data protection seriously and use industry-standard security measures to protect your information. However, no method of transmission over the internet is 100% secure, and we cannot guarantee absolute security.</p>
+
+        <h2>Sharing Your Information</h2>
+        <p>We do not share your personal information with third parties, except in the following circumstances:</p>
+        <ul>
+            <li>With your consent;</li>
+            <li>To comply with legal obligations;</li>
+            <li>To protect the rights and property of Scruter;</li>
+            <li>To provide our services through trusted third-party providers.</li>
+        </ul>
+
+        <h2>Cookies</h2>
+        <p>Our website uses cookies to enhance your experience and collect information about your usage patterns. You can choose to disable cookies through your browser settings, but this may affect your ability to use certain features of the site.</p>
+
+        <h2>Changes to This Policy</h2>
+        <p>We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page. It is recommended to review this policy periodically for any updates.</p>
+
+        <h2>Contact Us</h2>
+        <p>If you have any questions or concerns about this Privacy Policy, please contact us at:</p>
+        <ul>
+            <li>Email: <a href="mailto:scruter@gmail.com" style="color: #007BFF;">scruter@gmail.com</a></li>
+            <li>Phone: 999999999</li>
+            <li>Address:</li>
+        </ul>
     </div>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function () {
-            const toggleButton = document.getElementById('theme-toggle');
-
-            // Load the user's preference from local storage
-            if (localStorage.getItem('dark-mode') === 'enabled') {
-                document.body.classList.add('dark-mode');
-                toggleButton.textContent = 'Switch to Light Mode';
-            }
-
-            toggleButton.addEventListener('click', () => {
-                document.body.classList.toggle('dark-mode');
-
-                // Save the user's preference
-                if (document.body.classList.contains('dark-mode')) {
-                    localStorage.setItem('dark-mode', 'enabled');
-                    toggleButton.textContent = 'Switch to Light Mode';
-                } else {
-                    localStorage.removeItem('dark-mode');
-                    toggleButton.textContent = 'Switch to Dark Mode';
-                }
-            });
-        });
-    </script>
+    <%- include('partials/footer') %>
+    <%- include('partials/bottom_nav') %>
 </body>
-
 </html>
diff --git a/views/terms-page.ejs b/views/terms-page.ejs
index 2d85061..540ce61 100644
--- a/views/terms-page.ejs
+++ b/views/terms-page.ejs
@@ -6,15 +6,12 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
 
     <style>
-        /* Scoped styles for terms and conditions page */
-        body {
+        /* Styles for Terms and Conditions */
+        .terms-wrapper {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Modern font */
             background-color: #f9fafb; /* Light background */
             color: #1f2937; /* Dark text color */
             line-height: 1.6;
-        }
-
-        .terms-content {
             padding: 3rem 2rem; /* More padding for spacious layout */
             max-width: 800px; /* Limit the width for better readability */
             margin: 2rem auto; /* Center the content with some margin */
@@ -23,30 +20,7 @@
             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
         }
 
-        .cta-button {
-            display: inline-block;
-            padding: 1rem 2rem;
-            background-color: #2563eb; /* Button color */
-            color: white; /* White text */
-            font-weight: bold;
-            text-decoration: none;
-            border-radius: 9999px;
-            transition: background-color 0.3s ease, transform 0.3s ease;
-            margin-top: 2rem; /* More margin for spacing */
-            text-align: center; /* Center text in button */
-            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); /* Button shadow */
-        }
-
-        .cta-button:hover {
-            background-color: #1d4ed8; /* Darker shade on hover */
-            transform: scale(1.05); /* Scale up on hover */
-        }
-
-        .terms-section {
-            margin-top: 2rem;
-        }
-
-        .terms-section h1 {
+        .terms-heading {
             font-size: 2.8rem; /* Responsive heading size */
             font-weight: bold;
             color: #2563eb; /* Color for the main heading */
@@ -55,25 +29,27 @@
             padding-bottom: 0.5rem; /* Space under the heading */
         }
 
-        .terms-section h2 {
+        .terms-subheading {
             font-size: 2rem; /* Section heading size */
             font-weight: bold;
             margin-bottom: 0.5rem; /* Space between headings */
             color: #1f2937; /* Dark color for subheadings */
         }
 
-        .terms-section p {
+        .terms-paragraph {
             margin-bottom: 1.5rem; /* More space between paragraphs */
             text-align: justify; /* Justify text for better readability */
             line-height: 1.8; /* Increased line height for clarity */
         }
 
+
         @media (min-width: 640px) {
-            .terms-section h1 {
+            .terms-heading {
                 font-size: 3rem; /* Larger heading for wider screens */
             }
         }
 
+
         /* Scroll Progress Bar */
         #progress-bar {
             position: fixed;
@@ -91,35 +67,35 @@
     <div id="progress-bar"></div>
     <%- include('partials/navbar') %>
 
-    <div class="terms-content">
+    <div class="terms-wrapper">
         <!-- Terms and Conditions Main Heading -->
         <section class="terms-section">
-            <h1>Terms and Conditions</h1>
-            <p>Please read these terms and conditions carefully before using our service. These terms outline your rights and responsibilities when using our platform.</p>
+            <h1 class="terms-heading">Terms and Conditions</h1>
+            <p class="terms-paragraph">Please read these terms and conditions carefully before using our service. These terms outline your rights and responsibilities when using our platform.</p>
 
-            <h2>1. Acceptance of Terms</h2>
-            <p>By accessing or using the service, you agree to be bound by these terms. This acceptance applies to all visitors, users, and others who access or use the service. If you are using the service on behalf of a company or organization, you represent that you have the authority to bind that entity to these terms, in which case the terms "you" and "your" will refer to that entity.</p>
+            <h2 class="terms-subheading">1. Acceptance of Terms</h2>
+            <p class="terms-paragraph">By accessing or using the service, you agree to be bound by these terms. This acceptance applies to all visitors, users, and others who access or use the service. If you are using the service on behalf of a company or organization, you represent that you have the authority to bind that entity to these terms, in which case the terms "you" and "your" will refer to that entity.</p>
 
-            <h2>2. Modifications to Terms</h2>
-            <p>We reserve the right to modify these terms at any time. Changes will be effective immediately upon posting the revised terms on our website. Your continued use of the service after any such changes constitutes your acceptance of the new terms. It is your responsibility to review these terms periodically for any updates.</p>
+            <h2 class="terms-subheading">2. Modifications to Terms</h2>
+            <p class="terms-paragraph">We reserve the right to modify these terms at any time. Changes will be effective immediately upon posting the revised terms on our website. Your continued use of the service after any such changes constitutes your acceptance of the new terms. It is your responsibility to review these terms periodically for any updates.</p>
 
-            <h2>3. User Responsibilities</h2>
-            <p>You agree to use the service in compliance with all applicable laws and regulations. You are responsible for your conduct and any content you provide while using the service. You must not use the service for any illegal or unauthorized purpose, and you agree to comply with all applicable local, state, national, and international laws.</p>
+            <h2 class="terms-subheading">3. User Responsibilities</h2>
+            <p class="terms-paragraph">You agree to use the service in compliance with all applicable laws and regulations. You are responsible for your conduct and any content you provide while using the service. You must not use the service for any illegal or unauthorized purpose, and you agree to comply with all applicable local, state, national, and international laws.</p>
 
-            <h2>4. Limitation of Liability</h2>
-            <p>Our liability is limited to the maximum extent permitted by law. In no event shall we be liable for any indirect, incidental, special, consequential, or punitive damages, including but not limited to loss of profits, data, use, goodwill, or other intangible losses, arising out of or related to your access to or use of (or inability to access or use) the service.</p>
+            <h2 class="terms-subheading">4. Limitation of Liability</h2>
+            <p class="terms-paragraph">Our liability is limited to the maximum extent permitted by law. In no event shall we be liable for any indirect, incidental, special, consequential, or punitive damages, including but not limited to loss of profits, data, use, goodwill, or other intangible losses, arising out of or related to your access to or use of (or inability to access or use) the service.</p>
 
-            <h2>5. Privacy Policy</h2>
-            <p>We are committed to protecting your privacy. Our privacy policy explains how we collect, use, and disclose your information. By using our service, you consent to the collection and use of information in accordance with our privacy policy. We encourage you to review the privacy policy to understand our practices regarding your personal data.</p>
+            <h2 class="terms-subheading">5. Privacy Policy</h2>
+            <p class="terms-paragraph">We are committed to protecting your privacy. Our privacy policy explains how we collect, use, and disclose your information. By using our service, you consent to the collection and use of information in accordance with our privacy policy. We encourage you to review the privacy policy to understand our practices regarding your personal data.</p>
 
-            <h2>6. Payment Terms</h2>
-            <p>All payments must be made in full prior to service delivery. Payment methods accepted include credit cards and PayPal. You agree to provide accurate and complete payment information and to promptly update any information to keep your account current.</p>
+            <h2 class="terms-subheading">6. Payment Terms</h2>
+            <p class="terms-paragraph">All payments must be made in full prior to service delivery. Payment methods accepted include credit cards and PayPal. You agree to provide accurate and complete payment information and to promptly update any information to keep your account current.</p>
 
-            <h2>7. Cancellation Policy</h2>
-            <p>Users may cancel their subscription at any time. Refunds will be processed according to our refund policy, which outlines the conditions under which refunds will be issued. To cancel your subscription, please follow the cancellation instructions provided in your account settings.</p>
+            <h2 class="terms-subheading">7. Cancellation Policy</h2>
+            <p class="terms-paragraph">Users may cancel their subscription at any time. Refunds will be processed according to our refund policy, which outlines the conditions under which refunds will be issued. To cancel your subscription, please follow the cancellation instructions provided in your account settings.</p>
 
-            <h2>8. Contact Us</h2>
-            <p>If you have any questions about these terms, please contact us. Our customer support team is available to assist you.</p>
+            <h2 class="terms-subheading">8. Contact Us</h2>
+            <p class="terms-paragraph">If you have any questions about these terms, please contact us. Our customer support team is available to assist you.</p>
         </section>
     </div>
 
diff --git a/views/terms.ejs b/views/terms.ejs
deleted file mode 100644
index 92822b4..0000000
--- a/views/terms.ejs
+++ /dev/null
@@ -1,190 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title><%= title %></title>
-    <link href="styles.css" rel="stylesheet"> 
-    <style>
-        body {
-            font-family: 'Arial', sans-serif;
-            background-color: #f9fafb;
-            color: #1f2937;
-            line-height: 1.6;
-            padding: 2rem;
-        }
-
-        h1 {
-            color: #2563eb;
-            font-size: 2.5rem;
-            margin-bottom: 1rem;
-            text-align: center;
-        }
-
-        .container {
-            max-width: 800px;
-            margin: 0 auto;
-            padding: 1rem;
-        }
-
-        .card {
-            background-color: #ffffff;
-            padding: 1.5rem;
-            margin: 1.5rem 0;
-            border-radius: 0.5rem;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-            transition: transform 0.3s, box-shadow 0.3s;
-        }
-
-        .card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-        }
-
-        h2,
-        h3 {
-            color: #2563eb;
-        }
-
-        h2 {
-            font-size: 2rem;
-            margin: 1rem 0;
-        }
-
-        h3 {
-            font-size: 1.5rem;
-            margin: 1rem 0;
-        }
-
-        p {
-            margin-bottom: 1rem;
-        }
-
-        a {
-            color: #2563eb;
-            text-decoration: none;
-            font-weight: bold;
-        }
-
-        a:hover {
-            text-decoration: underline;
-        }
-
-        .button {
-            display: inline-block;
-            padding: 0.75rem 1.5rem;
-            background-color: #2563eb;
-            color: white;
-            font-weight: bold;
-            text-decoration: none;
-            border-radius: 9999px;
-            transition: background-color 0.3s ease;
-            margin-top: 1.5rem;
-            text-align: center;
-        }
-
-        .button:hover {
-            background-color: #3b82f6;
-        }
-
-        ul {
-            margin-left: 20px;
-            padding-left: 0;
-            list-style-type: disc;
-        }
-
-        /* Responsive Styles */
-        @media (max-width: 768px) {
-            h1 {
-                font-size: 2rem;
-            }
-
-            .card {
-                margin: 1rem 0;
-                padding: 1rem;
-            }
-
-            .button {
-                width: 100%;
-                padding: 0.75rem;
-                font-size: 1rem;
-            }
-        }
-
-        @media (max-width: 480px) {
-            h1 {
-                font-size: 1.75rem;
-            }
-
-            h2 {
-                font-size: 1.5rem;
-            }
-
-            h3 {
-                font-size: 1.25rem;
-            }
-
-            .button {
-                padding: 0.5rem;
-                font-size: 0.9rem;
-            }
-        }
-    </style>
-</head>
-
-<body>
-    <div class="container">
-        <h1><%= heading %></h1>
-        <p><%= intro %></p>
-
-        <div class="card">
-            <h2>Acceptance of Terms</h2>
-            <p><%= termsContent %></p>
-        </div>
-
-        <div class="card">
-            <h2>Changes to the Terms</h2>
-            <p><%= changesContent %></p>
-        </div>
-
-        <div class="card">
-            <h2>Use of Website</h2>
-            <p><%= useOfWebsite %></p>
-        </div>
-
-        <div class="card">
-            <h3>Prohibited Use</h3>
-            <p>You are prohibited from using the site or its content:</p>
-            <ul>
-                <% prohibitedUses.forEach(function(use) { %>
-                    <li><%= use %></li>
-                <% }) %>
-            </ul>
-        </div>
-
-        <div class="card">
-            <h2>Limitation of Liability</h2>
-            <p><%= liabilityContent %></p>
-        </div>
-
-        <div class="card">
-            <h2>Governing Law</h2>
-            <p><%= governingLaw %></p>
-        </div>
-
-        <div class="card">
-            <h2>Contact Us</h2>
-            <p>If you have any questions about these terms and conditions, you can contact us at:</p>
-            <ul>
-                <li>Email: <%= email %></li>
-                <li>Phone: <%= phone %></li>
-                <li>Address: <%= address %></li>
-            </ul>
-        </div>
-
-        <a href="/" class="button">Back to Home</a>
-    </div>
-</body>
-
-</html>
