pabawi.example42.com/support.html at main · example42/pabawi.example42.com · 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Support — Pabawi</title>
  <meta name="description" content="Get help with Pabawi — book a free setup call, get troubleshooting support, or request a feature." />
  <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=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="icon" href="logo.png" type="image/png" />
</head>
<body>

<!-- NAV -->
<nav class="nav">
  <div class="nav-inner">
    <a href="index.html" class="nav-logo">
      <img src="logo.png" width="28" height="28" alt="Pabawi logo" style="border-radius:4px;" />
      Pabawi
    </a>
    <ul class="nav-links">
      <li><a href="index.html">Home</a></li>
      <li><a href="docs.html">Docs</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="support.html" class="active">Support</a></li>
      <li><a href="https://github.com/example42/pabawi" target="_blank" rel="noopener">GitHub ↗</a></li>
      <li><a href="https://github.com/example42/pabawi/releases" target="_blank" rel="noopener" class="nav-cta">Get Started</a></li>
    </ul>
    <button class="nav-hamburger" aria-label="Menu">
      <svg width="22" height="22" fill="none" viewBox="0 0 22 22"><path d="M3 6h16M3 11h16M3 16h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
    </button>
  </div>
</nav>

<!-- HERO -->
<section class="about-hero">
  <div class="container">
    <div class="hero-badge" style="margin:0 auto 1.5rem">
      <svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor"><circle cx="6" cy="6" r="6"/></svg>
      We're here to help
    </div>
    <h1><span class="gradient-text">Support</span></h1>
    <p>Whether you're getting started, hitting a wall, or have an idea for what Pabawi should do next — we've got you covered.</p>
  </div>
</section>

<!-- SUPPORT OPTIONS -->
<div class="container" style="padding-bottom:5rem">
  <div class="about-content">

    <!-- Support cards grid -->
    <div class="about-values" style="grid-template-columns:1fr;gap:2rem;margin-top:0">

      <!-- Free Setup Call -->
      <div class="value-card" style="padding:2.5rem;border-left:3px solid var(--green)">
        <div style="display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap">
          <div style="flex:1;min-width:280px">
            <div class="vi">📞</div>
            <h3 style="font-size:1.3rem;margin-bottom:.5rem">Book a Free Setup Call</h3>
            <p style="font-size:.95rem;line-height:1.75;margin-bottom:1rem">
              Getting started with Pabawi? Book a free call with us — no strings attached. We'll walk you through installation, configuration, and integration setup so you can hit the ground running.
            </p>
            <p style="font-size:.95rem;line-height:1.75;margin-bottom:1.5rem">
              Whether you're connecting Puppet, Ansible, Bolt, SSH, or all of the above — we'll help you get everything wired up and working.
            </p>
            <a href="https://calendar.app.google/ZWmbzAgsWL7D6gLH6" target="_blank" rel="noopener" class="btn btn-primary">
              <svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path d="M12 2h1.5A1.5 1.5 0 0115 3.5v11A1.5 1.5 0 0113.5 16h-11A1.5 1.5 0 011 14.5v-11A1.5 1.5 0 012.5 2H4V.75a.75.75 0 011.5 0V2h5V.75a.75.75 0 011.5 0V2zM2.5 6v8.5h11V6h-11z" fill="currentColor"/></svg>
              Schedule a Free Call
            </a>
            <p style="font-size:.8rem;color:var(--text-dim);margin-top:.75rem">Free · 30 min · No commitment</p>
          </div>
        </div>
      </div>

      <!-- Troubleshooting & Debugging -->
      <div class="value-card" style="padding:2.5rem;border-left:3px solid var(--orange)">
        <div style="display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap">
          <div style="flex:1;min-width:280px">
            <div class="vi">🔧</div>
            <h3 style="font-size:1.3rem;margin-bottom:.5rem">Troubleshooting &amp; Debugging Support</h3>
            <p style="font-size:.95rem;line-height:1.75;margin-bottom:1rem">
              Stuck on a tricky issue? We offer hands-on troubleshooting and debugging sessions to help you resolve problems with your Pabawi deployment, integrations, or infrastructure setup.
            </p>
            <p style="font-size:.95rem;line-height:1.75;margin-bottom:1.5rem">
              A fee may apply depending on the scope and complexity of the issue. Book a call and we'll assess what's needed.
            </p>
            <a href="https://calendar.app.google/ZWmbzAgsWL7D6gLH6" target="_blank" rel="noopener" class="btn btn-outline">
              <svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path d="M12 2h1.5A1.5 1.5 0 0115 3.5v11A1.5 1.5 0 0113.5 16h-11A1.5 1.5 0 011 14.5v-11A1.5 1.5 0 012.5 2H4V.75a.75.75 0 011.5 0V2h5V.75a.75.75 0 011.5 0V2zM2.5 6v8.5h11V6h-11z" fill="currentColor"/></svg>
              Book a Session
            </a>
            <p style="font-size:.8rem;color:var(--text-dim);margin-top:.75rem">Fee may apply · Scope assessed on call</p>
          </div>
        </div>
      </div>

      <!-- Request a Feature -->
      <div class="value-card" style="padding:2.5rem;border-left:3px solid var(--brand-light)">
        <div style="display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap">
          <div style="flex:1;min-width:280px">
            <div class="vi">💡</div>
            <h3 style="font-size:1.3rem;margin-bottom:.5rem">Request a Feature or Integration</h3>
            <p style="font-size:.95rem;line-height:1.75;margin-bottom:1rem">
              Have an idea for a new feature, integration, or improvement? Pabawi is a feature-driven sponsored project — development priorities are shaped by the community and sponsors who support the project.
            </p>
            <p style="font-size:.95rem;line-height:1.75;margin-bottom:1.5rem">
              Book a call to discuss your needs, or open a GitHub issue to start the conversation publicly.
            </p>
            <div style="display:flex;gap:1rem;flex-wrap:wrap">
              <a href="https://calendar.app.google/ZWmbzAgsWL7D6gLH6" target="_blank" rel="noopener" class="btn btn-outline">
                <svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path d="M12 2h1.5A1.5 1.5 0 0115 3.5v11A1.5 1.5 0 0113.5 16h-11A1.5 1.5 0 011 14.5v-11A1.5 1.5 0 012.5 2H4V.75a.75.75 0 011.5 0V2h5V.75a.75.75 0 011.5 0V2zM2.5 6v8.5h11V6h-11z" fill="currentColor"/></svg>
                Discuss Your Idea
              </a>
              <a href="https://github.com/example42/pabawi/issues/new" target="_blank" rel="noopener" class="btn btn-outline">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
                Open a GitHub Issue
              </a>
            </div>
            <p style="font-size:.8rem;color:var(--text-dim);margin-top:.75rem">Feature-driven sponsored development</p>
          </div>
        </div>
      </div>

    </div>

    <!-- Community & Self-Service -->
    <div class="about-section" style="margin-top:4rem">
      <h2>Community Resources</h2>
      <p>Before reaching out, you might find what you need in these resources:</p>
      <div class="about-values" style="margin-top:1.5rem">
        <div class="value-card">
          <div class="vi">📖</div>
          <h4>Documentation</h4>
          <p>Setup guides, configuration reference, integration docs, and API reference — all in one place.</p>
          <a href="docs.html" style="display:inline-block;margin-top:.75rem;font-size:.88rem;font-weight:600">Browse Docs →</a>
        </div>
        <div class="value-card">
          <div class="vi">🐛</div>
          <h4>GitHub Issues</h4>
          <p>Search existing issues or report a bug. The community and maintainers are active and responsive.</p>
          <a href="https://github.com/example42/pabawi/issues" target="_blank" rel="noopener" style="display:inline-block;margin-top:.75rem;font-size:.88rem;font-weight:600">View Issues →</a>
        </div>
        <div class="value-card">
          <div class="vi">💬</div>
          <h4>Get in Touch</h4>
          <p>For anything else — partnerships, consulting, or just to say hi — book a call and let's talk.</p>
          <a href="https://calendar.app.google/ZWmbzAgsWL7D6gLH6" target="_blank" rel="noopener" style="display:inline-block;margin-top:.75rem;font-size:.88rem;font-weight:600">Book a Call →</a>
        </div>
      </div>
    </div>

  </div>
</div>

<!-- FOOTER -->
<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <a href="index.html" class="nav-logo" style="font-size:1.1rem">
          <img src="logo.png" width="24" height="24" alt="Pabawi logo" style="border-radius:3px;" />
          Pabawi
        </a>
        <p>Classic Infrastructures Command &amp; Control Awesomeness. Open source, self-hosted, Apache 2.0.</p>
      </div>
      <div class="footer-col">
        <h4>Product</h4>
        <ul>
          <li><a href="index.html#features">Features</a></li>
          <li><a href="index.html#usecases">Use Cases</a></li>
          <li><a href="index.html#install">Installation</a></li>
          <li><a href="index.html#roadmap">Roadmap</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Docs</h4>
        <ul>
          <li><a href="docs.html#quickstart">Quick Start</a></li>
          <li><a href="docs.html#configuration">Configuration</a></li>
          <li><a href="docs.html#integrations">Integrations</a></li>
          <li><a href="docs.html#api">API Reference</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Project</h4>
        <ul>
          <li><a href="about.html">About</a></li>
          <li><a href="support.html">Support</a></li>
          <li><a href="https://example42.com" target="_blank" rel="noopener">example42.com</a></li>
          <li><a href="https://github.com/example42/pabawi" target="_blank" rel="noopener">GitHub</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2025–2026 <a href="https://example42.com" target="_blank" rel="noopener">example42</a> · Alessandro Franceschi · Apache 2.0 License</p>
      <div class="footer-links">
        <a href="https://github.com/example42/pabawi/blob/main/LICENSE" target="_blank" rel="noopener">License</a>
        <a href="https://github.com/example42/pabawi/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener">Contributing</a>
        <a href="https://github.com/example42/pabawi/issues" target="_blank" rel="noopener">Issues</a>
      </div>
    </div>
  </div>
</footer>

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