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

<Layout title="Home">
  <h1>Welcome to My Digital Privacy & Security Services</h1>
  
  <div class="intro-section">
    <h2>Thank You for Your Interest</h2>
    <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>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 class="mission-section">
    <h2>The Issue At Hand</h2>
    <p>In today's digital landscape, your personal data has become the most valuable commodity. <span class="highlight">Large corporations harvest your information</span> to build detailed profiles for targeted advertising, while your digital identity is continuously tracked across the web.</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. Our mission is to change that by offering accessible, personalized solutions that protect your digital life.</p>
  </div>
  
  <div class="services-highlight">
    <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, we provide comprehensive services designed to enhance your digital privacy and security.</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>
  
  <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">
    <a href="/services" class="cta-button">Explore Our Services</a>
    <a href="/contact" class="cta-button">Get In Touch</a>
  </div>
</Layout>

<style>
  .intro-section, .mission-section, .services-highlight {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: var(--gruvbox-bg-soft);
    border-radius: 5px;
    border-left: 4px solid var(--gruvbox-blue);
  }
  
  .mission-section {
    border-left-color: var(--gruvbox-red);
  }
  
  .services-highlight {
    border-left-color: var(--gruvbox-green);
  }
  
  .cta-container {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
  }
  
  .cta-button.secondary {
    background-color: var(--gruvbox-blue);
  }
  
  .cta-button.secondary:hover {
    background-color: var(--gruvbox-aqua);
  }
  
  @media (max-width: 768px) {
    .cta-container {
      flex-direction: column;
    }
  }
</style>
