PatchWorkLabs/about.html at main · Rhyse76/PatchWorkLabs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>About — PatchWork Labs</title>
  <meta name="description" content="PatchWork Labs is a small software and infrastructure shop built on 15+ years of IT, DevOps, and full stack development experience." />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="About — PatchWork Labs" />
  <meta property="og:description" content="PatchWork Labs is a small software and infrastructure shop built on 15+ years of IT, DevOps, and full stack development experience." />
  <meta property="og:image" content="https://patchworklabs.dev/images/logo-lockup.png" />
  <meta property="og:url" content="https://patchworklabs.dev/about" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="icon" type="image/png" href="images/logo-badge.png" />
</head>
<body>

  <nav class="nav">
    <div class="nav-inner">
      <a href="/" class="nav-logo">
        <img src="images/logo-badge.png" alt="PatchWork Labs logo" class="nav-logo-icon" />
        PatchWork Labs
      </a>
      <ul class="nav-links">
        <li><a href="/">Home</a></li>
        <li><a href="services">Services</a></li>
        <li><a href="work">Work</a></li>
        <li><a href="about">About</a></li>
        <li class="nav-cta"><a href="contact">Contact</a></li>
      </ul>
      <button class="nav-toggle" aria-label="Toggle menu">
        <span></span><span></span><span></span>
      </button>
    </div>
  </nav>

  <div class="mobile-nav">
    <a href="/">Home</a>
    <a href="services">Services</a>
    <a href="work">Work</a>
    <a href="about">About</a>
    <a href="contact">Contact</a>
  </div>

  <!-- PAGE HERO -->
  <section class="page-hero">
    <div class="page-hero-content">
      <div class="breadcrumb">
        <a href="/">Home</a>
        <span>/</span>
        <span>About</span>
      </div>
      <h1>About <span class="accent">PatchWork Labs</span></h1>
      <p>Why we exist, what the name means, and how we work.</p>
    </div>
  </section>

  <!-- ABOUT CONTENT -->
  <section class="section-padding">
    <div class="container">
      <div class="logo-showcase fade-up">
        <img src="images/logo-lockup.png" alt="PatchWork Labs LLC logo" />
      </div>
      <div class="story-section fade-up">
        <span class="section-label">Our Story</span>
        <h2>Built on Patches, Upgrades, and Keeping Things Running</h2>
        <p>
          PatchWork Labs started with a simple observation: most small businesses don't need
          a giant agency or a full-time IT department — they need someone who can build the
          thing, fix the thing, and keep the thing running, without six different vendors
          pointing fingers at each other.
        </p>
        <p>
          The name comes from how the work actually happens. Software is rarely built clean
          from scratch and left alone — it's patched, upgraded, stitched together, and kept
          running while the business around it keeps moving. That's the work we specialize in:
          meeting systems where they are and making them better, one patch at a time.
        </p>
        <p>
          Behind PatchWork Labs is 15+ years of hands-on IT support, infrastructure, and DevOps
          experience — managing networks and servers, migrating systems to AWS and Azure,
          automating routine work with PowerShell and Ansible — paired with full stack web
          development in PHP, Laravel, Livewire, JavaScript, and CSS. That mix means we're
          equally comfortable writing the code, configuring the server it runs on, and
          explaining all of it in plain English.
        </p>
        <p>
          Every project is sized to the business it's for. No over-engineered platforms when
          a simple, well-built site will do — and no quick hacks when the job calls for
          something solid. Just practical solutions, built to last.
        </p>
      </div>

      <!-- HIGHLIGHTS -->
      <div class="highlights fade-up">
        <h3>How We Work</h3>
        <div class="highlights-grid">
          <div class="highlight">
            <div class="highlight-icon">🔧</div>
            <div class="highlight-text">Patch it, upgrade it, fix it — we'd rather improve what you already have than talk you into starting over.</div>
          </div>
          <div class="highlight">
            <div class="highlight-icon">☁️</div>
            <div class="highlight-text">Cloud infrastructure built right-sized for the business you have today, with room for the one you're building.</div>
          </div>
          <div class="highlight">
            <div class="highlight-icon">🗣️</div>
            <div class="highlight-text">Plain-English communication. You'll always know what's being done, why, and what it means for you.</div>
          </div>
          <div class="highlight">
            <div class="highlight-icon">🚀</div>
            <div class="highlight-text">One point of contact from start to finish — the person who builds it is the person who supports it.</div>
          </div>
        </div>
      </div>

    </div>
  </section>

  <!-- CTA -->
  <div class="cta-band">
    <div class="cta-band-inner">
      <h2>Like how we work?</h2>
      <p>Check out our services or reach out to talk about your project.</p>
      <div class="btn-group">
        <a href="services" class="btn btn-primary">Our Services</a>
        <a href="contact" class="btn btn-outline">Get In Touch</a>
      </div>
    </div>
  </div>

  <footer class="footer">
    <div class="footer-inner">
      <div class="footer-brand">PatchWork <span class="accent">Labs</span></div>
      <div class="footer-copy">© 2026 · PatchWork Labs · patchworklabs.dev</div>
      <div class="footer-links">
        <a href="services">Services</a>
        <a href="work">Work</a>
        <a href="contact">Contact</a>
      </div>
    </div>
  </footer>

  <script src="js/main.js"></script>
</body>
</html>