---
import Layout from '../components/Layout.astro';
---

<Layout title="Services">
  <h1>Our Services</h1>
  <p>We offer 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>
  
  <!-- Privacy Section -->
  <h2 id="privacy">Privacy Services</h2>
  <p>Our privacy services help you regain control over your personal data and minimize digital tracking to protect your information from unwanted collection.</p>
  
  <div class="service-card" id="adblocker">
    <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>
    <a href="/services/adblocker" class="service-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 class="service-card" id="remove-telemetry">
    <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>
    <a href="/services/remove-telemetry" class="service-link">Learn More</a>
  </div>
  
  <!-- Security Section -->
  <h2 id="security">Security Services</h2>
  <p>Our security services focus on protecting your data and systems from unauthorized access, ensuring your digital assets remain safe.</p>
  
  <div class="service-card" id="opnsense">
    <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>
    <a href="/services/opnsense" class="service-link">Learn More</a>
  </div>
  
  <div class="service-card" id="wireguard">
    <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>
    <a href="/services/wireguard" class="service-link">Learn More</a>
  </div>
  
  <div class="service-card" id="vpn">
    <h3>VPN Setup</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>
    <a href="/services/vpn" class="service-link">Learn More</a>
  </div>
  
  <!-- Anonymity Section -->
  <h2 id="anonymity">Anonymity Services</h2>
  <p>Our anonymity services help you maintain a lower digital profile and operate online with greater freedom from tracking and surveillance.</p>
  
  <div class="service-card" id="tor">
    <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>
    <a href="/services/tor" class="service-link">Learn More</a>
  </div>
  
  <div class="service-card" id="linux-setup">
    <h3>Set Up Linux</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>
    <a href="/services/linux-setup" class="service-link">Learn More</a>
  </div>
  
  <!-- Infrastructure Section -->
  <h2 id="infrastructure">Infrastructure Services</h2>
  <p>Our infrastructure services provide the foundation for self-hosted solutions that give you complete control over your digital environment.</p>
  
  <div class="service-card" id="openwrt">
    <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>
    <a href="/services/openwrt" class="service-link">Learn More</a>
  </div>
  
  <div class="service-card" id="nas">
    <h3>Network Attached Storage</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>
    <a href="/services/nas" class="service-link">Learn More</a>
  </div>
  
  <div class="service-card" id="proxmox">
    <h3>Proxmox Virtualization</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>
    <a href="/services/proxmox" class="service-link">Learn More</a>
  </div>
  
  <div class="service-card" id="vps">
    <h3>Virtual Private Server</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>
    <a href="/services/vps" class="service-link">Learn More</a>
  </div>
</Layout>

<style>
  .service-link {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.5rem 1rem;
    background-color: var(--gruvbox-blue);
    color: var(--gruvbox-fg);
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background-color 0.3s;
  }
  
  .service-link:hover {
    background-color: var(--gruvbox-aqua);
    color: var(--gruvbox-fg);
    text-decoration: none;
  }
</style>