i want to add something that will protect me from spam something like that but embedded to the page and also make it richer of information make the style more IT related please adjust and complete upgrade the page and provide the complete code without anything missing remeber we focus on UI/UX Design and Google Adsense it needs to be eligible because i will apply and they told me this Low value content
Your site does not yet meet the criteria of use in the Google publisher network. For more information, review the following resources:

Minimum content requirements
Make sure your site has unique high quality content and a good user experience
Webmaster quality guidelines for thin content
Webmaster quality guidelines. please provide the complete upgraded code without anything missing 

code :

<?php
declare(strict_types=1);
session_start();

// Set Content-Type to HTML
header('Content-Type: text/html; charset=utf-8');

// Enhanced Content Security Policy
header("Content-Security-Policy: default-src 'self'; script-src 'self' https://cdn.jsdelivr.net https://cdnjs.cloudflare.com 'unsafe-inline'; style-src 'self' https://cdn.jsdelivr.net https://cdnjs.cloudflare.com 'unsafe-inline'; img-src 'self' https://source.unsplash.com data:; font-src 'self' https://cdnjs.cloudflare.com; connect-src 'self'; frame-ancestors 'self'; base-uri 'self';");

// Strict Transport Security
header("Strict-Transport-Security: max-age=31536000; includeSubDomains; preload");

// Set other security headers
header('X-Content-Type-Options: nosniff');
header('X-Frame-Options: SAMEORIGIN'); // For AdSense compatibility
header('Referrer-Policy: no-referrer-when-downgrade');

// Page Content Variables
$title = "SkyPulse IT Services";
$description = "Leading the way in IT solutions with innovation and excellence. Offering remote support, hardware repair, system architecture, and more.";
$aboutContent = "At SkyPulse.uk, we transform the way businesses operate by providing cutting-edge IT solutions focused on customer satisfaction and tailored to meet your unique needs.";
$services = [
    ["icon" => "headset", "title" => "Remote Support", "description" => "Efficient remote support via ticketing systems and professional emails for seamless customer assistance."],
    ["icon" => "tools", "title" => "Hardware Repair & Upgrade", "description" => "Expert computer hardware repair and upgrades for optimal performance."],
    ["icon" => "network-wired", "title" => "Network Infrastructure", "description" => "Strategic optimization of networks with experience in TCP/IP, LAN/WLAN, VPN, and more."],
    ["icon" => "project-diagram", "title" => "System Architecture", "description" => "Design and implementation of robust system architectures tailored to your business needs."]
];
$contactDescription = "Whether you have questions or need assistance, feel free to contact us. We're here to support your IT journey.";
?>
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Responsive Design -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Page Title and Meta Tags -->
    <title><?= htmlspecialchars($title, ENT_QUOTES, 'UTF-8'); ?></title>
    <meta name="description" content="<?= htmlspecialchars($description, ENT_QUOTES, 'UTF-8'); ?>">
    <meta name="keywords" content="IT Services, Remote Support, Hardware Repair, System Architecture, Network Specialist">
    <meta name="author" content="SkyPulse.uk">

    <!-- Bootstrap 5.3.2 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

    <!-- Font Awesome 6.4.0 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Custom Styles -->
    <style>
        /* Root Variables for Theme Colors */
        :root {
            --primary-color: #007bff;
            --secondary-color: #6c757d;
            --light-color: #ffffff;
            --dark-color: #343a40;
            --text-color: #212529;
            --text-light: #ffffff;
            --bg-color: var(--light-color);
            --banner-text-color: var(--text-light);
        }

        /* Global Styles */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin-top: 75px;
            background-color: var(--bg-color);
            color: var(--text-color);
            transition: background-color 0.3s, color 0.3s;
        }
        h1, h2, h3, h4, h5 {
            font-family: 'Montserrat', sans-serif;
        }
        /* Navbar Styles */
        .navbar {
            background-color: var(--bg-color);
            padding: 15px 0;
            transition: background-color 0.3s;
        }
        .navbar-brand {
            font-weight: bold;
            color: var(--text-color);
        }
        .navbar-brand:hover {
            color: var(--primary-color);
        }
        .nav-link {
            color: var(--text-color);
            margin-left: 15px;
        }
        .nav-link:hover {
            color: var(--primary-color);
        }
        /* Theme Toggle Switch */
        .form-switch .form-check-input {
            cursor: pointer;
        }
        .theme-icon {
            font-size: 1.2rem;
            margin-left: 5px;
            color: var(--text-color);
        }
        /* Banner Section */
        .banner {
            background: url('https://source.unsplash.com/1600x900/?technology,it') no-repeat center center;
            background-size: cover;
            position: relative;
            color: var(--banner-text-color);
            text-shadow: 0 0 10px rgba(0,0,0,0.7);
            padding: 150px 0 100px 0;
            transition: background-image 0.3s;
        }
        .banner::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
        }
        .banner .container {
            position: relative;
            z-index: 2;
        }
        .banner h1 {
            font-size: 3rem;
            margin-bottom: 20px;
        }
        .banner p {
            font-size: 1.25rem;
        }
        /* Services Section */
        .services {
            padding: 60px 0;
        }
        .service-item {
            text-align: center;
            margin-bottom: 40px;
        }
        .service-item i {
            font-size: 3rem;
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        .service-item h5 {
            font-size: 1.5rem;
            margin-bottom: 15px;
        }
        .service-item p {
            font-size: 1rem;
            color: var(--secondary-color);
        }
        /* About Section */
        .about {
            background-color: var(--bg-color);
            padding: 60px 0;
            transition: background-color 0.3s;
        }
        /* Contact Section */
        .contact {
            padding: 60px 0;
        }
        .contact h2 {
            margin-bottom: 40px;
        }
        /* Footer Styles */
        footer {
            background-color: var(--dark-color);
            color: var(--text-light);
            padding: 30px 0;
            text-align: center;
            transition: background-color 0.3s, color 0.3s;
        }
        footer a {
            color: var(--primary-color);
            text-decoration: none;
        }
        footer a:hover {
            text-decoration: underline;
        }
        .footer-links a {
            margin: 0 10px;
        }

        /* Dark Theme Styles */
        [data-theme="dark"] {
            --primary-color: #0d6efd;
            --secondary-color: #adb5bd;
            --light-color: #212529;
            --dark-color: #f8f9fa;
            --text-color: #f8f9fa;
            --text-light: #212529;
            --bg-color: var(--light-color);
            --banner-text-color: #ffffff;
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .banner h1 {
                font-size: 2.5rem;
            }
            .banner p {
                font-size: 1.1rem;
            }
        }
        @media (max-width: 576px) {
            .banner h1 {
                font-size: 2rem;
            }
            .banner p {
                font-size: 1rem;
            }
            .nav-link {
                margin-left: 0;
            }
        }
    </style>
</head>
<body>
    <!-- Navigation Bar -->
    <nav class="navbar navbar-expand-lg fixed-top shadow-sm">
        <div class="container">
            <a class="navbar-brand" href="#"><?= htmlspecialchars($title, ENT_QUOTES, 'UTF-8'); ?></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon">
                    <i class="fas fa-bars" style="color: var(--text-color);"></i>
                </span>
            </button>
            <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                <ul class="navbar-nav align-items-center">
                    <li class="nav-item">
                        <a class="nav-link" href="#aboutSection">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#servicesSection">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contactSection">Contact</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#privacyModal" data-bs-toggle="modal">Privacy Policy</a>
                    </li>
                    <!-- Theme Toggle Switch -->
                    <li class="nav-item ms-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="themeSwitch" aria-label="Toggle Dark Mode">
                            <label class="form-check-label" for="themeSwitch"><i class="fas fa-moon theme-icon"></i></label>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Banner Section -->
    <section class="banner text-center">
        <div class="container">
            <h1><?= htmlspecialchars($title, ENT_QUOTES, 'UTF-8'); ?></h1>
            <p class="lead"><?= htmlspecialchars($description, ENT_QUOTES, 'UTF-8'); ?></p>
            <a href="#contactSection" class="btn btn-primary mt-3">Get Started</a>
        </div>
    </section>

    <!-- About Section -->
    <section id="aboutSection" class="about">
        <div class="container">
            <h2 class="text-center mb-5">About Us</h2>
            <p class="text-center"><?= htmlspecialchars($aboutContent, ENT_QUOTES, 'UTF-8'); ?></p>
        </div>
    </section>

    <!-- Services Section -->
    <section id="servicesSection" class="services">
        <div class="container">
            <h2 class="text-center mb-5">Our Services</h2>
            <div class="row">
                <?php foreach ($services as $service): ?>
                <div class="col-md-3 col-sm-6">
                    <div class="service-item">
                        <i class="fas fa-<?= htmlspecialchars($service['icon'], ENT_QUOTES, 'UTF-8'); ?>"></i>
                        <h5><?= htmlspecialchars($service['title'], ENT_QUOTES, 'UTF-8'); ?></h5>
                        <p><?= htmlspecialchars($service['description'], ENT_QUOTES, 'UTF-8'); ?></p>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contactSection" class="contact">
        <div class="container">
            <h2 class="text-center mb-5">Contact Us</h2>
            <p class="text-center mb-4"><?= htmlspecialchars($contactDescription, ENT_QUOTES, 'UTF-8'); ?></p>
            <div class="text-center">
                <a href="mailto:info@skypulse.co.uk" class="btn btn-primary"><i class="fas fa-envelope"></i> info@skypulse.co.uk</a>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="mb-3 footer-links">
                <a href="#aboutSection">About</a>|
                <a href="#servicesSection">Services</a>|
                <a href="#contactSection">Contact</a>|
                <a href="#privacyModal" data-bs-toggle="modal">Privacy Policy</a>
            </div>
            <p>&copy; <?= date("Y"); ?> SkyPulse.uk. All Rights Reserved.</p>
            <!-- Google AdSense Placeholder -->
            <div class="mt-3">
                <!-- Replace the placeholder below with your actual Google AdSense code -->
                <span>Advertisement</span>
            </div>
        </div>
    </footer>

    <!-- Privacy Policy Modal -->
    <div class="modal fade" id="privacyModal" tabindex="-1" aria-labelledby="privacyModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 id="privacyModalLabel" class="modal-title">Privacy Policy</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <!-- Comprehensive Privacy Policy Content -->
                    <h5>Introduction</h5>
                    <p>At SkyPulse.uk, we are committed to protecting your personal information and respecting your privacy. This Privacy Policy explains how we collect, use, and safeguard your information when you visit our website.</p>

                    <h5>Information We Collect</h5>
                    <p>We may collect personal information that you voluntarily provide to us when you contact us or subscribe to our services. This may include your name, email address, phone number, and any other information you choose to provide.</p>

                    <h5>Use of Information</h5>
                    <p>We use the information we collect to respond to your inquiries, provide services, and improve our website. We may also use your information for marketing purposes with your consent.</p>

                    <h5>Cookies and Tracking Technologies</h5>
                    <p>We use cookies and similar tracking technologies to enhance your experience on our website. Cookies help us understand how you use our site and personalize content and advertisements.</p>

                    <h5>Google AdSense</h5>
                    <p>We use Google AdSense to display advertisements on our website. Google may use cookies to serve ads based on your prior visits to our website or other websites. You may opt out of personalized advertising by visiting <a href="https://www.google.com/settings/ads" target="_blank" rel="noopener noreferrer">Google Ads Settings</a>.</p>

                    <h5>Third-Party Services</h5>
                    <p>We may use third-party services that collect, monitor, and analyze data to improve our services and provide relevant advertisements. These third parties have their own privacy policies addressing how they use such information.</p>

                    <h5>Your Data Protection Rights (GDPR)</h5>
                    <p>If you are a resident of the European Economic Area (EEA), you have certain data protection rights. SkyPulse.uk aims to take reasonable steps to allow you to correct, amend, delete, or limit the use of your personal data.</p>

                    <h5>California Consumer Privacy Act (CCPA)</h5>
                    <p>Under the CCPA, California residents have specific rights regarding their personal information. You have the right to request information about the collection and use of your personal data over the past 12 months.</p>

                    <h5>Children's Privacy</h5>
                    <p>Our website does not address anyone under the age of 13. We do not knowingly collect personal information from children under 13.</p>

                    <h5>Changes to This Privacy Policy</h5>
                    <p>We may update our Privacy Policy from time to time. We encourage you to review this page periodically for any changes.</p>

                    <h5>Contact Us</h5>
                    <p>If you have any questions about this Privacy Policy, please contact us at <a href="mailto:info@skypulse.co.uk">info@skypulse.co.uk</a>.</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap 5.3.2 JS Bundle (includes Popper.js) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>

    <!-- Custom JavaScript -->
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            // Theme Toggle Functionality
            const themeSwitch = document.getElementById('themeSwitch');
            const currentTheme = localStorage.getItem('theme') || 'light';

            // Apply the saved theme or default
            document.documentElement.setAttribute('data-theme', currentTheme);

            // Set the toggle state based on the current theme
            themeSwitch.checked = currentTheme === 'dark';

            // Update theme icons
            updateThemeIcon();

            // Event listener for theme toggle
            themeSwitch.addEventListener('change', () => {
                const theme = themeSwitch.checked ? 'dark' : 'light';
                document.documentElement.setAttribute('data-theme', theme);
                localStorage.setItem('theme', theme);
                updateThemeIcon();
            });

            function updateThemeIcon() {
                const themeIcon = document.querySelector('.theme-icon');
                if (themeSwitch.checked) {
                    themeIcon.classList.remove('fa-moon');
                    themeIcon.classList.add('fa-sun');
                } else {
                    themeIcon.classList.remove('fa-sun');
                    themeIcon.classList.add('fa-moon');
                }
            }
        });
    </script>
</body>
</html>