@networkpro/web 1.18.5 → 1.20.0

package/src/lib/README.md

@@ -0,0 +1,160 @@
+<!-- =====================================================================
+src/lib/README.md
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+====================================================================== -->
+
+# `/src/lib` Overview
+
+This directory contains all reusable **modules**, **assets**, and **constants** used across the app.
+It acts as the project’s _internal library_.
+
+---
+
+## 📦 Importing from `$lib`
+
+SvelteKit automatically aliases `$lib` → `src/lib/`, allowing you to import from this directory anywhere in the project:
+
+```js
+import { something } from '$lib';
+```
+
+> 💡 You don’t need to use relative paths like `../../../lib/...`; the `$lib` alias handles that automatically.
+
+---
+
+## 📁 Directory Structure
+
+```bash
+src/lib/
+├── components/ # Svelte UI components
+├── img/ # Static image assets
+├── images.js # Imports and re-exports images from /img/
+├── index.js # Main export hub (images, constants, etc.)
+└── README.md # You are here
+```
+
+---
+
+## 🖼️ Image Imports
+
+All image assets are re-exported via `images.js` and then made available in `$lib/index.js`.
+
+This allows images to be imported directly from `$lib`:
+
+```js
+import { logoPng, faviconSvg } from '$lib';
+```
+
+**Example (Svelte component):**
+
+```svelte
+<script>
+  import { logoPng } from '$lib';
+</script>
+
+<img src={logoPng} alt="Network Pro Logo" />
+```
+
+If you prefer, you can still import by full path:
+
+```js
+import logoPng from '$lib/img/logo-web.png';
+```
+
+Both are valid — the re-exports simply make imports cleaner and centralized.
+
+---
+
+## ⚙️ Constants and Utilities
+
+`index.js` defines and exports a `CONSTANTS` object for consistent app-wide values.
+These are grouped into logical categories for easy reference.
+
+```js
+import { CONSTANTS } from '$lib';
+
+console.log(CONSTANTS.COMPANY_INFO.APP_NAME); // "Network Pro"
+```
+
+### 🏢 COMPANY_INFO
+
+| Key        | Description                  | Example                  |
+| ---------- | ---------------------------- | ------------------------ |
+| `NAME`     | Full company name            | `Network Pro Strategies` |
+| `APP_NAME` | Application or branding name | `Network Pro`            |
+| `YEAR`     | Copyright / app year         | `2025`                   |
+
+### 📬 CONTACT
+
+| Key       | Description             | Example                     |
+| --------- | ----------------------- | --------------------------- |
+| `EMAIL`   | General support email   | `support (at) neteng.pro`   |
+| `SECURE`  | Secure contact address  | `contact (at) s.neteng.pro` |
+| `PRIVACY` | Privacy-related contact | `privacy (at) netwk.pro`    |
+| `PHONE`   | Company phone number    | `(623) 252-4350`            |
+
+### 🗂️ PAGE
+
+| Key     | Description           | Example               |
+| ------- | --------------------- | --------------------- |
+| `BLANK` | Opens a new tab       | `_blank`              |
+| `REL`   | Default rel attribute | `noopener noreferrer` |
+| `SELF`  | Opens in same tab     | `_self`               |
+
+### 🧭 NAV
+
+| Key       | Description             | Example       |
+| --------- | ----------------------- | ------------- |
+| `BACKTOP` | Label for “back to top” | `Back to top` |
+| `HREFTOP` | Anchor link to top      | `#top`        |
+
+### 🌐 LINKS
+
+| Key    | Description      | Example                  |
+| ------ | ---------------- | ------------------------ |
+| `HOME` | Company home URL | `https://netwk.pro`      |
+| `BLOG` | Company blog URL | `https://blog.netwk.pro` |
+
+🧠 Tip: If you add new global constants (e.g., API endpoints, metadata, etc.),
+extend `CONSTANTS` here and update this table for quick reference.
+
+---
+
+## 🧩 Components (if applicable)
+
+Reusable components can also be exported from this directory:
+
+```js
+import { Logo } from '$lib';
+```
+
+If you add more UI components later, re-export them from `index.js` for easy access.
+
+---
+
+## 🧠 Developer Notes
+
+`$lib` is an alias — not a relative path.
+It points directly to `src/lib/`.
+
+`export * from './images.js';` re-exports all image imports so you can reference them easily.
+
+Keep asset imports centralized in `images.js` to simplify maintenance.
+
+No need to modify imports when adding new images — just add them to `images.js`.
+
+---
+
+<span style="font-size: 12px; text-align: center;">
+
+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/license#trademark) of Network Pro Strategies.
+
+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://www.fsf.org), either version 3 of the License, or (at your option) any later version.
+
+</span>

package/src/lib/components/FullWidthSection.svelte

@@ -31,12 +31,3 @@ This file is part of Network Pro.
     <slot></slot>
   </div>
 </div>
-
-<style>
-  .full-width-section.centered {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    min-height: 80vh;
-  }
-</style>

package/src/lib/components/ServiceSummaryTable.svelte

@@ -0,0 +1,113 @@
+<!-- ==========================================================================
+src/lib/components/ServiceSummaryTable.svelte
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import { onMount } from 'svelte';
+
+  let activeService = '';
+
+  // Detect which hash (anchor) is active
+  onMount(() => {
+    // Set initial hash (e.g. when user loads /services#wifi)
+    activeService = window.location.hash.replace('#', '');
+
+    // Update on hash change
+    const handleHashChange = () => {
+      activeService = window.location.hash.replace('#', '');
+    };
+
+    window.addEventListener('hashchange', handleHashChange);
+    return () => window.removeEventListener('hashchange', handleHashChange);
+  });
+
+  // Keep only this services array (your actual data)
+  export let services = [
+    {
+      id: 'modem',
+      name: 'Home Modem Setup',
+      price: '$99.99',
+      duration: '45–60 min',
+      summary:
+        'Activate and secure your modem, verify connectivity and speeds.',
+    },
+    {
+      id: 'basic',
+      name: 'Basic Router Setup',
+      price: '$99.99',
+      duration: '60–75 min',
+      summary: 'Configure wired routing, DHCP, and security for LAN devices.',
+    },
+    {
+      id: 'wifi',
+      name: 'Wi-Fi & Wireless Network Setup',
+      price: '$149.99',
+      duration: '75–90 min',
+      summary: 'Establish reliable Wi-Fi coverage and secure wireless access.',
+    },
+    {
+      id: 'tshoot',
+      name: 'Network Troubleshooting',
+      price: 'from $49.99',
+      duration: '30-min diagnostic + hourly',
+      summary: 'Identify and resolve connectivity or performance issues.',
+    },
+    {
+      id: 'security',
+      name: 'Network Security Review',
+      price: '$79.99',
+      duration: '60–75 min',
+      summary:
+        'Harden router and Wi-Fi configurations, eliminate vulnerabilities.',
+    },
+    {
+      id: 'device',
+      name: 'Add a Wi-Fi Device',
+      price: '$34.99',
+      duration: '15–30 min',
+      summary: 'Connect and verify new wireless devices on your home network.',
+    },
+    {
+      id: 'print',
+      name: 'Add or Configure a Printer',
+      price: '$74.99',
+      duration: '45–60 min',
+      summary: 'Install and configure printers for network and device access.',
+    },
+  ];
+</script>
+
+<section id="service-summary">
+  <h2>Service Summary</h2>
+  <p>
+    Quickly compare our range of on-site services designed primarily for
+    individual consumers. Each offering is crafted for convenience, reliability,
+    and top-tier support.<br />
+    Each item links to a detailed description below.
+  </p>
+
+  <table class="service-table">
+    <thead>
+      <tr>
+        <th>Service</th>
+        <th>Price</th>
+        <th>Estimated Time</th>
+        <th>Description</th>
+      </tr>
+    </thead>
+    <tbody>
+      {#each services as svc}
+        <tr class:selected={svc.id === activeService}>
+          <td><a href={'#' + svc.id}>{svc.name}</a></td>
+          <td>{svc.price}</td>
+          <td>{svc.duration}</td>
+          <td>{svc.summary}</td>
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+</section>

package/src/lib/components/foss/index.js

@@ -0,0 +1,21 @@
+/* ==========================================================================
+src/lib/components/foss/index.js
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * Library index file
+ *
+ * @file index.js
+ * @description Export point for FOSS library components
+ * @module src/lib/components/foss
+ * @author Scott Lopez
+ * @updated 2025-10-05
+ */
+
+export { default as FossFeatures } from './FossFeatures.svelte';
+export { default as FossItemContent } from './FossItemContent.svelte';
+export { default as ObtainiumBlock } from './ObtainiumBlock.svelte';

package/src/lib/components/index.js

@@ -0,0 +1,31 @@
+/* ==========================================================================
+src/lib/components/index.js
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * Library index file
+ *
+ * @file index.js
+ * @description Export point for library components
+ * @module src/lib/components
+ * @author Scott Lopez
+ * @updated 2025-10-05
+ */
+
+export { default as Badges } from './Badges.svelte';
+export { default as CodeBlock } from './CodeBlock.svelte';
+export { default as ContainerSection } from './ContainerSection.svelte';
+export * from './foss/index.js';
+export { default as FullWidthSection } from './FullWidthSection.svelte';
+export * from './layout/index.js';
+export { default as LegalNav } from './LegalNav.svelte';
+export { default as Logo } from './Logo.svelte';
+export { default as MetaTags } from './MetaTags.svelte';
+export { default as PWAInstallButton } from './PWAInstallButton.svelte';
+export { default as RedirectPage } from './RedirectPage.svelte';
+export { default as ServiceSummaryTable } from './ServiceSummaryTable.svelte';
+export { default as SocialMedia } from './SocialMedia.svelte';

package/src/lib/components/layout/HeaderDefault.svelte

@@ -19,6 +19,7 @@ This file is part of Network Pro.
 
   const homeLink = base || '/';
   const aboutLink = `${base}/about`;
+  const servLink = `${base}/services`;
   const lhubLink = `${base}/links`;
   const fossLink = `${base}/foss-spotlight`;
   const blogLink = 'https://blog.netwk.pro';
@@ -42,13 +43,14 @@ This file is part of Network Pro.
   const nav = [
     { label: 'home', href: homeLink, target: PAGE.SELF, external: false },
     { label: 'about', href: aboutLink, target: PAGE.SELF, external: false },
-    { label: 'foss', href: fossLink, target: PAGE.SELF, external: false },
+    { label: 'services', href: servLink, target: PAGE.SELF, external: false },
     {
       label: 'blog',
       href: blogLink,
       target: PAGE.SELF,
       external: false,
     },
+    { label: 'foss', href: fossLink, target: PAGE.SELF, external: false },
     {
       label: 'discussions',
       href: discussLink,

package/src/lib/components/layout/HeaderHome.svelte

@@ -15,12 +15,12 @@ This file is part of Network Pro.
 
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  const { PAGE } = CONSTANTS;
+  const { PAGE, LINKS } = CONSTANTS;
 
   const aboutLink = `${base}/about`;
   const fossLink = `${base}/foss-spotlight`;
+  const servLink = `${base}/services`;
   const lhubLink = `${base}/links`;
-  const blogLink = 'https://blog.netwk.pro';
   const discussLink =
     'https://github.com/netwk-pro/netwk-pro.github.io/discussions';
 
@@ -40,13 +40,14 @@ This file is part of Network Pro.
    */
   const nav = [
     { label: 'about', href: aboutLink, target: PAGE.SELF, external: false },
-    { label: 'foss', href: fossLink, target: PAGE.SELF, external: false },
+    { label: 'services', href: servLink, target: PAGE.SELF, external: false },
     {
       label: 'blog',
-      href: blogLink,
+      href: LINKS.BLOG,
       target: PAGE.SELF,
       external: false,
     },
+    { label: 'foss', href: fossLink, target: PAGE.SELF, external: false },
     {
       label: 'discussions',
       href: discussLink,
@@ -95,4 +96,4 @@ This file is part of Network Pro.
 </nav>
 <!-- END HOME HEADER -->
 
-<!-- cspell:ignore lhub -->
+<!-- cspell:ignore lhub servLink -->

package/src/lib/components/layout/index.js

@@ -0,0 +1,21 @@
+/* ==========================================================================
+src/lib/components/layout/index.js
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * Library index file
+ *
+ * @file index.js
+ * @description Export point for layout components
+ * @module src/lib/components/layout
+ * @author Scott Lopez
+ * @updated 2025-10-05
+ */
+
+export { default as Footer } from './Footer.svelte';
+export { default as HeaderDefault } from './HeaderDefault.svelte';
+export { default as HeaderHome } from './HeaderHome.svelte';

package/src/lib/images.js

@@ -12,7 +12,7 @@ This file is part of Network Pro.
  * @file images.js
  * @description Provides convenient access to images in the src/lib/img directory
  * @module src/lib
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-06-16
  */
 

package/src/lib/index.js

@@ -10,16 +10,26 @@ This file is part of Network Pro.
  * Library index file
  *
  * @file index.js
- * @description Main export point for library components, utilities, and assets
+ * @description  Main export hub for $lib modules
+ *
+ * Components, images, and utilities are organized in submodules
+ * and re-exported here for flat `$lib` imports.
  * @module src/lib
- * @author SunDevil311
- * @updated 2025-06-03
+ * @author Scott Lopez
+ * @updated 2025-10-10
  */
 
-// Re-export images from dedicated images.js file
-// This maintains backward compatibility with existing imports
+// Re-export all images so they can be imported directly from `$lib`
+// Example usage:
+//   import { logoPng } from '$lib';
 export * from './images.js';
 
+// Re-export all components so they can be imported directly from `$lib`
+export * from './components/index.js';
+
+// Re-export all pages so they can be imported directly from `$lib`
+export * from './pages/index.js';
+
 // Export utility functions
 // Uncomment and adjust these as needed for your project
 // export * from './utils/formatting.js';

package/src/lib/meta.js

@@ -20,46 +20,51 @@ const meta = {
     title:
       'Security, Networking, Privacy — Network Pro Strategies',
     description:
-      'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™',
+      'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/about': {
     title: 'About Us — Network Pro™',
-    description: 'About Us | Security, Networking, Privacy — Network Pro™',
+    description: 'About Us | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/privacy': {
     title: 'Privacy Policy — Network Pro™',
     description:
-      'Privacy Policy | Security, Networking, Privacy — Network Pro™',
+      'Privacy Policy | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/terms-of-use': {
     title: 'Website Terms of Use — Network Pro™',
     description:
-      'Website Terms of Use | Security, Networking, Privacy — Network Pro™',
+      'Website Terms of Use | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/license': {
     title: 'Legal, Copyright, and Licensing — Network Pro™',
     description:
-      'Legal, Copyright, and Licensing | Security, Networking, Privacy — Network Pro™',
+      'Legal, Copyright, and Licensing | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/terms-conditions': {
     title: 'Consulting Terms and Conditions — Network Pro™',
     description:
-      'Terms and Conditions | Security, Networking, Privacy — Network Pro™',
+      'Terms and Conditions | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/foss-spotlight': {
     title: 'FOSS Spotlight — Network Pro™',
     description:
-      'FOSS Spotlight | Security, Networking, Privacy — Network Pro™',
+      'FOSS Spotlight | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/privacy-dashboard': {
     title: 'Privacy Dashboard — Network Pro™',
     description:
-      'Privacy Dashboard | Security, Networking, Privacy — Network Pro™',
+      'Privacy Dashboard | Security, Networking, Privacy — Network Pro Strategies',
   },
   '/pgp': {
     title: 'Public PGP Keys — Network Pro™',
     description:
-      'Public encryption keys for secure communication | Security, Networking, Privacy — Network Pro™',
+      'Public encryption keys for secure communication | Security, Networking, Privacy — Network Pro Strategies',
+  },
+  '/services': {
+    title: "On-Site Services - Network Pro™",
+    description:
+      'On-Site Services | Security, Networking, Privacy — Network Pro Strategies'
   },
   // Excludes redirect-only routes like /contact, /consultation, /privacy-rights
 };

package/src/lib/pages/AboutContent.svelte

@@ -23,7 +23,7 @@ This file is part of Network Pro.
 
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  const { COMPANY_INFO, PAGE } = CONSTANTS;
+  const { COMPANY_INFO, CONTACT, PAGE } = CONSTANTS;
 
   /**
    * URL to the Contact Form route, using the base path
@@ -31,6 +31,12 @@ This file is part of Network Pro.
    */
   const contactLink = `${base}/contact`;
 
+  /**
+   * URL to the Consultation route, using the base path
+   * @type {string}
+   */
+  const consultLink = `${base}/consultation`;
+
   /**
    * URL to the PGP route, using the base path
    * @type {string}
@@ -138,11 +144,11 @@ This file is part of Network Pro.
   <p>
     <strong>{COMPANY_INFO.NAME} ({COMPANY_INFO.APP_NAME}&trade;)</strong>
     <br />
-    <em>Remote-First Cybersecurity & Privacy Consulting</em>
+    <em>Networking, Security, Privacy</em>
   </p>
 </section>
 
-<div class="spacer"></div>
+&nbsp;
 
 <section id="subhead">
   <h2>Security That Respects You</h2>
@@ -162,10 +168,11 @@ This file is part of Network Pro.
 
 <p>
   At <strong>{COMPANY_INFO.NAME} ({COMPANY_INFO.APP_NAME}&trade;)</strong>, we
-  deliver network security, cybersecurity, and digital privacy consulting with
-  clarity, credibility, and care. We believe that real security doesn't have to
-  come at the cost of user autonomy, and that privacy-minded solutions can be
-  both practical and powerful.
+  deliver network security and engineering, information security (IS),
+  information technology (IT), cyber security, and digital privacy consulting
+  with clarity, credibility, and care. We believe that real security doesn't
+  have to come at the cost of user autonomy, and that privacy-minded solutions
+  can be both practical and powerful.
 </p>
 
 <p>
@@ -189,7 +196,7 @@ This file is part of Network Pro.
 <ul>
   <li><strong>Network Hardening & Perimeter Defense</strong></li>
   <li><strong>Firewall Architecture & Policy Optimization</strong></li>
-  <li><strong>Cloud Security & Zero Trust Implementation</strong></li>
+  <li><strong>Zero Trust Implementation</strong></li>
   <li><strong>Secure Infrastructure Design & Implementation</strong></li>
   <li><strong>Risk Reduction & Security Posture Assessment</strong></li>
 </ul>
@@ -201,24 +208,53 @@ This file is part of Network Pro.
   clear value, with zero fluff.
 </p>
 
+<div class="spacer"></div>
+
+<p>
+  Additionally, {COMPANY_INFO.APP_NAME}&trade; provides on-site services in the
+  Greater Phoenix Metro Area (Maricopa County, AZ). Our on-site services are
+  available to both businesses and consumers. In addition to consulting, we
+  offer the following services:
+</p>
+
+<ul>
+  <li><strong>Home Modem Setup</strong></li>
+  <li><strong>Basic Router Setup</strong></li>
+  <li><strong>Wi-Fi and Wireless Networking Setup</strong></li>
+  <li><strong>Network Troubleshooting</strong></li>
+  <li><strong>Network Security Review</strong></li>
+  <li><strong>Add a Wi-Fi Device</strong></li>
+  <li><strong>Add or Configure a Printer</strong></li>
+</ul>
+
 <p>
   We also believe education is a core pillar of real-world security. That's why
   we invest in raising awareness—across both technical and general audiences—on
   best practices in digital privacy, secure design, and threat mitigation.
 </p>
 
+<div class="spacer"></div>
+
 <p>
-  <strong
-    >{COMPANY_INFO.APP_NAME}&trade; exists to bring strong, thoughtful security
-    to organizations that value integrity—without sacrificing agility or trust.</strong>
-  We don't just secure infrastructure. We secure confidence.
+  At {COMPANY_INFO.APP_NAME}&trade;, we deliver robust, intentional solutions
+  for individuals and organizations that prioritize integrity — without
+  compromising agility or trust. We don't just protect infrastructure. We
+  protect peace of mind.
 </p>
 
-<div class="spacer"></div>
+<p>
+  Ready to take the next step? <a href={contactLink} target={PAGE.BLANK}
+    >Let's connect</a>
+  to explore how we can help fortify your home or business.
+  <a href={consultLink} target={PAGE.BLANK}>Schedule a consultation</a> today and
+  discover what's possible.
+</p>
 
 <p>
-  <a href={contactLink} target={PAGE.BLANK}>Let's connect</a>
-  to discuss how we can help secure and strengthen your business today.
+  <strong>{COMPANY_INFO.NAME}</strong><br />
+  📞 Phone: {CONTACT.PHONE}<br />
+  📧 General Inquiries: {CONTACT.EMAIL}<br />
+  🔐 Secure Email: {CONTACT.SECURE}
 </p>
 
 <div class="spacer"></div>

package/src/lib/pages/HomeContent.svelte

@@ -15,7 +15,7 @@ This file is part of Network Pro.
 
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  const { COMPANY_INFO, LINKS, PAGE, NAV } = CONSTANTS;
+  const { COMPANY_INFO, CONTACT, LINKS, PAGE, NAV } = CONSTANTS;
 
   /**
    * URL to the FOSS Spotlight page, using the base path
@@ -69,6 +69,16 @@ This file is part of Network Pro.
   </em>
 </p>
 
+<p class={classCenter}>
+  <strong>{COMPANY_INFO.NAME}</strong><br />
+  📞 <strong>Phone:</strong>
+  {CONTACT.PHONE}<br />
+  📧 <strong>General Inquiries:</strong>
+  {CONTACT.EMAIL}<br />
+  🔐 <strong>Secure Email:</strong>
+  {CONTACT.SECURE}
+</p>
+
 &nbsp;
 
 <h3 class="index4">Featured</h3>