|
1 | 1 | --- |
2 | 2 | import Shell from '../layouts/shell.astro'; |
| 3 | +import data from '../data/services'; |
3 | 4 |
|
4 | 5 | // SEO and structured data |
5 | 6 | const site = 'https://skiddle.id'; |
6 | 7 | const pageUrl = new URL('/services', site).toString(); |
7 | 8 |
|
8 | | -const servicesData = [ |
9 | | - { name: 'Server Setup & Hardening', description: 'Provisioning, firewall/TLS, users, backups, and secure defaults on Linux servers.' }, |
10 | | - { name: 'CI/CD Implementation', description: 'Build/test/deploy pipelines with GitHub Actions or GitLab CI, environments, and releases.' }, |
11 | | - { name: 'Automation with Ansible', description: 'Playbooks, roles, inventories, idempotent provisioning and repeatable ops.' }, |
12 | | - { name: 'Self‑Hosting & Homelab Consultation', description: 'Architecture, SSO, backups/restore, monitoring guidance, and safe internet exposure.' }, |
13 | | - { name: 'Website Project Setup (Custom or CMS)', description: 'From Astro/Next.js custom builds to CMS setups (e.g., WordPress, Ghost) with sensible defaults.' }, |
14 | | - { name: 'Monitoring Setup (Grafana & Prometheus)', description: 'Dashboards, alerting, and metrics pipelines for actionable insights.' }, |
15 | | -]; |
16 | | -
|
17 | | -const testimonials = [ |
18 | | - { |
19 | | - quote: 'Jeff helped us set up a firewall at the start of our project. After that we keep consulting with him for any security related issues.', |
20 | | - author: 'Adhy Musaad', |
21 | | - role: 'CTO, Kwikku Interactive', |
22 | | - serviceName: 'Server Setup & Hardening', |
23 | | - rating: 5, |
24 | | - }, |
25 | | - { |
26 | | - quote: 'Our website and mail setup was done in a matter of hours. Saved us a lot of time and money.', |
27 | | - author: 'Jason Lim', |
28 | | - role: 'Business Owner', |
29 | | - serviceName: 'Website Project Setup (Custom or CMS)', |
30 | | - rating: 5, |
31 | | - }, |
32 | | - { |
33 | | - quote: 'My homelab is messed before. After consulting with Jeff, it is now stable, monitored, and easy to maintain. Thanks a lot!', |
34 | | - author: 'K. Tan', |
35 | | - role: 'Indie Dev', |
36 | | - serviceName: 'Self‑Hosting & Homelab Consultation', |
37 | | - rating: 5, |
38 | | - }, |
39 | | - { |
40 | | - quote: 'Jeff helped me set up my website and mail server in a matter of hours. Even though He is my cousin, I still want to give him a big thank you.', |
41 | | - author: 'N. Chen', |
42 | | - role: 'Individual', |
43 | | - serviceName: 'Website Project Setup (Custom or CMS)', |
44 | | - rating: 5, |
45 | | - }, |
46 | | -]; |
| 9 | +const servicesData = data.services; |
| 10 | +const testimonials = data.testimonials; |
47 | 11 |
|
48 | 12 | const jsonLd = { |
49 | 13 | '@context': 'https://schema.org', |
@@ -92,65 +56,17 @@ const jsonLd = { |
92 | 56 | </div> |
93 | 57 |
|
94 | 58 | <div class="max-w-3xl mx-auto grid gap-4 sm:grid-cols-2"> |
95 | | - <section class="border border-muted rounded-lg p-4 flex flex-col gap-2"> |
96 | | - <h2 class="font-semibold text-xl text-[var(--color-primary)]">Server Setup & Hardening</h2> |
97 | | - <p class="text-sm text-base04">Provision secure Linux servers with best practices and backups.</p> |
98 | | - <ul class="list-disc list-inside text-sm"> |
99 | | - <li>Firewall, TLS, SSH and users</li> |
100 | | - <li>Backups & recovery drills</li> |
101 | | - <li>Baseline hardening</li> |
102 | | - </ul> |
103 | | - </section> |
104 | | - |
105 | | - <section class="border border-muted rounded-lg p-4 flex flex-col gap-2"> |
106 | | - <h2 class="font-semibold text-xl text-[var(--color-primary)]">CI/CD Implementation</h2> |
107 | | - <p class="text-sm text-base04">Build, test, and deploy reliably with modern pipelines.</p> |
108 | | - <ul class="list-disc list-inside text-sm"> |
109 | | - <li>GitHub Actions / GitLab CI</li> |
110 | | - <li>Multi‑env deployments</li> |
111 | | - <li>Release workflows</li> |
112 | | - </ul> |
113 | | - </section> |
114 | | - |
115 | | - <section class="border border-muted rounded-lg p-4 flex flex-col gap-2"> |
116 | | - <h2 class="font-semibold text-xl text-[var(--color-primary)]">Automation with Ansible</h2> |
117 | | - <p class="text-sm text-base04">Idempotent provisioning and repeatable operations at any scale.</p> |
118 | | - <ul class="list-disc list-inside text-sm"> |
119 | | - <li>Playbooks & roles</li> |
120 | | - <li>Inventories & secrets</li> |
121 | | - <li>Server fleet automation</li> |
122 | | - </ul> |
123 | | - </section> |
124 | | - |
125 | | - <section class="border border-muted rounded-lg p-4 flex flex-col gap-2"> |
126 | | - <h2 class="font-semibold text-xl text-[var(--color-primary)]">Self‑Hosting & Homelab Consultation</h2> |
127 | | - <p class="text-sm text-base04">Plan and operate personal services safely and sustainably.</p> |
128 | | - <ul class="list-disc list-inside text-sm"> |
129 | | - <li>Reverse proxy & TLS</li> |
130 | | - <li>Single‑sign on (SSO)</li> |
131 | | - <li>Backups & monitoring guidance</li> |
132 | | - </ul> |
133 | | - </section> |
134 | | - |
135 | | - <section class="border border-muted rounded-lg p-4 flex flex-col gap-2"> |
136 | | - <h2 class="font-semibold text-xl text-[var(--color-primary)]">Website Project Setup (Custom or CMS)</h2> |
137 | | - <p class="text-sm text-base04">Kickstart your site with a custom build or a robust CMS.</p> |
138 | | - <ul class="list-disc list-inside text-sm"> |
139 | | - <li>Astro / Next.js</li> |
140 | | - <li>WordPress / Ghost</li> |
141 | | - <li>Content & SEO basics</li> |
142 | | - </ul> |
143 | | - </section> |
144 | | - |
145 | | - <section class="border border-muted rounded-lg p-4 flex flex-col gap-2"> |
146 | | - <h2 class="font-semibold text-xl text-[var(--color-primary)]">Monitoring Setup (Grafana & Prometheus)</h2> |
147 | | - <p class="text-sm text-base04">Dashboards, alerts, and metrics that help you act quickly.</p> |
148 | | - <ul class="list-disc list-inside text-sm"> |
149 | | - <li>Grafana dashboards & panels</li> |
150 | | - <li>Prometheus scraping & exporters</li> |
151 | | - <li>Alertmanager routing & notifications</li> |
152 | | - </ul> |
153 | | - </section> |
| 59 | + {servicesData.map((svc) => ( |
| 60 | + <section class="border border-muted rounded-lg p-4 flex flex-col gap-2"> |
| 61 | + <h2 class="font-semibold text-xl text-[var(--color-primary)]">{svc.name}</h2> |
| 62 | + <p class="text-sm text-base04">{svc.description}</p> |
| 63 | + {svc.features && svc.features.length ? ( |
| 64 | + <ul class="list-disc list-inside text-sm"> |
| 65 | + {svc.features.map((f) => (<li>{f}</li>))} |
| 66 | + </ul> |
| 67 | + ) : null} |
| 68 | + </section> |
| 69 | + ))} |
154 | 70 | </div> |
155 | 71 |
|
156 | 72 | <div id="testimonials" class="max-w-3xl mx-auto mt-8" role="region" aria-label="Client testimonials"> |
|
0 commit comments