stephan/juchatz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed to we/our

Browse Source
This commit is contained in:
Stephan
2025-05-21 13:02:48 -07:00
parent dc25f5d4e2
commit e131272a9a
18 changed files with 466 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/Header.astro
View File

@@ -4,17 +4,43 @@
<header> <header>
<nav> <nav>
<div class="mobile-menu-toggle">
<span></span>
<span></span>
<span></span>
</div>
<ul class="main-menu"> <ul class="main-menu">
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
<li class="has-dropdown"> <li class="has-dropdown">
<a href="/services">Services</a> <a href="/services">Services</a>
<ul class="dropdown"> <ul class="dropdown">
<!-- existing dropdown items --> <li class="has-submenu">
<a href="/services#privacy">Privacy</a>
<ul class="submenu">
<li><a href="/services/adblocker">Adblocker</a></li>
<li><a href="/services/remove-telemetry">Remove Windows Telemetry</a></li>
<li><a href="/services/bitwarden">Bitwarden Password Manager</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="/services#security">Security</a>
<ul class="submenu">
<li><a href="/services/opnsense">OPNsense Firewall</a></li>
<li><a href="/services/wireguard">WireGuard VPN</a></li>
<li><a href="/services/vpn">VPN Services</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="/services#anonymity">Anonymity</a>
<ul class="submenu">
<li><a href="/services/tor">TOR Network</a></li>
<li><a href="/services/linux-setup">Linux Setup</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="/services#infrastructure">Infrastructure</a>
<ul class="submenu">
<li><a href="/services/openwrt">OpenWRT Router</a></li>
<li><a href="/services/nas">NAS Setup</a></li>
<li><a href="/services/proxmox">Proxmox VE</a></li>
<li><a href="/services/vps">VPS Setup</a></li>
</ul>
</li>
</ul> </ul>
</li> </li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
@@ -22,15 +48,3 @@
</ul> </ul>
</nav> </nav>
</header> </header>
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.mobile-menu-toggle');
const mainMenu = document.querySelector('.main-menu');
menuToggle.addEventListener('click', function() {
this.classList.toggle('active');
mainMenu.classList.toggle('active');
});
});
</script>

28
src/pages/about.astro
View File

@@ -4,7 +4,7 @@ import Layout from '../components/Layout.astro';
<Layout title="About"> <Layout title="About">
<h1>About Us</h1> <h1>About Us</h1>
<p>Welcome to my personal tech services website! I'm Stephan Juchatz, a passionate technology specialist with expertise in networking, system administration, and open-source privacy solutions.</p> <p>Welcome to our tech services website! We're a team of passionate technology specialists with expertise in networking, system administration, and open-source privacy solutions.</p>
<div class="vision-mission-section"> <div class="vision-mission-section">
<h2>Our Vision</h2> <h2>Our Vision</h2>
@@ -45,13 +45,13 @@ import Layout from '../components/Layout.astro';
</div> </div>
</div> </div>
<h2>My Background</h2> <h2>Our Background</h2>
<p>With over 15 years of experience in the IT industry, I've developed a deep understanding of various technologies and methodologies. My journey began with a curiosity about how computers work and has evolved into a comprehensive skill set that allows me to tackle complex technical challenges while maintaining a strong focus on privacy and security.</p> <p>With over 15 years of experience in the IT industry, our team has developed a deep understanding of various technologies and methodologies. Our journey began with a curiosity about how computers work and has evolved into a comprehensive skill set that allows us to tackle complex technical challenges while maintaining a strong focus on privacy and security.</p>
<h2>My Philosophy</h2> <h2>Our Philosophy</h2>
<p>I believe that privacy isn't just about hiding—it's about <span class="highlight">empowerment, autonomy, and human dignity</span>. In today's data-driven world, the ability to control who has access to your information is not a luxury but a necessity.</p> <p>We believe that privacy isn't just about hiding—it's about <span class="highlight">empowerment, autonomy, and human dignity</span>. In today's data-driven world, the ability to control who has access to your information is not a luxury but a necessity.</p>
<p>I firmly believe that:</p> <p>We firmly believe that:</p>
<ul> <ul>
<li><span class="highlight">Privacy is a fundamental right</span> - Not a feature to be traded away for convenience</li> <li><span class="highlight">Privacy is a fundamental right</span> - Not a feature to be traded away for convenience</li>
<li><span class="highlight">Education is essential</span> - Understanding the why behind privacy practices leads to better adoption</li> <li><span class="highlight">Education is essential</span> - Understanding the why behind privacy practices leads to better adoption</li>
@@ -59,10 +59,10 @@ import Layout from '../components/Layout.astro';
<li><span class="highlight">Solutions should be sustainable</span> - Privacy shouldn't come at the cost of functionality</li> <li><span class="highlight">Solutions should be sustainable</span> - Privacy shouldn't come at the cost of functionality</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>I believe in the power of open-source solutions and privacy-focused technologies. My approach combines technical expertise with a commitment to empowering users through knowledge sharing and transparent practices.</p> <p>We believe in the power of open-source solutions and privacy-focused technologies. Our approach combines technical expertise with a commitment to empowering users through knowledge sharing and transparent practices.</p>
<p>When working on projects, I prioritize:</p> <p>When working on projects, we prioritize:</p>
<ul> <ul>
<li><span class="highlight">Security</span> - Implementing robust security measures to protect your data and systems</li> <li><span class="highlight">Security</span> - Implementing robust security measures to protect your data and systems</li>
<li><span class="highlight">Privacy</span> - Respecting and enhancing your digital privacy through thoughtful implementation</li> <li><span class="highlight">Privacy</span> - Respecting and enhancing your digital privacy through thoughtful implementation</li>
@@ -71,10 +71,10 @@ import Layout from '../components/Layout.astro';
<li><span class="highlight">Empowerment</span> - Giving you the tools and knowledge to maintain your digital privacy independently</li> <li><span class="highlight">Empowerment</span> - Giving you the tools and knowledge to maintain your digital privacy independently</li>
</ul> </ul>
<h2>Why Choose My Services</h2> <h2>Why Choose Our Services</h2>
<p>Unlike large service providers that offer one-size-fits-all solutions, I provide personalized services tailored to your specific needs and threat model. I take the time to understand your requirements, preferences, and constraints before recommending and implementing solutions.</p> <p>Unlike large service providers that offer one-size-fits-all solutions, we provide personalized services tailored to your specific needs and threat model. We take the time to understand your requirements, preferences, and constraints before recommending and implementing solutions.</p>
<p>My clients appreciate my:</p> <p>Our clients appreciate our:</p>
<ul> <ul>
<li>Attention to detail and thoroughness in implementation</li> <li>Attention to detail and thoroughness in implementation</li>
<li>Clear communication and jargon-free explanations</li> <li>Clear communication and jargon-free explanations</li>
@@ -84,12 +84,12 @@ import Layout from '../components/Layout.astro';
</ul> </ul>
<h2>Get in Touch</h2> <h2>Get in Touch</h2>
<p>I'm always happy to discuss potential projects, answer questions, or provide advice on enhancing your digital privacy and security. Feel free to reach out using the contact information below:</p> <p>We're always happy to discuss potential projects, answer questions, or provide advice on enhancing your digital privacy and security. Feel free to reach out using the contact information below:</p>
<p>Email: <a href="mailto:shop@juchatz.com">shop@juchatz.com</a><br> <p>Email: <a href="mailto:shop@juchatz.com">shop@juchatz.com</a><br>
Phone: (123) 456-7890</p> Phone: (123) 456-7890</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
<style> <style>
.vision-mission-section, .privacy-section, .concepts-section { .vision-mission-section, .privacy-section, .concepts-section {

10
src/pages/contact.astro
View File

@@ -6,16 +6,16 @@ const ntfyUrl = import.meta.env.PUBLIC_NTFY_URL;
--- ---
<Layout title="Contact"> <Layout title="Contact">
<h1>Contact Me</h1> <h1>Contact Us</h1>
<div class="contact-info-section"> <div class="contact-info-section">
<h2>Stephan Juchatz</h2> <h2>Our Team</h2>
<p><strong>Phone:</strong> (123) 456-7890</p> <p><strong>Phone:</strong> (123) 456-7890</p>
<p><strong>Email:</strong> <a href="mailto:shop@juchatz.com">shop@juchatz.com</a></p> <p><strong>Email:</strong> <a href="mailto:shop@juchatz.com">shop@juchatz.com</a></p>
<p>Feel free to reach out with any questions or inquiries about my services. I'm here to help you with all your technical needs.</p> <p>Feel free to reach out with any questions or inquiries about our services. We're here to help you with all your technical needs.</p>
</div> </div>
<div class="contact-form-container"> <div class="contact-form-container">
<h2>Send Me a Message</h2> <h2>Send Us a Message</h2>
<form id="contactForm" class="contact-form"> <form id="contactForm" class="contact-form">
<div class="form-group"> <div class="form-group">
<label for="name">Your Name</label> <label for="name">Your Name</label>
@@ -81,7 +81,7 @@ const ntfyUrl = import.meta.env.PUBLIC_NTFY_URL;
}); });
if (response.ok) { if (response.ok) {
formStatus.innerHTML = "<p>Message sent successfully! I'll get back to you soon.</p>"; formStatus.innerHTML = "<p>Message sent successfully! We'll get back to you soon.</p>";
formStatus.className = "form-status success"; formStatus.className = "form-status success";
contactForm.reset(); contactForm.reset();
} else { } else {

22
src/pages/index.astro
View File

@@ -6,10 +6,12 @@ import Layout from '../components/Layout.astro';
<h1>Welcome to My Digital Privacy & Security Services</h1> <h1>Welcome to My Digital Privacy & Security Services</h1>
<div class="intro-section"> <div class="intro-section">
<h2>Who I Am</h2> <h2>Thank You for Your Interest</h2>
<p>Hello, I'm <span class="highlight">Stephan Juchatz</span>, a Computer Science graduate with a passion for digital privacy and security. This website serves as a platform where I offer my expertise to help individuals and businesses protect their digital lives.</p> <p>Thank you for visiting our website! Your presence here marks the beginning of an exciting journey toward enhanced digital privacy and security. We understand that taking control of your digital life might seem overwhelming at first, but we're here to assure you that it's absolutely manageable with the right guidance.</p>
<p>With my background in computer science and years of hands-on experience, I've developed specialized knowledge in networking, system administration, and open-source privacy solutions that can help you reclaim control of your digital footprint.</p> <p>Digital privacy and security concepts may appear complex—filled with technical terminology and sophisticated systems—but this complexity shouldn't be intimidating. We break down these concepts into approachable steps, ensuring you understand not just what we're implementing, but why it matters. Our approach transforms what might seem daunting into an empowering journey of digital independence.</p>
<p>We're excited to explore how we can work together to strengthen your digital privacy and security, creating solutions tailored to your specific needs and comfort level. With our knowledge in networking, system administration, and open-source privacy solutions, we can help you reclaim control of your digital footprint.</p>
</div> </div>
<div class="mission-section"> <div class="mission-section">
@@ -18,21 +20,21 @@ import Layout from '../components/Layout.astro';
<p>Meanwhile, <span class="highlight">malicious actors and hackers</span> are constantly developing new ways to exploit vulnerabilities in systems and networks, putting your personal information and digital assets at risk.</p> <p>Meanwhile, <span class="highlight">malicious actors and hackers</span> are constantly developing new ways to exploit vulnerabilities in systems and networks, putting your personal information and digital assets at risk.</p>
<p>The reality is that most people don't realize the extent to which their privacy is compromised or the potential consequences of poor security practices. My mission is to change that by offering accessible, personalized solutions that protect your digital life.</p> <p>The reality is that most people don't realize the extent to which their privacy is compromised or the potential consequences of poor security practices. Our mission is to change that by offering accessible, personalized solutions that protect your digital life.</p>
</div> </div>
<div class="services-highlight"> <div class="services-highlight">
<h2>How I Can Help</h2> <h2>How We Can Help</h2>
<p>From implementing network-wide ad blocking and setting up secure VPN connections to removing invasive telemetry from your devices and migrating to privacy-focused operating systems, I provide comprehensive services designed to enhance your digital privacy and security.</p> <p>From implementing network-wide ad blocking and setting up secure VPN connections to removing invasive telemetry from your devices and migrating to privacy-focused operating systems, we provide comprehensive services designed to enhance your digital privacy and security.</p>
<p>I believe that robust privacy solutions should be accessible to everyone, not just technical experts. That's why I focus on <span class="highlight">knowledge transfer</span> and clear communication, ensuring you understand how your systems work and empowering you to maintain them.</p> <p>We believe that robust privacy solutions should be accessible to everyone, not just technical experts. That's why we focus on <span class="highlight">knowledge transfer</span> and clear communication, ensuring you understand how your systems work and empowering you to maintain them.</p>
</div> </div>
<p>Whether you're looking to protect your personal data from prying eyes, secure your home network against intrusions, or transition to more privacy-respecting technologies, I'm here to guide you every step of the way.</p> <p>Whether you're looking to protect your personal data from prying eyes, secure your home network against intrusions, or transition to more privacy-respecting technologies, we're here to guide you every step of the way.</p>
<div class="cta-container"> <div class="cta-container">
<a href="/services" class="cta-button">Explore My Services</a> <a href="/services" class="cta-button">Explore Our Services</a>
<a href="/contact" class="cta-button secondary">Get In Touch</a> <a href="/contact" class="cta-button">Get In Touch</a>
</div> </div>
</Layout> </Layout>

118
src/pages/services.astro
View File

@@ -4,112 +4,120 @@ import Layout from '../components/Layout.astro';
<Layout title="Services"> <Layout title="Services">
<h1>Our Services</h1> <h1>Our Services</h1>
<p>Here you can find a wide range of technical services to help you optimize your digital environment, organized around three core principles: Privacy, Security, and Anonymity. Below you'll find detailed information about each of our service categories.</p> <p>We offer a wide range of technical services to help you optimize your digital environment. Below you'll find detailed information about each of our service categories.</p>
<!-- Privacy Section --> <!-- Privacy Section -->
<h2 id="privacy">Privacy Services</h2> <h2 id="privacy">Privacy Services</h2>
<p>Privacy services help you regain control over your personal data and minimize digital tracking to protect your information from unwanted collection.</p> <p>Our privacy services help you maintain control over your personal data and minimize unwanted data collection.</p>
<div class="service-card" id="adblocker"> <div class="service-card" id="adblocker">
<h3>Adblocker Setup</h3> <h3>Adblocker Setup</h3>
<p>Enhance your browsing experience and protect your privacy with our comprehensive ad-blocking solutions. We implement network-wide ad blocking that works across all your devices without requiring individual software installations.</p> <p>Enhance your browsing experience and protect your privacy with our comprehensive ad-blocking solutions. We implement network-wide ad blocking that works across all your devices without requiring individual software installations.</p>
<a href="/services/adblocker" class="service-link">Learn More</a> <a href="/services/adblocker" class="learn-more-link">Learn more</a>
</div>
<div class="service-card" id="bitwarden">
<h3>Bitwarden Password Manager</h3>
<p>Take control of your online credentials with a self-hosted Bitwarden password manager. This open-source solution securely stores your passwords, generates strong new ones, and synchronizes across all your devices while keeping your data entirely under your control.</p>
<a href="/services/bitwarden" class="service-link">Learn More</a>
</div> </div>
<div class="service-card" id="remove-telemetry"> <div class="service-card" id="remove-telemetry">
<h3>Remove Windows Telemetry</h3> <h3>Remove Windows Telemetry</h3>
<p>Enhance your privacy by removing Windows telemetry features that collect and send data to Microsoft. Our service includes identification and disabling of telemetry components while ensuring system stability and functionality.</p> <p>Enhance your privacy by removing Windows telemetry features that collect and send data to Microsoft. Our service includes identification and disabling of telemetry components while ensuring system stability and functionality.</p>
<a href="/services/remove-telemetry" class="service-link">Learn More</a> <a href="/services/remove-telemetry" class="learn-more-link">Learn more</a>
</div>
<div class="service-card" id="bitwarden">
<h3>Bitwarden Password Manager</h3>
<p>Take control of your passwords and sensitive information with a self-hosted Bitwarden solution that keeps your data private, secure, and exclusively under your control.</p>
<a href="/services/bitwarden" class="learn-more-link">Learn more</a>
</div> </div>
<!-- Security Section --> <!-- Security Section -->
<h2 id="security">Security Services</h2> <h2 id="security">Security Services</h2>
<p>These security services focus on protecting your data and systems from unauthorized access, ensuring your digital assets remain safe.</p> <p>Our security services help you protect your data and systems from external threats and vulnerabilities.</p>
<div class="service-card" id="opnsense"> <div class="service-card" id="opnsense">
<h3>OPNsense Firewall</h3> <h3>OPNsense Firewall</h3>
<p>Protect your network with a powerful, open-source firewall solution. OPNsense provides enterprise-grade security features including intrusion detection, VPN capabilities, and granular traffic control to defend your network from threats.</p> <p>Secure your network with OPNsense, a powerful open-source enterprise-grade firewall and routing platform that provides comprehensive network protection and control.</p>
<a href="/services/opnsense" class="service-link">Learn More</a> <a href="/services/opnsense" class="learn-more-link">Learn more</a>
</div> </div>
<div class="service-card" id="wireguard"> <div class="service-card" id="wireguard">
<h3>Wireguard VPN</h3> <h3>WireGuard VPN</h3>
<p>Connect securely to your home network or between multiple sites with Wireguard, a modern VPN protocol known for its simplicity, speed, and strong security. We handle the complete setup and configuration for seamless remote access.</p> <p>Secure your internet connection with WireGuard, a modern, high-performance VPN protocol that offers exceptional speed, security, and simplicity compared to traditional VPN solutions.</p>
<a href="/services/wireguard" class="service-link">Learn More</a> <a href="/services/wireguard" class="learn-more-link">Learn more</a>
</div> </div>
<div class="service-card" id="vpn"> <div class="service-card" id="vpn">
<h3>VPN Setup</h3> <h3>VPN Services</h3>
<p>Establish secure connections and protect your internet traffic with a properly configured Virtual Private Network. Whether you need a commercial VPN solution or a self-hosted option, we'll implement the right setup for your needs.</p> <p>Protect your online privacy, secure your data, and access geo-restricted content with professional VPN implementation services tailored to your specific needs and privacy requirements.</p>
<a href="/services/vpn" class="service-link">Learn More</a> <a href="/services/vpn" class="learn-more-link">Learn more</a>
</div> </div>
<!-- Anonymity Section --> <!-- Anonymity Section -->
<h2 id="anonymity">Anonymity Services</h2> <h2 id="anonymity">Anonymity Services</h2>
<p>Anonymity services help you maintain a lower digital profile and operate online with greater freedom from tracking and surveillance.</p> <p>Our anonymity services help you maintain a lower profile online and reduce your digital footprint.</p>
<div class="service-card" id="tor"> <div class="service-card" id="tor">
<h3>TOR Network Setup</h3> <h3>TOR Network Setup</h3>
<p>Access the internet with enhanced anonymity through the TOR network. We can set up dedicated TOR nodes, configure browsers for optimal privacy, or implement network-wide routing through TOR to help protect your identity online.</p> <p>Enhance your online anonymity and privacy with a properly configured TOR (The Onion Router) setup customized for your specific needs.</p>
<a href="/services/tor" class="service-link">Learn More</a> <a href="/services/tor" class="learn-more-link">Learn more</a>
</div> </div>
<div class="service-card" id="linux-setup"> <div class="service-card" id="linux-setup">
<h3>Set Up Linux</h3> <h3>Linux Setup</h3>
<p>Make the transition to Linux smooth and hassle-free with our comprehensive setup services. We'll help you select the right privacy-focused distribution, handle the installation process, configure your system, and provide guidance on essential software and daily operations.</p> <p>Make the transition to Linux smooth and hassle-free with our comprehensive setup services. We'll help you select the right distribution, handle the installation process, configure your system, and provide guidance on essential software and daily operations.</p>
<a href="/services/linux-setup" class="service-link">Learn More</a> <a href="/services/linux-setup" class="learn-more-link">Learn more</a>
</div> </div>
<!-- Infrastructure Section --> <!-- Infrastructure Section -->
<h2 id="infrastructure">Infrastructure Services</h2> <h2 id="infrastructure">Infrastructure Services</h2>
<p>Infrastructure services provide the foundation for self-hosted solutions that give you complete control over your digital environment.</p> <p>Our infrastructure services help you build and maintain robust, efficient, and secure digital environments.</p>
<div class="service-card" id="openwrt"> <div class="service-card" id="openwrt">
<h3>OpenWRT Router</h3> <h3>OpenWRT Router</h3>
<p>Upgrade your network with OpenWRT, a powerful open-source router firmware that provides advanced features, improved security, and greater control over your home or small business network.</p> <p>Transform your network with OpenWRT, a powerful open-source router firmware that provides enterprise-grade features, enhanced security, and complete control over your home or business network.</p>
<a href="/services/openwrt" class="service-link">Learn More</a> <a href="/services/openwrt" class="learn-more-link">Learn more</a>
</div> </div>
<div class="service-card" id="nas"> <div class="service-card" id="nas">
<h3>Network Attached Storage</h3> <h3>NAS Setup</h3>
<p>Create your own secure data storage solution with a customized NAS setup. Access your files from anywhere while maintaining complete control over your data without relying on cloud services.</p> <p>Take control of your data with a custom Network Attached Storage (NAS) solution that provides secure, reliable, and private storage accessible from all your devices while keeping your files under your complete control.</p>
<a href="/services/nas" class="service-link">Learn More</a> <a href="/services/nas" class="learn-more-link">Learn more</a>
</div> </div>
<div class="service-card" id="proxmox"> <div class="service-card" id="proxmox">
<h3>Proxmox Virtualization</h3> <h3>Proxmox VE Setup</h3>
<p>Maximize your hardware resources with Proxmox, an enterprise-grade virtualization platform. Run multiple virtual machines and containers on a single server for efficient resource utilization and service isolation.</p> <p>Maximize your hardware resources with Proxmox Virtual Environment, a powerful open-source virtualization platform that enables you to run multiple virtual machines and containers on a single physical server.</p>
<a href="/services/proxmox" class="service-link">Learn More</a> <a href="/services/proxmox" class="learn-more-link">Learn more</a>
</div> </div>
<div class="service-card" id="vps"> <div class="service-card" id="vps">
<h3>Virtual Private Server</h3> <h3>VPS Setup</h3>
<p>Deploy and manage VPS instances for hosting your applications, websites, or services in the cloud. We handle everything from initial setup to ongoing management and security hardening.</p> <p>Establish your own private digital presence with a professionally configured Virtual Private Server (VPS) that provides enhanced privacy, security, and control over your online services and data.</p>
<a href="/services/vps" class="service-link">Learn More</a> <a href="/services/vps" class="learn-more-link">Learn more</a>
</div> </div>
<!-- Back to Top Button -->
<button id="back-to-top" class="back-to-top" aria-label="Back to top">↑</button>
</Layout> </Layout>
<style> <script>
.service-link { // Back to Top button functionality
display: inline-block; document.addEventListener('DOMContentLoaded', function() {
margin-top: 0.75rem; const backToTopButton = document.getElementById('back-to-top');
padding: 0.5rem 1rem;
background-color: var(--gruvbox-blue); // Show/hide the button based on scroll position
color: var(--gruvbox-fg); window.addEventListener('scroll', function() {
border-radius: 4px; if (window.scrollY > 300) {
font-size: 0.9rem; backToTopButton.classList.add('visible');
transition: background-color 0.3s; } else {
} backToTopButton.classList.remove('visible');
}
.service-link:hover { });
background-color: var(--gruvbox-aqua);
color: var(--gruvbox-fg); // Scroll to top when clicked
text-decoration: none; backToTopButton.addEventListener('click', function() {
} window.scrollTo({
</style> top: 0,
behavior: 'smooth'
});
});
});
</script>

12
src/pages/services/adblocker.astro
View File

@@ -14,16 +14,16 @@ import Layout from '../../components/Layout.astro';
<p>Unlike traditional browser-based ad blockers that only work in specific browsers and require installation on each device, network-level ad blocking filters unwanted content at your router or network gateway. This approach provides ad blocking protection to all devices on your network simultaneously—computers, phones, smart TVs, and even devices that cannot normally run ad blockers.</p> <p>Unlike traditional browser-based ad blockers that only work in specific browsers and require installation on each device, network-level ad blocking filters unwanted content at your router or network gateway. This approach provides ad blocking protection to all devices on your network simultaneously—computers, phones, smart TVs, and even devices that cannot normally run ad blockers.</p>
<h2>Our Ad Blocking Solutions</h2> <h2>Our Ad Blocking Solutions</h2>
<p>I offer several implementation options based on your specific needs:</p> <p>We offer several implementation options based on your specific needs:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Pi-hole Implementation</h3> <h3>Pi-hole Implementation</h3>
<p>Pi-hole is a powerful network-wide ad blocker that can run on a Raspberry Pi or other small computer. I'll set up a dedicated Pi-hole server on your network, configure it with comprehensive filter lists, and integrate it with your existing router to provide immediate ad blocking across all devices.</p> <p>Pi-hole is a powerful network-wide ad blocker that can run on a Raspberry Pi or other small computer. We'll set up a dedicated Pi-hole server on your network, configure it with comprehensive filter lists, and integrate it with your existing router to provide immediate ad blocking across all devices.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>AdGuard Home Setup</h3> <h3>AdGuard Home Setup</h3>
<p>AdGuard Home offers similar functionality to Pi-hole with some additional features. I'll install and configure this solution on appropriate hardware, set up custom filtering rules, and ensure it works seamlessly with your network infrastructure.</p> <p>AdGuard Home offers similar functionality to Pi-hole with some additional features. We'll install and configure this solution on appropriate hardware, set up custom filtering rules, and ensure it works seamlessly with your network infrastructure.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
@@ -54,8 +54,8 @@ import Layout from '../../components/Layout.astro';
<li>Optional: DNS over HTTPS/TLS for additional privacy from your ISP</li> <li>Optional: DNS over HTTPS/TLS for additional privacy from your ISP</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up ad blocking for clients, I take a comprehensive approach that includes:</p> <p>When setting up ad blocking for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Assessment of your current network setup to determine the optimal solution</li> <li>Assessment of your current network setup to determine the optimal solution</li>
<li>Installation and configuration of the ad-blocking system</li> <li>Installation and configuration of the ad-blocking system</li>
@@ -70,7 +70,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Enjoy a Cleaner, Faster, More Private Internet</h2> <h2>Enjoy a Cleaner, Faster, More Private Internet</h2>
<p>Ready to transform your browsing experience with network-wide ad blocking? Contact me today to discuss which solution is right for your home or business network.</p> <p>Ready to transform your browsing experience with network-wide ad blocking? Contact me today to discuss which solution is right for your home or business network.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

14
src/pages/services/bitwarden.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>Bitwarden is an open-source password management solution that securely stores your sensitive information in an encrypted vault. Unlike commercial password managers, the self-hosted version of Bitwarden allows you to maintain complete control over your data by hosting it on your own infrastructure rather than on third-party servers.</p> <p>Bitwarden is an open-source password management solution that securely stores your sensitive information in an encrypted vault. Unlike commercial password managers, the self-hosted version of Bitwarden allows you to maintain complete control over your data by hosting it on your own infrastructure rather than on third-party servers.</p>
<h2>Our Bitwarden Services</h2> <h2>Our Bitwarden Services</h2>
<p>I offer comprehensive Bitwarden implementation that includes:</p> <p>We offer comprehensive Bitwarden implementation that includes:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Server Setup and Configuration</h3> <h3>Server Setup and Configuration</h3>
<p>I'll set up a Bitwarden server (Vaultwarden) on your hardware or VPS, ensuring it's properly configured with appropriate security measures, automatic backups, and optional email notifications. The server will be accessible from any of your devices while remaining isolated from third parties.</p> <p>We'll set up a Bitwarden server (Vaultwarden) on your hardware or VPS, ensuring it's properly configured with appropriate security measures, automatic backups, and optional email notifications. The server will be accessible from any of your devices while remaining isolated from third parties.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Client Installation and Training</h3> <h3>Client Installation and Training</h3>
<p>I'll help you install Bitwarden clients on all your devices (computers, phones, tablets) and browsers, configure them to connect securely to your self-hosted server, and provide guidance on organizing your passwords effectively. You'll learn how to use the password generator, autofill capabilities, and secure notes features.</p> <p>We'll help you install Bitwarden clients on all your devices (computers, phones, tablets) and browsers, configure them to connect securely to your self-hosted server, and provide guidance on organizing your passwords effectively. You'll learn how to use the password generator, autofill capabilities, and secure notes features.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Migration Assistance</h3> <h3>Migration Assistance</h3>
<p>If you're currently using another password manager or browser-stored passwords, I'll assist you in securely migrating all your existing passwords and data to your new Bitwarden vault, ensuring nothing is lost in the transition and that your old password stores are properly cleared.</p> <p>If you're currently using another password manager or browser-stored passwords, We'll assist you in securely migrating all your existing passwords and data to your new Bitwarden vault, ensuring nothing is lost in the transition and that your old password stores are properly cleared.</p>
</div> </div>
<h2>Benefits of Self-Hosted Bitwarden</h2> <h2>Benefits of Self-Hosted Bitwarden</h2>
@@ -55,8 +55,8 @@ import Layout from '../../components/Layout.astro';
<li>Automated backup system</li> <li>Automated backup system</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up Bitwarden for clients, I take a comprehensive approach that includes:</p> <p>When setting up Bitwarden for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Assessment of your existing password management workflow</li> <li>Assessment of your existing password management workflow</li>
<li>Server setup with proper security hardening measures</li> <li>Server setup with proper security hardening measures</li>
@@ -71,7 +71,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Take Control of Your Passwords Today</h2> <h2>Take Control of Your Passwords Today</h2>
<p>Ready to strengthen your online security with a self-hosted password manager? Contact me to discuss implementing Bitwarden for your personal or business needs.</p> <p>Ready to strengthen your online security with a self-hosted password manager? Contact me to discuss implementing Bitwarden for your personal or business needs.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

18
src/pages/services/linux-setup.astro
View File

@@ -18,22 +18,22 @@ import Layout from '../../components/Layout.astro';
<div class="service-feature"> <div class="service-feature">
<h3>Distribution Selection and Planning</h3> <h3>Distribution Selection and Planning</h3>
<p>I'll help you navigate the many Linux distributions available and select the one that best matches your needs, hardware, and usage patterns. Whether you need a user-friendly system like Linux Mint for everyday use, a security-focused distribution like Qubes OS, or something specialized for particular workloads, I'll guide you to the right choice with a clear explanation of the trade-offs.</p> <p>We'll help you navigate the many Linux distributions available and select the one that best matches your needs, hardware, and usage patterns. Whether you need a user-friendly system like Linux Mint for everyday use, a security-focused distribution like Qubes OS, or something specialized for particular workloads, I'll guide you to the right choice with a clear explanation of the trade-offs.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Installation and System Configuration</h3> <h3>Installation and System Configuration</h3>
<p>I'll handle the complete installation process, including disk partitioning, dual-boot setup (if required), driver installation, and initial system configuration. Your system will be set up with proper security settings, optimized performance parameters, and all necessary hardware support to ensure everything works correctly from day one.</p> <p>We'll handle the complete installation process, including disk partitioning, dual-boot setup (if required), driver installation, and initial system configuration. Your system will be set up with proper security settings, optimized performance parameters, and all necessary hardware support to ensure everything works correctly from day one.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Software Migration and Setup</h3> <h3>Software Migration and Setup</h3>
<p>I'll help identify and install Linux alternatives for your current software, set up compatibility layers for Windows applications when needed, and configure your applications with appropriate settings. This includes transferring your data, documents, emails, browser profiles, and other important information to ensure continuity in your workflow.</p> <p>We'll help identify and install Linux alternatives for your current software, set up compatibility layers for Windows applications when needed, and configure your applications with appropriate settings. This includes transferring your data, documents, emails, browser profiles, and other important information to ensure continuity in your workflow.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Personalized Training and Documentation</h3> <h3>Personalized Training and Documentation</h3>
<p>I'll provide hands-on training sessions tailored to your needs, covering daily operations, system maintenance, software installation, troubleshooting, and security practices. You'll receive custom documentation for your specific setup, ensuring you can confidently use and maintain your new Linux system.</p> <p>We'll provide hands-on training sessions tailored to your needs, covering daily operations, system maintenance, software installation, troubleshooting, and security practices. You'll receive custom documentation for your specific setup, ensuring you can confidently use and maintain your new Linux system.</p>
</div> </div>
<h2>Benefits of Using Linux</h2> <h2>Benefits of Using Linux</h2>
@@ -47,8 +47,8 @@ import Layout from '../../components/Layout.astro';
<li><span class="highlight">Customization:</span> Tailor your computing environment to match your exact preferences</li> <li><span class="highlight">Customization:</span> Tailor your computing environment to match your exact preferences</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up Linux for clients, I take a comprehensive approach that includes:</p> <p>When setting up Linux for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Assessing your needs, workflows, and hardware capabilities before recommending solutions</li> <li>Assessing your needs, workflows, and hardware capabilities before recommending solutions</li>
<li>Creating a migration plan that minimizes disruption to your daily activities</li> <li>Creating a migration plan that minimizes disruption to your daily activities</li>
@@ -60,7 +60,7 @@ import Layout from '../../components/Layout.astro';
</ul> </ul>
<h2>Linux Distributions I Work With</h2> <h2>Linux Distributions I Work With</h2>
<p>I have experience with a wide range of Linux distributions, including but not limited to:</p> <p>We have experience with a wide range of Linux distributions, including but not limited to:</p>
<ul> <ul>
<li><span class="highlight">For Beginners:</span> Linux Mint, Ubuntu, Pop!_OS, Elementary OS</li> <li><span class="highlight">For Beginners:</span> Linux Mint, Ubuntu, Pop!_OS, Elementary OS</li>
<li><span class="highlight">For Privacy Focus:</span> Fedora, Debian, Arch Linux, Qubes OS, Whonix</li> <li><span class="highlight">For Privacy Focus:</span> Fedora, Debian, Arch Linux, Qubes OS, Whonix</li>
@@ -86,8 +86,8 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Start Your Journey to Digital Freedom</h2> <h2>Start Your Journey to Digital Freedom</h2>
<p>Ready to experience the benefits of Linux? Contact me today to discuss how I can help you transition to a more private, secure, and powerful computing environment.</p> <p>Ready to experience the benefits of Linux? Contact me today to discuss how We can help you transition to a more private, secure, and powerful computing environment.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

18
src/pages/services/nas.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>A Network Attached Storage (NAS) system is a dedicated file storage server connected to your network that allows multiple users and devices to retrieve and store data from a centralized location. Unlike cloud storage services where your files reside on someone else's servers, a NAS keeps your data local and under your complete control, while still offering many of the same conveniences like remote access and file sharing.</p> <p>A Network Attached Storage (NAS) system is a dedicated file storage server connected to your network that allows multiple users and devices to retrieve and store data from a centralized location. Unlike cloud storage services where your files reside on someone else's servers, a NAS keeps your data local and under your complete control, while still offering many of the same conveniences like remote access and file sharing.</p>
<h2>Our NAS Setup Services</h2> <h2>Our NAS Setup Services</h2>
<p>I offer comprehensive NAS implementation services tailored to your specific needs:</p> <p>We offer comprehensive NAS implementation services tailored to your specific needs:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Hardware Selection and Configuration</h3> <h3>Hardware Selection and Configuration</h3>
<p>I'll help you select the right NAS hardware based on your storage needs, performance requirements, and budget. This can range from pre-built NAS devices from manufacturers like Synology or QNAP to custom-built solutions using TrueNAS or other open-source software. Your system will be configured with appropriate storage redundancy to protect against drive failures and data loss.</p> <p>We'll help you select the right NAS hardware based on your storage needs, performance requirements, and budget. This can range from pre-built NAS devices from manufacturers like Synology or QNAP to custom-built solutions using TrueNAS or other open-source software. Your system will be configured with appropriate storage redundancy to protect against drive failures and data loss.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Data Organization and Access Control</h3> <h3>Data Organization and Access Control</h3>
<p>I'll create an optimal file structure and permission system that organizes your data logically and ensures appropriate access levels for different users and devices. Whether you need simple folder shares or more complex permission structures, your NAS will be configured to provide the right balance of accessibility and security for your specific scenario.</p> <p>We'll create an optimal file structure and permission system that organizes your data logically and ensures appropriate access levels for different users and devices. Whether you need simple folder shares or more complex permission structures, your NAS will be configured to provide the right balance of accessibility and security for your specific scenario.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Backup Strategy Implementation</h3> <h3>Backup Strategy Implementation</h3>
<p>I'll design and implement a comprehensive backup solution for your important data, potentially including local snapshots, external drive backups, or secure off-site backups to protect against different disaster scenarios. Your backup system will be automated and monitored to ensure your data remains protected with minimal maintenance required.</p> <p>We'll design and implement a comprehensive backup solution for your important data, potentially including local snapshots, external drive backups, or secure off-site backups to protect against different disaster scenarios. Your backup system will be automated and monitored to ensure your data remains protected with minimal maintenance required.</p>
</div> </div>
<h2>Benefits of a Personal NAS</h2> <h2>Benefits of a Personal NAS</h2>
@@ -59,7 +59,7 @@ import Layout from '../../components/Layout.astro';
</ul> </ul>
<h2>NAS Solutions I Work With</h2> <h2>NAS Solutions I Work With</h2>
<p>I have experience with various NAS platforms, including:</p> <p>We have experience with various NAS platforms, including:</p>
<ul> <ul>
<li><span class="highlight">Pre-built Commercial NAS:</span> Synology, QNAP, Asustor, TerraMaster</li> <li><span class="highlight">Pre-built Commercial NAS:</span> Synology, QNAP, Asustor, TerraMaster</li>
<li><span class="highlight">Open-Source NAS Software:</span> TrueNAS Core/Scale, OpenMediaVault, Rockstor</li> <li><span class="highlight">Open-Source NAS Software:</span> TrueNAS Core/Scale, OpenMediaVault, Rockstor</li>
@@ -67,8 +67,8 @@ import Layout from '../../components/Layout.astro';
<li><span class="highlight">Raspberry Pi-based:</span> Lightweight NAS solutions for basic needs</li> <li><span class="highlight">Raspberry Pi-based:</span> Lightweight NAS solutions for basic needs</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up a NAS for clients, I take a comprehensive approach that includes:</p> <p>When setting up a NAS for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Assessment of your storage needs, usage patterns, and security requirements</li> <li>Assessment of your storage needs, usage patterns, and security requirements</li>
<li>Selection of appropriate hardware and software based on your specific situation</li> <li>Selection of appropriate hardware and software based on your specific situation</li>
@@ -83,7 +83,7 @@ import Layout from '../../components/Layout.astro';
</ul> </ul>
<h2>Storage Considerations</h2> <h2>Storage Considerations</h2>
<p>Proper storage configuration is critical for a reliable NAS. I'll help you navigate considerations such as:</p> <p>Proper storage configuration is critical for a reliable NAS. We'll help you navigate considerations such as:</p>
<ul> <ul>
<li><span class="highlight">Drive Selection:</span> Choosing between consumer vs. NAS-specific hard drives</li> <li><span class="highlight">Drive Selection:</span> Choosing between consumer vs. NAS-specific hard drives</li>
<li><span class="highlight">Redundancy Level:</span> Determining the right RAID level or alternative like ZFS</li> <li><span class="highlight">Redundancy Level:</span> Determining the right RAID level or alternative like ZFS</li>
@@ -109,7 +109,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Take Control of Your Digital Storage</h2> <h2>Take Control of Your Digital Storage</h2>
<p>Ready to establish your own private, secure storage solution? Contact me today to discuss implementing a NAS system customized to your specific needs.</p> <p>Ready to establish your own private, secure storage solution? Contact me today to discuss implementing a NAS system customized to your specific needs.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

16
src/pages/services/openwrt.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>OpenWRT is a highly customizable, Linux-based operating system for routers that transforms consumer-grade hardware into professional networking equipment. By replacing your router's stock firmware with OpenWRT, you gain access to advanced features typically found only in expensive commercial solutions, along with the freedom to customize your network environment precisely to your needs.</p> <p>OpenWRT is a highly customizable, Linux-based operating system for routers that transforms consumer-grade hardware into professional networking equipment. By replacing your router's stock firmware with OpenWRT, you gain access to advanced features typically found only in expensive commercial solutions, along with the freedom to customize your network environment precisely to your needs.</p>
<h2>Our OpenWRT Services</h2> <h2>Our OpenWRT Services</h2>
<p>I offer comprehensive OpenWRT implementation services tailored to your specific networking requirements:</p> <p>We offer comprehensive OpenWRT implementation services tailored to your specific networking requirements:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Hardware Selection and Setup</h3> <h3>Hardware Selection and Setup</h3>
<p>I'll help you select the most appropriate router hardware based on your network requirements, budget, and feature needs. I can either configure your existing router (if compatible) or recommend and set up new hardware that offers the best performance and compatibility with OpenWRT. All installation is performed with careful attention to your specific network topology.</p> <p>We'll help you select the most appropriate router hardware based on your network requirements, budget, and feature needs. I can either configure your existing router (if compatible) or recommend and set up new hardware that offers the best performance and compatibility with OpenWRT. All installation is performed with careful attention to your specific network topology.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Custom Firmware Configuration</h3> <h3>Custom Firmware Configuration</h3>
<p>I'll install and configure OpenWRT with optimized settings for your specific needs, including network segmentation with VLANs, advanced Quality of Service (QoS) for bandwidth management, and secure wireless configurations with proper encryption. Your network will be tailored to provide the perfect balance of performance, security, and ease of use.</p> <p>We'll install and configure OpenWRT with optimized settings for your specific needs, including network segmentation with VLANs, advanced Quality of Service (QoS) for bandwidth management, and secure wireless configurations with proper encryption. Your network will be tailored to provide the perfect balance of performance, security, and ease of use.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Network Security Hardening</h3> <h3>Network Security Hardening</h3>
<p>I'll implement comprehensive security measures within OpenWRT, including secure firewall rules, intrusion detection systems, network monitoring tools, and DNS-based protection like Pi-hole or AdGuard Home integration. Your network will be protected from common threats while maintaining the flexibility you need.</p> <p>We'll implement comprehensive security measures within OpenWRT, including secure firewall rules, intrusion detection systems, network monitoring tools, and DNS-based protection like Pi-hole or AdGuard Home integration. Your network will be protected from common threats while maintaining the flexibility you need.</p>
</div> </div>
<h2>Benefits of OpenWRT</h2> <h2>Benefits of OpenWRT</h2>
@@ -57,8 +57,8 @@ import Layout from '../../components/Layout.astro';
<li>Wake-on-LAN and other remote management tools</li> <li>Wake-on-LAN and other remote management tools</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When implementing OpenWRT for clients, I take a comprehensive approach that includes:</p> <p>When implementing OpenWRT for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Assessment of your current network infrastructure and requirements</li> <li>Assessment of your current network infrastructure and requirements</li>
<li>Thorough hardware evaluation to ensure compatibility and performance</li> <li>Thorough hardware evaluation to ensure compatibility and performance</li>
@@ -83,13 +83,13 @@ import Layout from '../../components/Layout.astro';
<li>MikroTik</li> <li>MikroTik</li>
<li>And many others</li> <li>And many others</li>
</ul> </ul>
<p>I can help you determine if your existing router is compatible or recommend appropriate hardware for your needs and budget.</p> <p>We can help you determine if your existing router is compatible or recommend appropriate hardware for your needs and budget.</p>
</div> </div>
<div class="service-cta"> <div class="service-cta">
<h2>Unlock Your Router's Full Potential</h2> <h2>Unlock Your Router's Full Potential</h2>
<p>Ready to transform your network with professional-grade features and enhanced security? Contact me today to discuss implementing OpenWRT for your home or business network.</p> <p>Ready to transform your network with professional-grade features and enhanced security? Contact me today to discuss implementing OpenWRT for your home or business network.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

14
src/pages/services/opnsense.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>OPNsense is a premium open-source firewall and routing platform that combines robust security features with an intuitive interface. It incorporates advanced capabilities like intrusion detection, VPN services, traffic shaping, and application filtering, all managed through a straightforward web interface. As a security-focused platform, it provides enterprise-grade protection for both home and business networks.</p> <p>OPNsense is a premium open-source firewall and routing platform that combines robust security features with an intuitive interface. It incorporates advanced capabilities like intrusion detection, VPN services, traffic shaping, and application filtering, all managed through a straightforward web interface. As a security-focused platform, it provides enterprise-grade protection for both home and business networks.</p>
<h2>Our OPNsense Services</h2> <h2>Our OPNsense Services</h2>
<p>I offer several implementation options based on your specific needs:</p> <p>We offer several implementation options based on your specific needs:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Hardware Selection and Setup</h3> <h3>Hardware Selection and Setup</h3>
<p>I'll help you select the appropriate hardware platform for your OPNsense deployment, considering factors like network size, desired throughput, and future scalability. Then I'll install and configure the OPNsense software with optimized settings for your specific environment, ensuring proper hardware utilization and reliable operation.</p> <p>We'll help you select the appropriate hardware platform for your OPNsense deployment, considering factors like network size, desired throughput, and future scalability. Then We'll install and configure the OPNsense software with optimized settings for your specific environment, ensuring proper hardware utilization and reliable operation.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Network Security Configuration</h3> <h3>Network Security Configuration</h3>
<p>I'll implement a comprehensive security configuration including firewall rules, intrusion detection/prevention settings, web filtering, spam protection, and application control. Your network will be protected from external threats while maintaining appropriate access for legitimate users and applications, with rules tailored to your specific security requirements.</p> <p>We'll implement a comprehensive security configuration including firewall rules, intrusion detection/prevention settings, web filtering, spam protection, and application control. Your network will be protected from external threats while maintaining appropriate access for legitimate users and applications, with rules tailored to your specific security requirements.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>VPN and Remote Access Setup</h3> <h3>VPN and Remote Access Setup</h3>
<p>I'll configure secure VPN services (OpenVPN, WireGuard, or IPsec) for remote access to your network, establish site-to-site connections between multiple locations, and implement appropriate access controls and authentication mechanisms. This enables secure remote work while maintaining protection of your internal resources.</p> <p>We'll configure secure VPN services (OpenVPN, WireGuard, or IPsec) for remote access to your network, establish site-to-site connections between multiple locations, and implement appropriate access controls and authentication mechanisms. This enables secure remote work while maintaining protection of your internal resources.</p>
</div> </div>
<h2>Benefits of OPNsense</h2> <h2>Benefits of OPNsense</h2>
@@ -55,8 +55,8 @@ import Layout from '../../components/Layout.astro';
<li>High availability configuration (for business deployments)</li> <li>High availability configuration (for business deployments)</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up OPNsense for clients, I take a comprehensive approach that includes:</p> <p>When setting up OPNsense for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Assessing your current network infrastructure and security requirements</li> <li>Assessing your current network infrastructure and security requirements</li>
<li>Designing a tailored implementation plan for your specific environment</li> <li>Designing a tailored implementation plan for your specific environment</li>
@@ -72,7 +72,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Secure Your Network with Enterprise-Grade Protection</h2> <h2>Secure Your Network with Enterprise-Grade Protection</h2>
<p>Ready to enhance your network security with a robust, open-source firewall solution? Contact me today to discuss implementing OPNsense for your home or business network.</p> <p>Ready to enhance your network security with a robust, open-source firewall solution? Contact me today to discuss implementing OPNsense for your home or business network.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

16
src/pages/services/proxmox.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>Proxmox Virtual Environment (Proxmox VE) is an enterprise-grade, open-source server management platform for virtualization. It combines two virtualization technologies—KVM (Kernel-based Virtual Machine) for full virtual machines and LXC (Linux Containers) for lightweight containers—into a single, integrated platform. This allows you to run multiple isolated operating systems and applications on a single physical machine, maximizing hardware utilization and providing flexible resource management.</p> <p>Proxmox Virtual Environment (Proxmox VE) is an enterprise-grade, open-source server management platform for virtualization. It combines two virtualization technologies—KVM (Kernel-based Virtual Machine) for full virtual machines and LXC (Linux Containers) for lightweight containers—into a single, integrated platform. This allows you to run multiple isolated operating systems and applications on a single physical machine, maximizing hardware utilization and providing flexible resource management.</p>
<h2>Our Proxmox VE Services</h2> <h2>Our Proxmox VE Services</h2>
<p>I offer comprehensive Proxmox implementation services tailored to your specific requirements:</p> <p>We offer comprehensive Proxmox implementation services tailored to your specific requirements:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Hardware Assessment and Setup</h3> <h3>Hardware Assessment and Setup</h3>
<p>I'll evaluate your existing hardware or help you select appropriate components for a new Proxmox server, focusing on reliability, performance, and compatibility. The installation will include proper system configuration, storage setup with ZFS or other file systems, networking configuration, and initial hardening to ensure your virtualization platform is built on a solid foundation.</p> <p>We'll evaluate your existing hardware or help you select appropriate components for a new Proxmox server, focusing on reliability, performance, and compatibility. The installation will include proper system configuration, storage setup with ZFS or other file systems, networking configuration, and initial hardening to ensure your virtualization platform is built on a solid foundation.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Virtual Machine and Container Configuration</h3> <h3>Virtual Machine and Container Configuration</h3>
<p>I'll create and configure virtual machines and containers according to your specific needs, whether you're looking to consolidate multiple services, create development environments, or establish isolated network applications. Each virtual environment will be properly sized and optimized for its intended purpose, with appropriate resource allocation and networking setup.</p> <p>We'll create and configure virtual machines and containers according to your specific needs, whether you're looking to consolidate multiple services, create development environments, or establish isolated network applications. Each virtual environment will be properly sized and optimized for its intended purpose, with appropriate resource allocation and networking setup.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Backup and High-Availability Implementation</h3> <h3>Backup and High-Availability Implementation</h3>
<p>I'll implement a comprehensive backup strategy for your virtual environments, ensuring your data and services can be quickly recovered in case of failure. For systems requiring maximum uptime, I can also configure high-availability setups with multiple Proxmox nodes, allowing automatic failover in case one node experiences problems.</p> <p>We'll implement a comprehensive backup strategy for your virtual environments, ensuring your data and services can be quickly recovered in case of failure. For systems requiring maximum uptime, I can also configure high-availability setups with multiple Proxmox nodes, allowing automatic failover in case one node experiences problems.</p>
</div> </div>
<h2>Benefits of Proxmox VE</h2> <h2>Benefits of Proxmox VE</h2>
@@ -69,8 +69,8 @@ import Layout from '../../components/Layout.astro';
<li><span class="highlight">Small Business Infrastructure:</span> Build cost-effective, reliable IT infrastructure for small businesses</li> <li><span class="highlight">Small Business Infrastructure:</span> Build cost-effective, reliable IT infrastructure for small businesses</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When implementing Proxmox VE for clients, I take a comprehensive approach that includes:</p> <p>When implementing Proxmox VE for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Detailed assessment of your needs and existing infrastructure</li> <li>Detailed assessment of your needs and existing infrastructure</li>
<li>Planning the optimal virtualization architecture for your use case</li> <li>Planning the optimal virtualization architecture for your use case</li>
@@ -91,13 +91,13 @@ import Layout from '../../components/Layout.astro';
<li><span class="highlight">Network:</span> Multiple network interfaces for segregated networks or redundancy</li> <li><span class="highlight">Network:</span> Multiple network interfaces for segregated networks or redundancy</li>
<li><span class="highlight">Power Management:</span> Reliable power supply with UPS backup for critical systems</li> <li><span class="highlight">Power Management:</span> Reliable power supply with UPS backup for critical systems</li>
</ul> </ul>
<p>I can help evaluate your existing hardware or recommend an appropriate configuration based on your specific needs and budget.</p> <p>We can help evaluate your existing hardware or recommend an appropriate configuration based on your specific needs and budget.</p>
</div> </div>
<div class="service-cta"> <div class="service-cta">
<h2>Unlock the Power of Virtualization</h2> <h2>Unlock the Power of Virtualization</h2>
<p>Ready to transform your computing infrastructure with a flexible, powerful virtualization platform? Contact me today to discuss implementing Proxmox VE for your specific needs.</p> <p>Ready to transform your computing infrastructure with a flexible, powerful virtualization platform? Contact me today to discuss implementing Proxmox VE for your specific needs.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

14
src/pages/services/remove-telemetry.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>Windows telemetry refers to the data collection systems Microsoft has built into Windows operating systems that gather information about your usage patterns, hardware configuration, application usage, and various system metrics. This data is regularly sent to Microsoft's servers, often without clear visibility into exactly what is being collected or how it's being used.</p> <p>Windows telemetry refers to the data collection systems Microsoft has built into Windows operating systems that gather information about your usage patterns, hardware configuration, application usage, and various system metrics. This data is regularly sent to Microsoft's servers, often without clear visibility into exactly what is being collected or how it's being used.</p>
<h2>Our Windows Privacy Service</h2> <h2>Our Windows Privacy Service</h2>
<p>I offer a comprehensive approach to reducing or eliminating unwanted data collection in Windows while ensuring your system continues to function properly:</p> <p>We offer a comprehensive approach to reducing or eliminating unwanted data collection in Windows while ensuring your system continues to function properly:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Telemetry Audit and Assessment</h3> <h3>Telemetry Audit and Assessment</h3>
<p>I'll thoroughly analyze your current Windows installation to identify active telemetry components, background services, scheduled tasks, and other mechanisms that may be collecting and transmitting your data. This provides a clear picture of your current privacy exposure.</p> <p>We'll thoroughly analyze your current Windows installation to identify active telemetry components, background services, scheduled tasks, and other mechanisms that may be collecting and transmitting your data. This provides a clear picture of your current privacy exposure.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Customized Telemetry Removal</h3> <h3>Customized Telemetry Removal</h3>
<p>Based on your comfort level and specific needs, I'll implement a tailored combination of settings changes, service disabling, and policy modifications to reduce or eliminate telemetry. This can range from minimizing data collection to completely blocking all outbound communication with Microsoft's telemetry servers.</p> <p>Based on your comfort level and specific needs, We'll implement a tailored combination of settings changes, service disabling, and policy modifications to reduce or eliminate telemetry. This can range from minimizing data collection to completely blocking all outbound communication with Microsoft's telemetry servers.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Privacy-Focused System Configuration</h3> <h3>Privacy-Focused System Configuration</h3>
<p>Beyond telemetry, I'll configure your Windows system with privacy-enhancing settings across all aspects of the operating system, including the Start menu, Cortana, Microsoft account integration, app permissions, and Windows Update behavior, creating a more private computing environment.</p> <p>Beyond telemetry, We'll configure your Windows system with privacy-enhancing settings across all aspects of the operating system, including the Start menu, Cortana, Microsoft account integration, app permissions, and Windows Update behavior, creating a more private computing environment.</p>
</div> </div>
<h2>Benefits of Removing Windows Telemetry</h2> <h2>Benefits of Removing Windows Telemetry</h2>
@@ -54,8 +54,8 @@ import Layout from '../../components/Layout.astro';
<li>Documentation of all changes made for future reference</li> <li>Documentation of all changes made for future reference</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When removing Windows telemetry for clients, I take a balanced approach that prioritizes:</p> <p>When removing Windows telemetry for clients, we take a balanced approach that prioritizes:</p>
<ul> <ul>
<li>Respecting your individual privacy preferences and threat model</li> <li>Respecting your individual privacy preferences and threat model</li>
<li>Maintaining system stability and functionality</li> <li>Maintaining system stability and functionality</li>
@@ -72,7 +72,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Take Back Control of Your Windows Privacy</h2> <h2>Take Back Control of Your Windows Privacy</h2>
<p>Ready to stop Windows from collecting and sharing your data? Contact me today to discuss a customized approach to enhancing your Windows privacy.</p> <p>Ready to stop Windows from collecting and sharing your data? Contact me today to discuss a customized approach to enhancing your Windows privacy.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

12
src/pages/services/tor.astro
View File

@@ -14,16 +14,16 @@ import Layout from '../../components/Layout.astro';
<p>The TOR network is a system designed to enable anonymous communication by directing internet traffic through a worldwide overlay network of thousands of relays. This conceals a user's location and usage from surveillance and traffic analysis, providing a valuable layer of privacy and anonymity online.</p> <p>The TOR network is a system designed to enable anonymous communication by directing internet traffic through a worldwide overlay network of thousands of relays. This conceals a user's location and usage from surveillance and traffic analysis, providing a valuable layer of privacy and anonymity online.</p>
<h2>Our TOR Network Services</h2> <h2>Our TOR Network Services</h2>
<p>Depending on your needs, I offer several TOR implementation options:</p> <p>Depending on your needs, We offer several TOR implementation options:</p>
<div class="service-feature"> <div class="service-feature">
<h3>TOR Browser Setup</h3> <h3>TOR Browser Setup</h3>
<p>The simplest way to access the TOR network. I'll install and configure the TOR Browser on your devices, customize it for optimal privacy, and provide training on safe browsing practices specific to TOR. This setup is ideal for occasional use when you need enhanced privacy.</p> <p>The simplest way to access the TOR network. We'll install and configure the TOR Browser on your devices, customize it for optimal privacy, and provide training on safe browsing practices specific to TOR. This setup is ideal for occasional use when you need enhanced privacy.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Dedicated TOR Relay</h3> <h3>Dedicated TOR Relay</h3>
<p>For those who want to contribute to the TOR network while gaining privacy benefits. I'll set up a dedicated TOR relay node on your hardware or a VPS, properly configuring it to match your bandwidth capabilities and preferences. This helps strengthen the overall TOR network while allowing you to participate in a meaningful privacy project.</p> <p>For those who want to contribute to the TOR network while gaining privacy benefits. We'll set up a dedicated TOR relay node on your hardware or a VPS, properly configuring it to match your bandwidth capabilities and preferences. This helps strengthen the overall TOR network while allowing you to participate in a meaningful privacy project.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
@@ -48,8 +48,8 @@ import Layout from '../../components/Layout.astro';
<li>Certain browsing behaviors can still potentially compromise your anonymity despite using TOR</li> <li>Certain browsing behaviors can still potentially compromise your anonymity despite using TOR</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up TOR for clients, I take a comprehensive approach that includes:</p> <p>When setting up TOR for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Discussion of your specific privacy needs and threat model to determine the most appropriate TOR setup</li> <li>Discussion of your specific privacy needs and threat model to determine the most appropriate TOR setup</li>
<li>Selection and configuration of the right hardware or software components</li> <li>Selection and configuration of the right hardware or software components</li>
@@ -63,7 +63,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Get Started with Enhanced Anonymity</h2> <h2>Get Started with Enhanced Anonymity</h2>
<p>Ready to significantly enhance your online privacy with TOR? Contact me today to discuss your specific requirements and how a customized TOR setup can help protect your digital identity.</p> <p>Ready to significantly enhance your online privacy with TOR? Contact me today to discuss your specific requirements and how a customized TOR setup can help protect your digital identity.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

20
src/pages/services/vpn.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>A Virtual Private Network (VPN) creates an encrypted tunnel for your internet traffic, protecting your data from eavesdropping and hiding your IP address from websites and services you access. Modern VPNs can provide robust privacy protection, secure remote access to resources, and the ability to bypass geographical restrictions, all while maintaining good connection speeds.</p> <p>A Virtual Private Network (VPN) creates an encrypted tunnel for your internet traffic, protecting your data from eavesdropping and hiding your IP address from websites and services you access. Modern VPNs can provide robust privacy protection, secure remote access to resources, and the ability to bypass geographical restrictions, all while maintaining good connection speeds.</p>
<h2>Our VPN Services</h2> <h2>Our VPN Services</h2>
<p>I offer comprehensive VPN solutions designed to meet various privacy and security needs:</p> <p>We offer comprehensive VPN solutions designed to meet various privacy and security needs:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Self-Hosted VPN Implementation</h3> <h3>Self-Hosted VPN Implementation</h3>
<p>I'll set up a private VPN server on your chosen hardware or a Virtual Private Server (VPS), giving you complete control over your data and connection point. This eliminates the need to trust third-party VPN providers who might log your activities or compromise your privacy. Options include OpenVPN, WireGuard, and IPsec depending on your specific requirements.</p> <p>We'll set up a private VPN server on your chosen hardware or a Virtual Private Server (VPS), giving you complete control over your data and connection point. This eliminates the need to trust third-party VPN providers who might log your activities or compromise your privacy. Options include OpenVPN, WireGuard, and IPsec depending on your specific requirements.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Commercial VPN Selection and Configuration</h3> <h3>Commercial VPN Selection and Configuration</h3>
<p>If self-hosting isn't ideal for your situation, I'll help you evaluate and select a commercial VPN service that genuinely respects privacy, has been independently audited, and meets your specific needs. I'll then ensure it's properly configured across all your devices for maximum security and performance.</p> <p>If self-hosting isn't ideal for your situation, We'll help you evaluate and select a commercial VPN service that genuinely respects privacy, has been independently audited, and meets your specific needs. I'll then ensure it's properly configured across all your devices for maximum security and performance.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Router-Based VPN Setup</h3> <h3>Router-Based VPN Setup</h3>
<p>For network-wide protection, I'll implement VPN services directly on your router, ensuring all connected devices benefit from encryption and privacy protection without requiring individual configuration. This is ideal for securing smart home devices, streaming boxes, and other hardware that doesn't support native VPN clients.</p> <p>For network-wide protection, We'll implement VPN services directly on your router, ensuring all connected devices benefit from encryption and privacy protection without requiring individual configuration. This is ideal for securing smart home devices, streaming boxes, and other hardware that doesn't support native VPN clients.</p>
</div> </div>
<h2>Benefits of Using a VPN</h2> <h2>Benefits of Using a VPN</h2>
@@ -42,7 +42,7 @@ import Layout from '../../components/Layout.astro';
</ul> </ul>
<h2>VPN Protocols I Work With</h2> <h2>VPN Protocols I Work With</h2>
<p>I have experience implementing various VPN technologies to match different needs:</p> <p>We have experience implementing various VPN technologies to match different needs:</p>
<ul> <ul>
<li><span class="highlight">WireGuard:</span> Modern, lightweight protocol offering exceptional performance and security</li> <li><span class="highlight">WireGuard:</span> Modern, lightweight protocol offering exceptional performance and security</li>
<li><span class="highlight">OpenVPN:</span> Mature, highly configurable open-source solution with broad compatibility</li> <li><span class="highlight">OpenVPN:</span> Mature, highly configurable open-source solution with broad compatibility</li>
@@ -64,8 +64,8 @@ import Layout from '../../components/Layout.astro';
<li>Detailed documentation and knowledge transfer</li> <li>Detailed documentation and knowledge transfer</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When implementing VPN solutions for clients, I take a comprehensive approach that includes:</p> <p>When implementing VPN solutions for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Understanding your specific privacy concerns and use cases</li> <li>Understanding your specific privacy concerns and use cases</li>
<li>Evaluating the best hosting options or service providers based on your needs</li> <li>Evaluating the best hosting options or service providers based on your needs</li>
@@ -84,13 +84,13 @@ import Layout from '../../components/Layout.astro';
<li>The quality of implementation matters significantly for security</li> <li>The quality of implementation matters significantly for security</li>
<li>Self-hosted VPNs require proper maintenance to remain secure</li> <li>Self-hosted VPNs require proper maintenance to remain secure</li>
</ul> </ul>
<p>I'll ensure you understand these considerations and how they apply to your specific use case, helping you make informed decisions about your privacy setup.</p> <p>We'll ensure you understand these considerations and how they apply to your specific use case, helping you make informed decisions about your privacy setup.</p>
</div> </div>
<div class="service-cta"> <div class="service-cta">
<h2>Take Control of Your Online Privacy</h2> <h2>Take Control of Your Online Privacy</h2>
<p>Ready to enhance your internet privacy and security with a properly implemented VPN solution? Contact me today to discuss your specific requirements and how I can help protect your digital life.</p> <p>Ready to enhance your internet privacy and security with a properly implemented VPN solution? Contact me today to discuss your specific requirements and how We can help protect your digital life.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

16
src/pages/services/vps.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>A Virtual Private Server (VPS) is a virtualized server that functions as a dedicated server within a shared hosting environment. Unlike shared hosting, a VPS gives you complete control over your server environment, including your own operating system, storage, RAM, and processing power. This allows you to run virtually any software or service you need while maintaining privacy and independence from big tech platforms.</p> <p>A Virtual Private Server (VPS) is a virtualized server that functions as a dedicated server within a shared hosting environment. Unlike shared hosting, a VPS gives you complete control over your server environment, including your own operating system, storage, RAM, and processing power. This allows you to run virtually any software or service you need while maintaining privacy and independence from big tech platforms.</p>
<h2>Our VPS Services</h2> <h2>Our VPS Services</h2>
<p>I offer comprehensive VPS setup and configuration services tailored to your specific needs:</p> <p>We offer comprehensive VPS setup and configuration services tailored to your specific needs:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Provider Selection and Initial Setup</h3> <h3>Provider Selection and Initial Setup</h3>
<p>I'll help you select the most appropriate VPS provider based on your privacy requirements, budget, and geographical preferences. I'll then handle the initial server provisioning, operating system installation, and basic security hardening to create a solid foundation for your digital services. Your server will be configured with secure SSH access, proper user management, and essential security measures from the start.</p> <p>We'll help you select the most appropriate VPS provider based on your privacy requirements, budget, and geographical preferences. I'll then handle the initial server provisioning, operating system installation, and basic security hardening to create a solid foundation for your digital services. Your server will be configured with secure SSH access, proper user management, and essential security measures from the start.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Privacy-Focused Service Implementation</h3> <h3>Privacy-Focused Service Implementation</h3>
<p>I'll install and configure the specific services you need on your VPS, such as self-hosted email, cloud storage, VPN endpoints, personal websites, messaging platforms, or other privacy-respecting alternatives to mainstream services. Each service will be optimized for security, performance, and ease of maintenance, with appropriate data segregation and backup strategies.</p> <p>We'll install and configure the specific services you need on your VPS, such as self-hosted email, cloud storage, VPN endpoints, personal websites, messaging platforms, or other privacy-respecting alternatives to mainstream services. Each service will be optimized for security, performance, and ease of maintenance, with appropriate data segregation and backup strategies.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Ongoing Maintenance Planning</h3> <h3>Ongoing Maintenance Planning</h3>
<p>I'll establish automated security updates, monitoring systems, and backup procedures to keep your VPS running smoothly and securely with minimal intervention. You'll receive documentation and training on basic server management tasks, as well as recommendations for routine maintenance to ensure long-term stability and security of your services.</p> <p>We'll establish automated security updates, monitoring systems, and backup procedures to keep your VPS running smoothly and securely with minimal intervention. You'll receive documentation and training on basic server management tasks, as well as recommendations for routine maintenance to ensure long-term stability and security of your services.</p>
</div> </div>
<h2>Benefits of Running Your Own VPS</h2> <h2>Benefits of Running Your Own VPS</h2>
@@ -70,8 +70,8 @@ import Layout from '../../components/Layout.astro';
<li>Security-focused web server configuration</li> <li>Security-focused web server configuration</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up a VPS for clients, I take a comprehensive approach that includes:</p> <p>When setting up a VPS for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Detailed discussion of your needs, technical comfort level, and privacy requirements</li> <li>Detailed discussion of your needs, technical comfort level, and privacy requirements</li>
<li>Selection of the right VPS provider and plan based on your specific use case</li> <li>Selection of the right VPS provider and plan based on your specific use case</li>
@@ -84,7 +84,7 @@ import Layout from '../../components/Layout.astro';
</ul> </ul>
<h2>VPS Providers I Work With</h2> <h2>VPS Providers I Work With</h2>
<p>I can help you set up a VPS with various providers, including privacy-focused options:</p> <p>We can help you set up a VPS with various providers, including privacy-focused options:</p>
<ul> <ul>
<li>Linode/Akamai</li> <li>Linode/Akamai</li>
<li>Digital Ocean</li> <li>Digital Ocean</li>
@@ -101,7 +101,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Take Control of Your Digital Presence</h2> <h2>Take Control of Your Digital Presence</h2>
<p>Ready to establish your own independent online presence with a secure, privacy-focused VPS? Contact me today to discuss how a custom-configured VPS can meet your specific needs.</p> <p>Ready to establish your own independent online presence with a secure, privacy-focused VPS? Contact me today to discuss how a custom-configured VPS can meet your specific needs.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

14
src/pages/services/wireguard.astro
View File

@@ -14,21 +14,21 @@ import Layout from '../../components/Layout.astro';
<p>WireGuard is a next-generation VPN protocol designed with simplicity and performance in mind. Unlike older VPN technologies that can be complex and resource-intensive, WireGuard uses state-of-the-art cryptography in a lightweight codebase, resulting in faster connections, lower latency, and better battery life on mobile devices—all while maintaining the highest security standards.</p> <p>WireGuard is a next-generation VPN protocol designed with simplicity and performance in mind. Unlike older VPN technologies that can be complex and resource-intensive, WireGuard uses state-of-the-art cryptography in a lightweight codebase, resulting in faster connections, lower latency, and better battery life on mobile devices—all while maintaining the highest security standards.</p>
<h2>Our WireGuard Services</h2> <h2>Our WireGuard Services</h2>
<p>I offer comprehensive WireGuard implementation services tailored to your specific needs:</p> <p>We offer comprehensive WireGuard implementation services tailored to your specific needs:</p>
<div class="service-feature"> <div class="service-feature">
<h3>Personal VPN Server Setup</h3> <h3>Personal VPN Server Setup</h3>
<p>I'll set up a private WireGuard VPN server on your chosen hardware or cloud provider, giving you complete control over your VPN endpoint. This provides a secure connection point you can trust, without relying on third-party VPN providers that might log your activities or compromise your privacy.</p> <p>We'll set up a private WireGuard VPN server on your chosen hardware or cloud provider, giving you complete control over your VPN endpoint. This provides a secure connection point you can trust, without relying on third-party VPN providers that might log your activities or compromise your privacy.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Multi-Device Configuration</h3> <h3>Multi-Device Configuration</h3>
<p>I'll configure WireGuard clients on all your devices—computers, phones, tablets—with properly generated encryption keys and optimized settings. Each device will have its own secure profile, allowing for granular access control while maintaining seamless connectivity across your entire digital ecosystem.</p> <p>We'll configure WireGuard clients on all your devices—computers, phones, tablets—with properly generated encryption keys and optimized settings. Each device will have its own secure profile, allowing for granular access control while maintaining seamless connectivity across your entire digital ecosystem.</p>
</div> </div>
<div class="service-feature"> <div class="service-feature">
<h3>Split Tunneling and Advanced Routing</h3> <h3>Split Tunneling and Advanced Routing</h3>
<p>I'll implement custom routing configurations that allow you to selectively route traffic through your VPN, giving you the flexibility to choose which applications or destinations use the secure tunnel while others connect directly. This optimizes performance and provides greater control over your network traffic.</p> <p>We'll implement custom routing configurations that allow you to selectively route traffic through your VPN, giving you the flexibility to choose which applications or destinations use the secure tunnel while others connect directly. This optimizes performance and provides greater control over your network traffic.</p>
</div> </div>
<h2>Benefits of WireGuard</h2> <h2>Benefits of WireGuard</h2>
@@ -65,8 +65,8 @@ import Layout from '../../components/Layout.astro';
<li><span class="highlight">Multi-Site Networking:</span> Connect multiple locations into a secure, unified network</li> <li><span class="highlight">Multi-Site Networking:</span> Connect multiple locations into a secure, unified network</li>
</ul> </ul>
<h2>My Approach</h2> <h2>Our Approach</h2>
<p>When setting up WireGuard for clients, I take a comprehensive approach that includes:</p> <p>When setting up WireGuard for clients, we take a comprehensive approach that includes:</p>
<ul> <ul>
<li>Assessment of your specific needs and privacy requirements</li> <li>Assessment of your specific needs and privacy requirements</li>
<li>Selection of the most appropriate hosting option (self-hosted, VPS, etc.)</li> <li>Selection of the most appropriate hosting option (self-hosted, VPS, etc.)</li>
@@ -81,7 +81,7 @@ import Layout from '../../components/Layout.astro';
<div class="service-cta"> <div class="service-cta">
<h2>Experience Next-Generation VPN Technology</h2> <h2>Experience Next-Generation VPN Technology</h2>
<p>Ready to improve your online privacy and security with a high-performance, modern VPN solution? Contact me today to discuss implementing WireGuard for your personal or business needs.</p> <p>Ready to improve your online privacy and security with a high-performance, modern VPN solution? Contact me today to discuss implementing WireGuard for your personal or business needs.</p>
<a href="/contact" class="cta-button">Contact Me</a> <a href="/contact" class="cta-button">Contact Us</a>
</div> </div>
</Layout> </Layout>

374
src/styles/styles.css
View File

@@ -1,16 +1,18 @@
:root { :root {
--gruvbox-bg: #282828; /* Light theme color palette */
--gruvbox-bg-soft: #32302f; --light-bg: #f8f9fa;
--gruvbox-bg-alt: #3c3836; --light-bg-soft: #edf2f7;
--gruvbox-fg: #ebdbb2; --light-bg-alt: #e2e8f0;
--gruvbox-fg-alt: #d5c4a1; --light-fg: #2d3748;
--gruvbox-red: #cc241d; --light-fg-alt: #4a5568;
--gruvbox-green: #98971a; --light-primary: #3182ce;
--gruvbox-yellow: #d79921; --light-secondary: #4299e1;
--gruvbox-blue: #458588; --light-accent1: #2b6cb0;
--gruvbox-purple: #b16286; --light-accent2: #38a169;
--gruvbox-aqua: #689d6a; --light-accent3: #805ad5;
--gruvbox-orange: #d65d0e; --light-accent4: #dd6b20;
--light-border: #cbd5e0;
--light-shadow: rgba(0, 0, 0, 0.1);
} }
* { * {
@@ -21,19 +23,19 @@
body { body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: var(--gruvbox-bg); background-color: var(--light-bg);
color: var(--gruvbox-fg); color: var(--light-fg);
line-height: 1.6; line-height: 1.6;
} }
a { a {
color: var(--gruvbox-blue); color: var(--light-primary);
text-decoration: none; text-decoration: none;
transition: color 0.3s; transition: color 0.3s;
} }
a:hover { a:hover {
color: var(--gruvbox-aqua); color: var(--light-accent1);
} }
.container { .container {
@@ -46,14 +48,15 @@ a:hover {
min-height: 100vh; min-height: 100vh;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
box-shadow: 0 0 20px var(--light-shadow);
} }
/* Header styles */ /* Header styles */
header { header {
grid-area: header; grid-area: header;
background-color: var(--gruvbox-bg-alt); background-color: var(--light-primary);
padding: 1rem; padding: 1rem;
border-bottom: 2px solid var(--gruvbox-orange); box-shadow: 0 2px 4px var(--light-shadow);
} }
/* Navigation Menu with Dropdowns */ /* Navigation Menu with Dropdowns */
@@ -67,10 +70,11 @@ header {
.main-menu > li { .main-menu > li {
margin: 0 1.5rem; margin: 0 1.5rem;
position: relative; position: relative;
padding: 0.5rem 0;
} }
.main-menu li a { .main-menu li a {
color: var(--gruvbox-fg); color: white;
font-weight: 600; font-weight: 600;
font-size: 1.1rem; font-size: 1.1rem;
padding: 0.5rem 0; padding: 0.5rem 0;
@@ -85,7 +89,7 @@ header {
left: 0; left: 0;
width: 0; width: 0;
height: 2px; height: 2px;
background-color: var(--gruvbox-yellow); background-color: white;
transition: width 0.3s; transition: width 0.3s;
} }
@@ -94,20 +98,29 @@ header {
} }
.main-menu > li > a:hover { .main-menu > li > a:hover {
color: var(--gruvbox-yellow); color: var(--light-bg-soft);
}
/* Make sure hover state is properly triggered */
.main-menu > li {
margin: 0 1.5rem;
position: relative;
padding: 0.5rem 0;
} }
/* Dropdown menu */ /* Dropdown menu */
.dropdown, .submenu { .dropdown, .submenu {
position: absolute; position: absolute;
background-color: var(--gruvbox-bg-alt); background-color: white;
border: 1px solid var(--gruvbox-bg-soft); border: 1px solid var(--light-border);
min-width: 180px; min-width: 180px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 16px var(--light-shadow);
z-index: 100; z-index: 100;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: all 0.3s; transition: all 0.3s;
display: block;
border-radius: 4px;
} }
.dropdown { .dropdown {
@@ -118,6 +131,7 @@ header {
.has-dropdown:hover > .dropdown { .has-dropdown:hover > .dropdown {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
display: block;
} }
.dropdown > li, .submenu > li { .dropdown > li, .submenu > li {
@@ -128,7 +142,8 @@ header {
.dropdown > li > a, .submenu > li > a { .dropdown > li > a, .submenu > li > a {
padding: 0.7rem 1rem; padding: 0.7rem 1rem;
font-size: 0.95rem; font-size: 0.95rem;
border-bottom: 1px solid var(--gruvbox-bg-soft); border-bottom: 1px solid var(--light-bg-soft);
color: var(--light-fg);
} }
.dropdown > li:last-child > a, .submenu > li:last-child > a { .dropdown > li:last-child > a, .submenu > li:last-child > a {
@@ -136,19 +151,21 @@ header {
} }
.dropdown > li > a:hover, .submenu > li > a:hover { .dropdown > li > a:hover, .submenu > li > a:hover {
background-color: var(--gruvbox-bg-soft); background-color: var(--light-bg-soft);
color: var(--gruvbox-yellow); color: var(--light-primary);
} }
/* Submenu (third level) */ /* Submenu (third level) */
.submenu { .submenu {
left: 100%; left: 100%;
top: 0; top: 0;
display: block;
} }
.has-submenu:hover > .submenu { .has-submenu:hover > .submenu {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
display: block;
} }
.has-submenu > a:after { .has-submenu > a:after {
@@ -162,9 +179,9 @@ header {
/* Sidebar styles */ /* Sidebar styles */
.sidebar { .sidebar {
grid-area: sidebar; grid-area: sidebar;
background-color: var(--gruvbox-bg-soft); background-color: var(--light-bg-soft);
padding: 1.5rem; padding: 1.5rem;
border-right: 1px solid var(--gruvbox-bg-alt); border-right: 1px solid var(--light-border);
} }
.sidebar-section { .sidebar-section {
@@ -172,16 +189,16 @@ header {
} }
.sidebar-section h2 { .sidebar-section h2 {
color: var(--gruvbox-yellow); color: var(--light-primary);
margin-bottom: 1rem; margin-bottom: 1rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
border-bottom: 1px solid var(--gruvbox-bg-alt); border-bottom: 1px solid var(--light-border);
} }
.news-item { .news-item {
margin-bottom: 1rem; margin-bottom: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
border-bottom: 1px dashed var(--gruvbox-bg-alt); border-bottom: 1px dashed var(--light-border);
} }
.news-item:last-child { .news-item:last-child {
@@ -190,7 +207,7 @@ header {
.news-date { .news-date {
font-size: 0.8rem; font-size: 0.8rem;
color: var(--gruvbox-aqua); color: var(--light-accent2);
} }
.news-title { .news-title {
@@ -212,30 +229,30 @@ header {
content: '»'; content: '»';
position: absolute; position: absolute;
left: 0; left: 0;
color: var(--gruvbox-orange); color: var(--light-accent4);
} }
/* Main content styles */ /* Main content styles */
main { main {
grid-area: main; grid-area: main;
padding: 2rem; padding: 2rem;
background-color: var(--gruvbox-bg); background-color: white;
} }
.main-content h1 { .main-content h1 {
color: var(--gruvbox-green); color: var(--light-primary);
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
font-size: 2rem; font-size: 2rem;
} }
.main-content h2 { .main-content h2 {
color: var(--gruvbox-yellow); color: var(--light-accent1);
margin: 1.5rem 0 1rem; margin: 1.5rem 0 1rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.main-content h3 { .main-content h3 {
color: var(--gruvbox-blue); color: var(--light-secondary);
margin: 1.2rem 0 0.8rem; margin: 1.2rem 0 0.8rem;
font-size: 1.2rem; font-size: 1.2rem;
} }
@@ -254,14 +271,14 @@ main {
} }
.highlight { .highlight {
color: var(--gruvbox-yellow); color: var(--light-accent1);
font-weight: 600; font-weight: 600;
} }
.cta-button { .cta-button {
display: inline-block; display: inline-block;
background-color: var(--gruvbox-orange); background-color: var(--light-primary);
color: var(--gruvbox-bg); color: white;
padding: 0.7rem 1.5rem; padding: 0.7rem 1.5rem;
border-radius: 4px; border-radius: 4px;
margin-top: 1.5rem; margin-top: 1.5rem;
@@ -270,30 +287,48 @@ main {
} }
.cta-button:hover { .cta-button:hover {
background-color: var(--gruvbox-red); background-color: var(--light-accent1);
color: var(--gruvbox-fg); color: white;
} }
.service-card { .service-card {
background-color: var(--gruvbox-bg-soft); background-color: var(--light-bg-soft);
border-radius: 4px; border-radius: 4px;
padding: 1.5rem; padding: 1.5rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
border-left: 3px solid var(--gruvbox-blue); border-left: 3px solid var(--light-primary);
position: relative;
} }
.service-card h3 { .service-card h3 {
color: var(--gruvbox-aqua); color: var(--light-accent2);
margin-top: 0; margin-top: 0;
} }
.learn-more-link {
display: inline-block;
margin-top: 1rem;
color: var(--light-primary);
font-weight: 600;
text-decoration: none;
padding: 0.3rem 0.8rem;
border: 1px solid var(--light-primary);
border-radius: 4px;
transition: all 0.3s ease;
}
.learn-more-link:hover {
background-color: var(--light-primary);
color: white;
}
/* Contact page styles */ /* Contact page styles */
.contact-info-section { .contact-info-section {
margin-bottom: 2rem; margin-bottom: 2rem;
padding: 1.5rem; padding: 1.5rem;
background-color: var(--gruvbox-bg-soft); background-color: var(--light-bg-soft);
border-radius: 5px; border-radius: 5px;
border-left: 4px solid var(--gruvbox-blue); border-left: 4px solid var(--light-primary);
} }
.contact-form-container { .contact-form-container {
@@ -312,19 +347,19 @@ main {
display: block; display: block;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-weight: bold; font-weight: bold;
color: var(--gruvbox-fg-alt); color: var(--light-fg-alt);
} }
.form-group input, .form-group input,
.form-group textarea { .form-group textarea {
width: 100%; width: 100%;
padding: 0.75rem; padding: 0.75rem;
border: 1px solid var(--gruvbox-bg-alt); border: 1px solid var(--light-border);
border-radius: 4px; border-radius: 4px;
font-family: inherit; font-family: inherit;
font-size: 1rem; font-size: 1rem;
background-color: var(--gruvbox-bg-soft); background-color: white;
color: var(--gruvbox-fg); color: var(--light-fg);
} }
.form-group textarea { .form-group textarea {
@@ -333,8 +368,8 @@ main {
.submit-button { .submit-button {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
background-color: var(--gruvbox-blue); background-color: var(--light-primary);
color: var(--gruvbox-fg); color: white;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
@@ -343,7 +378,7 @@ main {
} }
.submit-button:hover { .submit-button:hover {
background-color: var(--gruvbox-aqua); background-color: var(--light-accent1);
} }
.form-status { .form-status {
@@ -353,95 +388,176 @@ main {
} }
.form-status.sending { .form-status.sending {
background-color: var(--gruvbox-bg-soft); background-color: var(--light-bg-soft);
color: var(--gruvbox-blue); color: var(--light-primary);
border-left: 4px solid var(--gruvbox-blue); border-left: 4px solid var(--light-primary);
} }
.form-status.success { .form-status.success {
background-color: var(--gruvbox-bg-soft); background-color: var(--light-bg-soft);
color: var(--gruvbox-green); color: var(--light-accent2);
border-left: 4px solid var(--gruvbox-green); border-left: 4px solid var(--light-accent2);
} }
.form-status.error { .form-status.error {
background-color: var(--gruvbox-bg-soft); background-color: var(--light-bg-soft);
color: var(--gruvbox-red); color: #e53e3e;
border-left: 4px solid var(--gruvbox-red); border-left: 4px solid #e53e3e;
} }
.mobile-menu-toggle { /* Service page specific styles */
display: none; .service-intro {
flex-direction: column; font-size: 1.2rem;
justify-content: space-between; margin: 1.5rem 0;
width: 30px; padding: 1.5rem;
height: 21px; background-color: var(--light-bg-soft);
cursor: pointer; border-radius: 5px;
position: absolute; border-left: 4px solid var(--light-primary);
top: 20px;
right: 20px;
z-index: 200;
} }
.mobile-menu-toggle span { .service-description {
display: block; margin: 2rem 0;
width: 100%;
height: 3px;
background-color: var(--gruvbox-fg);
border-radius: 2px;
transition: all 0.3s ease;
} }
@media (max-width: 1100px) { .service-feature {
/* Container layout for mobile */ margin: 1.5rem 0;
padding: 1.5rem;
background-color: var(--light-bg-soft);
border-radius: 5px;
box-shadow: 0 2px 4px var(--light-shadow);
}
.service-feature h3 {
color: var(--light-accent2);
margin-top: 0;
}
.service-cta {
margin: 2rem 0;
padding: 1.5rem;
background-color: var(--light-bg-soft);
border-radius: 5px;
text-align: center;
box-shadow: 0 2px 4px var(--light-shadow);
}
.service-cta .cta-button {
margin-top: 1rem;
}
/* Home page specific styles */
.intro-section, .mission-section, .services-highlight {
margin-bottom: 2rem;
padding: 1.5rem;
background-color: var(--light-bg-soft);
border-radius: 5px;
box-shadow: 0 2px 4px var(--light-shadow);
}
.intro-section {
border-left: 4px solid var(--light-primary);
}
.mission-section {
border-left: 4px solid var(--light-accent3);
}
.services-highlight {
border-left: 4px solid var(--light-accent2);
}
.cta-container {
display: flex;
gap: 1rem;
margin-top: 2rem;
}
.cta-button.secondary {
background-color: var(--light-secondary);
}
.cta-button.secondary:hover {
background-color: var(--light-accent1);
}
/* About page specific styles */
.vision-mission-section, .privacy-section, .concepts-section {
margin: 2rem 0;
padding: 1.5rem;
background-color: var(--light-bg-soft);
border-radius: 5px;
box-shadow: 0 2px 4px var(--light-shadow);
}
.vision-mission-section {
border-left: 4px solid var(--light-accent4);
}
.privacy-section {
border-left: 4px solid var(--light-accent3);
}
.concepts-section {
border-left: 4px solid var(--light-primary);
}
.concept-card {
margin-bottom: 1rem;
padding: 1rem;
background-color: white;
border-radius: 4px;
box-shadow: 0 1px 3px var(--light-shadow);
}
.concept-card h3 {
color: var(--light-accent2);
margin-top: 0;
}
/* Back to Top Button */
.back-to-top {
position: fixed;
bottom: 2rem;
right: 2rem;
background-color: var(--light-primary);
color: white;
width: 3rem;
height: 3rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border: none;
font-size: 1.5rem;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
box-shadow: 0 2px 5px var(--light-shadow);
z-index: 1000;
}
.back-to-top.visible {
opacity: 1;
visibility: visible;
}
.back-to-top:hover {
background-color: var(--light-accent1);
transform: translateY(-3px);
}
@media (max-width: 768px) {
.container { .container {
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-areas: grid-template-areas:
"header" "header"
"main"; "main"
"sidebar";
} }
/* Hide sidebar on mobile */
.sidebar { .sidebar {
display: none; border-right: none;
} border-top: 1px solid var(--light-border);
/* Hamburger menu styles */
.mobile-menu-toggle {
display: flex;
}
header nav {
position: relative;
}
.main-menu {
display: none;
flex-direction: column;
position: absolute;
top: 60px;
left: 0;
width: 100%;
background-color: var(--gruvbox-bg-alt);
padding: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
z-index: 100;
}
.main-menu.active {
display: flex;
}
.mobile-menu-toggle.active span:nth-child(1) {
transform: translateY(9px) rotate(45deg);
}
.mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle.active span:nth-child(3) {
transform: translateY(-9px) rotate(-45deg);
} }
/* Mobile menu adjustments */ /* Mobile menu adjustments */
@@ -473,10 +589,16 @@ main {
width: 100%; width: 100%;
display: none; display: none;
box-shadow: none; box-shadow: none;
border-left: 2px solid var(--gruvbox-aqua); border-left: 2px solid var(--light-accent2);
opacity: 1;
visibility: visible;
} }
.has-submenu:hover > .submenu { .has-submenu:hover > .submenu {
display: block; display: block;
} }
.cta-container {
flex-direction: column;
}
} }