@networkpro/web 1.0.0 → 1.1.2

package/README.md

@@ -52,7 +52,7 @@ Web: <https://bio.neteng.pro>
 
 </section>
 
-[![Netlify Status](https://api.netlify.com/api/v1/badges/94ec8cc0-4712-409a-b54e-2dfbe7024a42/deploy-status)](https://app.netlify.com/sites/networkpro/deploys) [![NPM Version](https://img.shields.io/npm/v/%40networkpro%2Fdev-sveltekit?registry_uri=https%3A%2F%2Fregistry.npmjs.com&style=flat&logo=npm&logoSize=auto&color=%23CB3837)](https://www.npmjs.com/package/@networkpro/dev-sveltekit) [![Build and Publish to Registries](https://github.com/netwk-pro/dev-sveltekit/actions/workflows/build-and-publish.yml/badge.svg)](https://github.com/netwk-pro/dev-sveltekit/actions/workflows/build-and-publish.yml)  
+[![Netlify Status](https://api.netlify.com/api/v1/badges/93910633-3fdb-4bb3-a9bf-5d91ccfeebf9/deploy-status)](https://app.netlify.com/projects/networkpro-web/deploys) [![NPM Version](https://img.shields.io/npm/v/%40networkpro%2Fweb?registry_uri=https%3A%2F%2Fregistry.npmjs.com&style=flat&logo=npm&logoSize=auto&color=%23CB3837)](https://www.npmjs.com/package/@networkpro/web) [![Build and Publish to Registries](https://github.com/netwk-pro/netwk-pro.github.io/actions/workflows/build-and-publish.yml/badge.svg)](https://github.com/netwk-pro/netwk-pro.github.io/actions/workflows/build-and-publish.yml)  
 [![Code Style: Prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier) [![stylelint](https://img.shields.io/badge/stylelint-%23747474?style=flat&logo=stylelint&logoSize=auto&labelColor=%23263238)](https://stylelint.io/)
 [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](https://github.com/netwk-pro/netwk-pro.github.io/blob/master/CODE_OF_CONDUCT.md)
 
@@ -80,16 +80,16 @@ We also believe education is a core pillar of real-world security. That’s why
 
 &nbsp;
 
-🔹 [Let’s connect](https://contact.neteng.pro) to discuss how we can help secure and strengthen your business today.
+🔹 [Let’s connect](https://netwk.pro/contact) to discuss how we can help secure and strengthen your business today.
 
 ---
 
 You can find our PGP keys and a vCard containing our contact information for your convenience below.
 
-|                                                                                                                                                                                                                                                                                                                                                                                 <img decoding="async" loading="lazy" src="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/img/qr/pgp-support.png" width="125px" height="125px" alt="PGP Key - support@neteng.pro"> | **[support@neteng.pro](https://keys.openpgp.org/search?q=support%40neteng.pro)**<br />**PGP Key (ed25519)**<br />&nbsp;<br /><a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/support@neteng.pro.aexpk" download type="application/pgp-keys">**aexpk**</a>&nbsp; **&#47;** &nbsp;<a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/support@neteng.pro.asc" download type="application/pgp-keys">**asc**</a><br />&nbsp;<br />6590b992e2e3eff12738<br />7bce2af093e9dec61ba0 |
+|                                                                                                                                                                                                                                                                                                                                                                                                                                                 <img decoding="sync" loading="eager" src="https://netwk.pro/img/qr/pgp-support.png" width="125px" height="125px" alt="PGP Key - support@neteng.pro"> | **[support@neteng.pro](https://keys.openpgp.org/search?q=support%40neteng.pro)**<br />**PGP Key (ed25519)**<br />&nbsp;<br /><a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/support@neteng.pro.aexpk" download type="application/pgp-keys">**aexpk**</a>&nbsp; **&#47;** &nbsp;<a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/support@neteng.pro.asc" download type="application/pgp-keys">**asc**</a><br />&nbsp;<br />6590b992e2e3eff12738<br />7bce2af093e9dec61ba0 |
 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **[contact@s.neteng.pro](https://keys.openpgp.org/search?q=contact%40s.neteng.pro)**<br />**PGP Key (ed25519)**<br />&nbsp;<br /><a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/contact@s.neteng.pro.aexpk" download type="application/pgp-keys">**aexpk**</a>&nbsp; **&#47;** &nbsp;<a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/contact@s.neteng.pro.asc" download type="application/pgp-keys">**asc**</a><br />&nbsp;<br />**df118baa6c2d9dcdebdc**<br />**2ddcf99373499495f957** | <img decoding="async" loading="lazy" src="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/img/qr/pgp-contact.png" width="125px" height="125px" alt="PGP Key - contact@s.neteng.pro">                                                                                                                                                                                                                                                                                                                                                               |
-|                                                                                                                                                                                                                                                                                                                                                                                                              <img decoding="async" loading="lazy" src="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/img/qr/vcard.png" width="125px" height="125px" alt="vCard"> | **vCard**<br />&nbsp;<br /><a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/contact.vcf" download type="text/vcard">**vcf**</a>                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **[contact@s.neteng.pro](https://keys.openpgp.org/search?q=contact%40s.neteng.pro)**<br />**PGP Key (ed25519)**<br />&nbsp;<br /><a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/contact@s.neteng.pro.aexpk" download type="application/pgp-keys">**aexpk**</a>&nbsp; **&#47;** &nbsp;<a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/contact@s.neteng.pro.asc" download type="application/pgp-keys">**asc**</a><br />&nbsp;<br />**df118baa6c2d9dcdebdc**<br />**2ddcf99373499495f957** | <img decoding="async" loading="lazy" src="https://netwk.pro/img/qr/pgp-contact.png" width="125px" height="125px" alt="PGP Key - contact@s.neteng.pro">                                                                                                                                                                                                                                                                                                                                                                                                                               |
+|                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <img decoding="async" loading="lazy" src="https://netwk.pro/img/qr/vcard.png" width="125px" height="125px" alt="vCard"> | **vCard**<br />&nbsp;<br /><a href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/bin/contact.vcf" download type="text/vcard">**vcf**</a>                                                                                                                                                                                                                                                                                                                                                                                                 |
 
 <sub>[Back to top](#top)</sub>
 
@@ -109,8 +109,8 @@ You can find our PGP keys and a vCard containing our contact information for you
 Copyright &copy; 2025  
 **[Network Pro Strategies](https://netwk.pro/)** (Network Pro&trade;)
 
-Network Pro&trade;, the shield logo, and the "Locking Down Networks&trade;" slogan are [trademarks](https://netwk.pro/legal#trademark) of Network Pro Strategies.
+Network Pro&trade;, the shield logo, and the "Locking Down Networks&trade;" slogan are [trademarks](https://netwk.pro/license#trademark) of Network Pro Strategies.
 
-Licensed under **[CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)** and the **[GNU GPL](https://spdx.org/licenses/GPL-3.0-or-later.html)**, as published by the [Free Software Foundation](https://fsf.org), either version 3 of the License, or (at your option) any later version.
+Licensed under **[CC BY 4.0](https://netwk.pro/license#cc-by)** and the **[GNU GPL](https://netwk.pro/license#gnu-gpl)**, as published by the [Free Software Foundation](https://fsf.org), either version 3 of the License, or (at your option) any later version.
 
 </span>

package/_headers

@@ -0,0 +1,9 @@
+/*
+  Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline' https://snap.licdn.com; img-src 'self' https://px.ads.linkedin.com; connect-src 'self' https://px.ads.linkedin.com https://snap.licdn.com; style-src 'self' 'unsafe-inline'; form-action 'self'; base-uri 'self'; object-src 'none'; frame-ancestors 'none'; upgrade-insecure-requests;
+  X-Content-Type-Options: nosniff
+  X-Frame-Options: DENY
+  Referrer-Policy: strict-origin-when-cross-origin
+  Permissions-Policy: geolocation=(), camera=(), microphone=()
+  Cross-Origin-Embedder-Policy: require-corp
+  Cross-Origin-Opener-Policy: same-origin
+  Cross-Origin-Resource-Policy: same-origin

package/netlify.toml

@@ -1,13 +1,3 @@
 [build]
   command = "npm run build"
   publish = "build"
-
-[[plugins]]
-package = "@netlify/plugin-sitemap"
-
-  [plugins.inputs]
-  buildDir = "build"
-  filePath = "static/sitemap.xml"
-  trailingSlash = true
-  changeFreq = "monthly"
-  priority = 0.5

package/package.json

@@ -2,7 +2,7 @@
   "name": "@networkpro/web",
   "private": false,
   "sideEffects": false,
-  "version": "1.0.0",
+  "version": "1.1.2",
   "description": "Locking Down Networks, Unlocking Confidence | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "security",
@@ -20,7 +20,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/netwk-pro/dev-sveltekit.git"
+    "url": "git+https://github.com/netwk-pro/netwk-pro.github.io.git"
   },
   "license": "CC-BY-4.0 OR GPL-3.0-or-later",
   "author": {
@@ -66,7 +66,7 @@
     "@netlify/plugin-sitemap": "^0.8.1",
     "@playwright/test": "^1.52.0",
     "@sveltejs/adapter-netlify": "^5.0.2",
-    "@sveltejs/kit": "^2.21.0",
+    "@sveltejs/kit": "^2.21.1",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.7",
@@ -101,5 +101,10 @@
     "vite": "^6.3.5",
     "vite-plugin-lightningcss": "^0.0.5",
     "vitest": "^3.1.3"
+  },
+  "overrides": {
+    "@sveltejs/kit": {
+      "cookie": "^0.7.0"
+    }
   }
 }

package/src/app.html

@@ -2,39 +2,41 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <!-- =====================================================================
     SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
     This file is part of Network Pro.
-    ===================================================================== -->
+    ====================================================================== -->
 
     <title>%sveltekit.title%</title>
     <meta name="description" content="%sveltekit.description%" />
+    <meta
+      name="robots"
+      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
+    <meta name="author" content="Network Pro Strategies" />
 
-    <!-- Preconnect optimizations for LinkedIn -->
-    <link rel="preconnect" href="https://snap.licdn.com" crossorigin />
-    <link rel="preconnect" href="https://px.ads.linkedin.com" crossorigin />
-
-    <!-- FontAwesome is self-hosted, so its preconnect has been removed -->
+    <!-- Optional CSP for Dev -->
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="default-src 'self'; script-src 'self' 'unsafe-inline' https://snap.licdn.com; style-src 'self' 'unsafe-inline'; img-src 'self' data: https://px.ads.linkedin.com; connect-src 'self' https://px.ads.linkedin.com;" />
 
-    <!-- Keep only the ICO favicon for maximum compatibility -->
+    <!-- Favicon: Keep only ICO for max compatibility -->
     <link
       rel="icon"
       href="%sveltekit.assets%/favicon.ico"
       sizes="any"
       type="image/x-icon" />
 
-    <!-- SVG and PNG favicons will be added by the layout component -->
+    <!-- Preconnects (placed early to optimize connection time) -->
+    <link rel="preconnect" href="https://snap.licdn.com" crossorigin />
+    <link rel="preconnect" href="https://px.ads.linkedin.com" crossorigin />
 
+    <!-- Manifest + theme color -->
     <link rel="manifest" href="manifest.json" />
     <meta name="theme-color" content="#ffc627" />
 
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <meta name="author" content="Network Pro Strategies" />
-    <meta
-      name="robots"
-      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
+    <meta name="generator" content="SvelteKit 2.21.1" />
 
     %sveltekit.head%
   </head>

package/src/lib/components/MetaTags.svelte

@@ -0,0 +1,41 @@
+<!-- ==========================================================================
+src/lib/components/MetaTags.svelte
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  export let title;
+  export let description;
+
+  // Static shared values
+  const ogUrl = "https://netwk.pro";
+  const ogImg = "/img/banner-og-1200x630.png";
+  const companyName = "Network Pro Strategies";
+  const twitterAct = "@NetEng_Pro";
+</script>
+
+<svelte:head>
+  <title>{title}</title>
+  <meta name="description" content={description} />
+
+  <!-- OpenGraph -->
+  <meta property="og:title" content={title} />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content={ogUrl} />
+  <meta property="og:image" content={ogImg} />
+  <meta property="og:image:alt" content={companyName} />
+  <meta property="og:description" content={description} />
+
+  <!-- Twitter -->
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:site" content={twitterAct} />
+  <meta name="twitter:creator" content={twitterAct} />
+  <meta property="twitter:domain" content={ogUrl} />
+  <meta property="twitter:url" content={ogUrl} />
+  <meta name="twitter:title" content={title} />
+  <meta name="twitter:description" content={description} />
+  <meta name="twitter:image" content={ogImg} />
+  <meta name="twitter:image:alt" content={companyName} />
+</svelte:head>

package/src/lib/meta.js

@@ -0,0 +1,73 @@
+/* ==========================================================================
+src/lib/meta.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * @typedef {object} MetaData
+ * @property {string} title - The title of the page
+ * @property {string} description - The description of the page
+ */
+
+/**
+ * @type {Record<string, MetaData>}
+ */
+const meta = {
+  "/": {
+    title:
+      "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+    description:
+      "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+  },
+  "/about": {
+    title: "About Us — Network Pro™",
+    description: "About Us | Security, Networking, Privacy — Network Pro™",
+  },
+  "/privacy-policy": {
+    title: "Privacy Policy — Network Pro™",
+    description:
+      "Privacy Policy | Security, Networking, Privacy — Network Pro™",
+  },
+  "/terms-of-use": {
+    title: "Website Terms of Use — Network Pro™",
+    description:
+      "Website Terms of Use | Security, Networking, Privacy — Network Pro™",
+  },
+  "/license": {
+    title: "Legal, Copyright, and Licensing — Network Pro™",
+    description:
+      "Legal, Copyright, and Licensing | Security, Networking, Privacy — Network Pro™",
+  },
+  "/terms-conditions": {
+    title: "Consulting Terms and Conditions — Network Pro™",
+    description:
+      "Terms and Conditions | Security, Networking, Privacy — Network Pro™",
+  },
+  "/foss-spotlight": {
+    title: "FOSS Spotlight — Network Pro™",
+    description:
+      "FOSS Spotlight | Security, Networking, Privacy — Network Pro™",
+  },
+  "/contact": {
+    title: "Contact Form — Network Pro™",
+    description: "Contact Form | Security, Networking, Privacy — Network Pro™",
+  },
+  "/privacy-rights": {
+    title: "Privacy Rights Request Form — Network Pro™",
+    description:
+      "Privacy Rights Request Form | Security, Networking, Privacy — Network Pro™",
+  },
+};
+
+/** @type {MetaData} */
+const defaultMeta = {
+  title: "Loading... | Network Pro™",
+  description:
+    "Please wait while the content loads... | Security, Networking, Privacy — Network Pro™",
+};
+
+// Export values
+export { defaultMeta, meta };
+

package/src/lib/pages/TermsConditionsContent.svelte

@@ -113,7 +113,7 @@ This file is part of Network Pro.
       |
       <a
         rel={constants.rel}
-        href="https://raw.githubusercontent.com/netwk-pro/netwk-pro-legal/refs/heads/master/assets/onboard/consulting-terms.pdf"
+        href="https://raw.githubusercontent.com/netwk-pro/netwk-pro.github.io/refs/heads/master/assets/consulting-terms.pdf"
         target={constants.targetBlank}>
         PDF <span class="fas fa-file-arrow-down"></span>
       </a>

package/src/routes/+layout.js

@@ -12,62 +12,13 @@ This file is part of Network Pro.
  */
 
 /**
- * @type {Record<string, MetaData>}
- * Defines metadata for specific routes. The key is the pathname (string),
- * and the value is an object containing the title and description for the route.
+ * Fallback metadata to satisfy typing in +layout.svelte and +page.svelte.
+ * Actual meta content is provided per-route via +page.server.js.
  */
-const meta = {
-  "/": {
-    title:
-      "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
-    description:
-      "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
-  },
-  "/about": {
-    title: "About Us — Network Pro™",
-    description: "About Us | Security, Networking, Privacy — Network Pro™",
-  },
-  "/privacy-policy": {
-    title: "Privacy Policy — Network Pro™",
-    description:
-      "Privacy Policy | Security, Networking, Privacy — Network Pro™",
-  },
-  "/terms-of-use": {
-    title: "Website Terms of Use — Network Pro™",
-    description:
-      "Website Terms of Use | Security, Networking, Privacy — Network Pro™",
-  },
-  "/license": {
-    title: "Legal, Copyright, and Licensing — Network Pro™",
-    description:
-      "Legal, Copyright, and Licensing | Security, Networking, Privacy — Network Pro™",
-  },
-  "/terms-conditions": {
-    title: "Consulting Terms and Conditions — Network Pro™",
-    description:
-      "Terms and Conditions | Security, Networking, Privacy — Network Pro™",
-  },
-  "/foss-spotlight": {
-    title: "FOSS Spotlight — Network Pro™",
-    description:
-      "FOSS Spotlight | Security, Networking, Privacy — Network Pro™",
-  },
-  "/contact": {
-    title: "Contact Form — Network Pro™",
-    description: "Contact Form | Security, Networking, Privacy — Network Pro™",
-  },
-  "/privacy-rights": {
-    title: "Privacy Rights Request Form — Network Pro™",
-    description:
-      "Privacy Rights Request Form | Security, Networking, Privacy — Network Pro™",
-  },
-};
-
-// Fallback metadata for all routes
-const defaultMeta = {
-  title: "Loading... | Network Pro™",
+const fallbackMeta = {
+  title: "Security, Networking, Privacy — Network Pro™",
   description:
-    "Please wait while the content loads... | Security, Networking, Privacy — Network Pro™",
+    "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
 };
 
 export const prerender = "auto";
@@ -76,19 +27,12 @@ export const trailingSlash = "never";
 /**
  * @param {{ url: URL }} param0
  * @returns {{ pathname: string, meta: MetaData }}
- * The load function returns the current pathname and the appropriate metadata
- * for the route, ensuring that default metadata is used if no specific route is defined.
  */
 export function load({ url }) {
-  // Normalize the pathname to remove trailing slashes
   const normalizedPathname = url.pathname.replace(/\/+$/, "") || "/";
 
-  // Determine metadata based on static routes, fallback to defaultMeta
-  const currentMeta = meta[normalizedPathname] || defaultMeta;
-
-  // Return the metadata and pathname to the layout
   return {
     pathname: normalizedPathname,
-    meta: currentMeta,
+    meta: fallbackMeta, // Required to ensure meta always exists for typing
   };
 }

package/src/routes/+layout.svelte

@@ -6,6 +6,8 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
+  export let data;
+
   import ContainerSection from "$lib/components/ContainerSection.svelte";
   import Footer from "$lib/components/layout/Footer.svelte";
   import HeaderDefault from "$lib/components/layout/HeaderDefault.svelte";
@@ -13,8 +15,9 @@ This file is part of Network Pro.
   import { browser } from "$app/environment";
   // TODO: Testing in progress
   import { registerServiceWorker } from "$lib/registerServiceWorker.js";
+  import "$lib/styles";
 
-  // Import logo images and favicons and format for preloading
+  // Import favicon images
   import logoPng from "$lib/img/logo-web.png";
   import logoWbp from "$lib/img/logo-web.webp";
   import faviconSvg from "$lib/img/favicon.svg";
@@ -23,8 +26,14 @@ This file is part of Network Pro.
   /**
    * @type {string}
    * Style class for the mobile-web-app-capable meta tag.
+   * OpenGraph URL for the website.
+   * Company name for the website.
+   * Twitter account for the website.
    */
   const webApp = "mobile-web-app-capable";
+  const ogUrl = "https://netwk.pro";
+  const companyName = "Network Pro Strategies";
+  const twitterAct = "@NetEng_Pro";
 
   if (browser) {
     // Preload logo images
@@ -34,10 +43,8 @@ This file is part of Network Pro.
     });
 
     // Preload favicon SVG
-    fetch(faviconSvg).then((response) => response.text());
-
-    // Preload Apple Touch icon
     const touchImg = new Image();
+    // Preload Apple Touch icon
     touchImg.src = appleTouchIcon;
 
     // TODO: Testing in progress
@@ -45,35 +52,27 @@ This file is part of Network Pro.
     registerServiceWorker();
   }
 
-  // Import global and FontAwesome styles and web fonts
-  import "$lib/styles";
-
-  export let data;
+  // fallback values if data.meta not set
+  const metaTitle =
+    data?.meta?.title || "Security, Networking, Privacy — Network Pro™";
+  const metaDescription =
+    data?.meta?.description ||
+    "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™";
 
   // Pathname normalization takes place in +layout.js
 </script>
 
-<!-- Update the document's metadata dynamically -->
 <svelte:head>
-  <title>{data?.meta?.title || "Network Pro Strategies (Network Pro™)"}</title>
-  <meta
-    name="description"
-    content={data?.meta?.description ||
-      "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™"} />
+  <!-- Static only, dynamic content moved to $lib/components/MetaTags.svelte -->
+  <link rel="preload" href={logoWbp} as="image" type="image/webp" />
+  <link rel="preload" href={logoPng} as="image" type="image/png" />
+  <link rel="preload" href={faviconSvg} as="image" type="image/svg+xml" />
+  <link rel="preload" href={appleTouchIcon} as="image" type="image/png" />
 
-  <!-- Standard favicon and Apple Touch icon references -->
   <link rel="icon" href={faviconSvg} type="image/svg+xml" />
   <link rel="apple-touch-icon" href={appleTouchIcon} />
 
-  <!-- Preload links for all four critical assets -->
-  {#if browser}
-    <link rel="preload" href={logoWbp} as="image" type="image/webp" />
-    <link rel="preload" href={logoPng} as="image" type="image/png" />
-    <link rel="preload" href={faviconSvg} as="image" type="image/svg+xml" />
-    <link rel="preload" href={appleTouchIcon} as="image" type="image/png" />
-  {/if}
-
-  <!-- PWA-specific meta tags -->
+  <!-- PWA -->
   <link rel="manifest" href="/manifest.json" />
   <meta name={webApp} content="yes" />
   <meta name={"apple-" + webApp} content="yes" />
@@ -81,6 +80,10 @@ This file is part of Network Pro.
     name="apple-mobile-web-app-status-bar-style"
     content="black-translucent" />
   <meta name="theme-color" content="#ffc627" />
+
+  <meta
+    name="facebook-domain-verification"
+    content="bx4ham0zkpvzztzu213bhpt76m9siq" />
 </svelte:head>
 
 <!-- BEGIN HEADER -->

package/src/routes/+page.server.js

@@ -0,0 +1,27 @@
+/* ==========================================================================
+src/routes/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/**
+ * @typedef {object} MetaData
+ * @property {string} title - The title of the page
+ * @property {string} description - The description of the page
+ */
+
+/**
+ * Load metadata for the root route.
+ *
+ * @returns {{ meta: MetaData }}
+ */
+export function load() {
+  return {
+    meta: meta["/"] || defaultMeta,
+  };
+}

package/src/routes/+page.svelte

@@ -12,6 +12,7 @@ This file is part of Network Pro.
   import LegalNav from "$lib/components/LegalNav.svelte";
   import Logo from "$lib/components/Logo.svelte";
   import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
 
   /**
    * @type {string}
@@ -24,8 +25,12 @@ This file is part of Network Pro.
    * Style class for the div element.
    */
   const spaceStyle = "spacer";
+
+  export let data;
 </script>
 
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
 <link rel="canonical" href="https://netwk.pro" />
 
 <section id="home-page" data-testid="home-page">

package/src/routes/about/+page.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/about/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/about"] || defaultMeta,
+  };
+}

package/src/routes/about/+page.svelte

@@ -11,6 +11,7 @@ This file is part of Network Pro.
   import FullWidthSection from "$lib/components/FullWidthSection.svelte";
   import LegalNav from "$lib/components/LegalNav.svelte";
   import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
 
   /**
    * @type {string}
@@ -23,8 +24,12 @@ This file is part of Network Pro.
    * Style class for the div element.
    */
   const spaceStyle = "spacer";
+
+  export let data;
 </script>
 
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
 <link rel="canonical" href="https://netwk.pro/about" />
 
 <section id="about">

package/src/routes/foss-spotlight/+page.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/foss-spotlight/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/foss-spotlight"] || defaultMeta,
+  };
+}

package/src/routes/foss-spotlight/+page.svelte

@@ -11,6 +11,7 @@ This file is part of Network Pro.
   import FossContent from "$lib/pages/FossContent.svelte";
   import LegalNav from "$lib/components/LegalNav.svelte";
   import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
 
   /**
    * @type {string}
@@ -23,8 +24,12 @@ This file is part of Network Pro.
    * Style class for the div element.
    */
   const spaceStyle = "spacer";
+
+  export let data;
 </script>
 
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
 <link rel="canonical" href="https://netwk.pro/foss-spotlight" />
 
 <section id="license">

package/src/routes/license/+page.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/license/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/license"] || defaultMeta,
+  };
+}

package/src/routes/license/+page.svelte

@@ -11,6 +11,7 @@ This file is part of Network Pro.
   import LicenseContent from "$lib/pages/LicenseContent.svelte";
   import LegalNav from "$lib/components/LegalNav.svelte";
   import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
 
   /**
    * @type {string}
@@ -23,8 +24,12 @@ This file is part of Network Pro.
    * Style class for the div element.
    */
   const spaceStyle = "spacer";
+
+  export let data;
 </script>
 
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
 <link rel="canonical" href="https://netwk.pro/license" />
 
 <section id="license">

package/src/routes/page.svelte.test.js

@@ -1,5 +1,5 @@
 /* ==========================================================================
-src/lib/page.svelte.test.js
+src/routes/page.svelte.test.js
 
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
@@ -12,7 +12,18 @@ import Page from "./+page.svelte";
 
 describe("/+page.svelte", () => {
   test("should render the home page section", () => {
-    render(Page);
+    const mockData = {
+      pathname: "/", // Required because layout uses it
+      meta: {
+        title:
+          "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+        description:
+          "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™",
+      },
+    };
+
+    render(Page, { props: { data: mockData } });
+
     expect(screen.getByTestId("home-page")).toBeInTheDocument();
   });
 });

package/src/routes/privacy-policy/+page.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/privacy-policy/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/privacy-policy"] || defaultMeta,
+  };
+}

package/src/routes/privacy-policy/+page.svelte

@@ -11,6 +11,7 @@ This file is part of Network Pro.
   import PrivacyContent from "$lib/pages/PrivacyContent.svelte";
   import LegalNav from "$lib/components/LegalNav.svelte";
   import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
 
   /**
    * @type {string}
@@ -23,8 +24,12 @@ This file is part of Network Pro.
    * Style class for the div element.
    */
   const spaceStyle = "spacer";
+
+  export let data;
 </script>
 
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
 <link rel="canonical" href="https://netwk.pro/privacy-policy" />
 
 <section id="privacy-policy">

package/src/routes/terms-conditions/+page.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/terms-conditions/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/terms-conditions"] || defaultMeta,
+  };
+}

package/src/routes/terms-conditions/+page.svelte

@@ -11,6 +11,7 @@ This file is part of Network Pro.
   import TermsConditionsContent from "$lib/pages/TermsConditionsContent.svelte";
   import LegalNav from "$lib/components/LegalNav.svelte";
   import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
 
   /**
    * @type {string}
@@ -23,8 +24,12 @@ This file is part of Network Pro.
    * Style class for the div element.
    */
   const spaceStyle = "spacer";
+
+  export let data;
 </script>
 
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
 <link rel="canonical" href="https://netwk.pro/terms-conditions" />
 
 <section id="terms-conditions">

package/src/routes/terms-of-use/+page.server.js

@@ -0,0 +1,17 @@
+/* ==========================================================================
+src/routes/terms-of-use/+page.server.js
+
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+import { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/terms-of-use"] || defaultMeta,
+  };
+}

package/src/routes/terms-of-use/+page.svelte

@@ -11,6 +11,7 @@ This file is part of Network Pro.
   import TermsUseContent from "$lib/pages/TermsUseContent.svelte";
   import LegalNav from "$lib/components/LegalNav.svelte";
   import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
 
   /**
    * @type {string}
@@ -23,8 +24,12 @@ This file is part of Network Pro.
    * Style class for the div element.
    */
   const spaceStyle = "spacer";
+
+  export let data;
 </script>
 
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
 <link rel="canonical" href="https://netwk.pro/terms-of-use" />
 
 <section id="terms-of-use">

package/static/sitemap.xml

@@ -7,7 +7,7 @@
 
     <loc>https://netwk.pro</loc>
 
-    <lastmod>2025-05-16</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>weekly</changefreq>
 
@@ -19,7 +19,7 @@
 
     <loc>https://netwk.pro/foss-spotlight</loc>
 
-    <lastmod>2025-05-15</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>weekly</changefreq>
 
@@ -31,7 +31,7 @@
 
     <loc>https://netwk.pro/contact</loc>
 
-    <lastmod>2025-05-16</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -43,7 +43,7 @@
 
     <loc>https://netwk.pro/privacy-rights</loc>
 
-    <lastmod>2025-05-16</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -55,7 +55,7 @@
 
     <loc>https://netwk.pro/privacy-policy</loc>
 
-    <lastmod>2025-05-16</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -67,7 +67,7 @@
 
     <loc>https://netwk.pro/license</loc>
 
-    <lastmod>2025-05-16</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -79,7 +79,7 @@
 
     <loc>https://netwk.pro/terms-of-use</loc>
 
-    <lastmod>2025-05-15</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -91,7 +91,7 @@
 
     <loc>https://netwk.pro/terms-conditions</loc>
 
-    <lastmod>2025-05-15</lastmod>
+    <lastmod>2025-05-18</lastmod>
 
     <changefreq>monthly</changefreq>
 

package/tests/app.spec.js

@@ -15,8 +15,8 @@ test.describe("Desktop Tests", () => {
     await page.setViewportSize({ width: 1280, height: 720 });
     await page.goto("/");
 
-    // Wait for the title to be updated (not `%sveltekit.title%`)
-    await page.waitForFunction(() => document.title !== "%sveltekit.title%");
+    // Wait for the correct title to appear (CSP-safe)
+    await expect(page).toHaveTitle(/Locking Down Networks/);
 
     // Verify the page title contains the expected partial match
     const title = await page.title();

package/tests/mobile.spec.js

@@ -14,8 +14,8 @@ test.describe("Mobile Responsiveness", () => {
     await page.setViewportSize({ width: 375, height: 812 });
     await page.goto("/");
 
-    // Wait for the title to be updated (not `%sveltekit.title%`)
-    await page.waitForFunction(() => document.title !== "%sveltekit.title%");
+    // Wait for the correct title to appear (CSP-safe)
+    await expect(page).toHaveTitle(/Locking Down Networks/);
 
     // Verify the main heading is visible
     const mainHeading = page.locator("h2");
@@ -30,8 +30,8 @@ test.describe("Mobile Responsiveness", () => {
     await page.setViewportSize({ width: 375, height: 812 });
     await page.goto("/");
 
-    // Wait for the title to be updated (not `%sveltekit.title%`)
-    await page.waitForFunction(() => document.title !== "%sveltekit.title%");
+    // Wait for the correct title to appear (CSP-safe)
+    await expect(page).toHaveTitle(/Locking Down Networks/);
 
     // Check that there are no overlapping elements
     const body = await page.locator("body").boundingBox();
@@ -46,8 +46,8 @@ test.describe("Mobile Responsiveness", () => {
     await page.setViewportSize({ width: 375, height: 812 });
     await page.goto("/");
 
-    // Wait for the title to be updated (not `%sveltekit.title%`)
-    await page.waitForFunction(() => document.title !== "%sveltekit.title%");
+    // Wait for the correct title to appear (CSP-safe)
+    await expect(page).toHaveTitle(/Locking Down Networks/);
 
     // Check the "about" link is tappable and visible
     const aboutLink = page.locator("a", { hasText: "about" });