Repository navigation
Expand file tree
/
Copy pathservices.html
More file actions
236 lines (207 loc) · 13 KB
/
Copy pathservices.html
File metadata and controls
236 lines (207 loc) · 13 KB
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="theme-color" content="#080808" />
<title>Services | jephdev</title>
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="shortcut icon" href="favicon.png" />
<meta name="description" content="Mobile app development, full-stack product builds, and API integration services by jephdev." />
<meta property="og:title" content="Services | jephdev" />
<meta property="og:description" content="Mobile app development, full-stack builds, and API integration. Available for hire." />
<meta property="og:image" content="profile.png" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="nav-overlay" id="navOverlay" role="dialog" aria-modal="true" aria-label="Navigation">
<div class="nav-overlay-inner">
<ul class="nav-overlay-links">
<li><a href="index.html"><span class="nav-num">01</span><span data-i18n="nav.home">Home</span></a></li>
<li><a href="about.html"><span class="nav-num">02</span><span data-i18n="nav.about">About</span></a></li>
<li><a href="projects.html"><span class="nav-num">03</span><span data-i18n="nav.projects">Projects</span></a></li>
<li><a href="services.html" class="current"><span class="nav-num">04</span><span data-i18n="nav.services">Services</span></a></li>
<li><a href="contact.html"><span class="nav-num">05</span><span data-i18n="nav.contact">Contact</span></a></li>
</ul>
<div class="nav-overlay-socials">
<a href="https://github.com/jephcoded" target="_blank" rel="noopener noreferrer">GitHub</a>
<a href="https://www.linkedin.com/in/jephcoding123" target="_blank" rel="noopener noreferrer">LinkedIn</a>
<a href="mailto:jephcoding@gmail.com">Email</a>
<a href="https://wa.me/2349067069213" target="_blank" rel="noopener noreferrer">WhatsApp</a>
</div>
</div>
</div>
<header class="header" id="siteHeader">
<nav class="nav container">
<a href="index.html" class="logo">jephdev<span>.</span></a>
<ul class="nav-links-inline">
<li><a href="index.html" data-i18n="nav.home">Home</a></li>
<li><a href="about.html" data-i18n="nav.about">About</a></li>
<li><a href="projects.html" data-i18n="nav.projects">Projects</a></li>
<li><a href="services.html" class="current" data-i18n="nav.services">Services</a></li>
<li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
</ul>
<div class="nav-right">
<a href="tel:+2349067069213" class="nav-phone">+234 906 706 9213</a>
<a href="contact.html" class="nav-cta-btn" data-i18n="nav.cta">Get a Quote</a>
<a href="https://github.com/jephcoded" class="nav-icon-btn" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="bi bi-github"></i></a>
<a href="https://wa.me/2349067069213" class="nav-icon-btn whatsapp-btn" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp"><i class="bi bi-whatsapp"></i></a>
<button class="menu-btn" id="menuBtn" aria-label="Open menu" aria-expanded="false" aria-controls="navOverlay">
<span class="bar"></span><span class="bar"></span><span class="bar"></span>
</button>
<div class="lang-switcher">
<button class="lang-btn active" data-lang="en">EN</button>
<button class="lang-btn" data-lang="fr">FR</button>
<button class="lang-btn" data-lang="es">ES</button>
</div>
</div>
</nav>
</header>
<main class="page-main">
<section class="page-hero container">
<p class="section-eyebrow" data-i18n="svcp.eyebrow">What I Do</p>
<h1 data-i18n="svcp.title">Services.</h1>
<p data-i18n="svcp.sub">I help founders and businesses turn ideas into live, revenue-ready digital products — fast, clean, and built to scale.</p>
</section>
<section class="section container">
<div class="services-editorial svc-grid-4">
<div class="service-col">
<span class="service-col-num"><span class="svc-ico"><i class="bi bi-phone"></i></span><span class="svc-idx">01</span></span>
<h3 data-i18n="svcp1.title">Mobile App Development</h3>
<p data-i18n="svcp1.desc">Get a polished iOS & Android app your customers can download today. I handle everything from design to App Store launch — you just share your idea.</p>
<ul>
<li data-i18n="svcp1.li1">Works on iPhone & Android (one codebase)</li>
<li data-i18n="svcp1.li2">Custom screens, animations & branding</li>
<li data-i18n="svcp1.li3">User login, payments & notifications</li>
<li data-i18n="svcp1.li4">Full App Store & Play Store submission</li>
</ul>
</div>
<div class="service-col">
<span class="service-col-num"><span class="svc-ico"><i class="bi bi-laptop"></i></span><span class="svc-idx">02</span></span>
<h3 data-i18n="svcp2.title">Custom Web Platforms</h3>
<p data-i18n="svcp2.desc">Need a website that actually does something — a customer portal, SaaS dashboard, or booking system? I build complete web platforms that run your business logic.</p>
<ul>
<li data-i18n="svcp2.li1">Fast, modern frontend your clients love</li>
<li data-i18n="svcp2.li2">Secure backend that handles real traffic</li>
<li data-i18n="svcp2.li3">Admin dashboards & reporting</li>
<li data-i18n="svcp2.li4">Hosted, deployed & ready to scale</li>
</ul>
</div>
<div class="service-col">
<span class="service-col-num"><span class="svc-ico"><i class="bi bi-gear"></i></span><span class="svc-idx">03</span></span>
<h3 data-i18n="svcp3.title">Backend & API Integration</h3>
<p data-i18n="svcp3.desc">Already have a product but need it to connect to payment gateways, third-party tools, or your own data? I wire it all together cleanly and securely.</p>
<ul>
<li data-i18n="svcp3.li1">Payments (Stripe, Flutterwave, Paystack)</li>
<li data-i18n="svcp3.li2">Third-party APIs & webhooks</li>
<li data-i18n="svcp3.li3">User authentication & security</li>
<li data-i18n="svcp3.li4">Performance fixes & cleanup</li>
</ul>
</div>
<div class="service-col">
<span class="service-col-num"><span class="svc-ico"><i class="bi bi-robot"></i></span><span class="svc-idx">04</span></span>
<h3 data-i18n="svcp4.title">AI Automation & Assistants</h3>
<p data-i18n="svcp4.desc">Put AI to work in your product or business. I build assistants that understand plain English and take real actions — not demos — while you stay in control.</p>
<ul>
<li data-i18n="svcp4.li1">Custom AI assistants & chatbots</li>
<li data-i18n="svcp4.li2">Automated lead handling, replies & follow-ups</li>
<li data-i18n="svcp4.li3">Claude & OpenAI API integration</li>
<li data-i18n="svcp4.li4">Workflows connected to WhatsApp, email & your data</li>
</ul>
</div>
</div>
</section>
<section class="section container cta-band">
<p class="section-eyebrow" data-i18n="cta.eyebrow">Ready to Build?</p>
<h2 style="margin-bottom:1rem;" data-i18n="cta.title">Let's Talk About Your Project</h2>
<p style="color:var(--muted); max-width:480px; margin:0 auto 2rem;" data-i18n="cta.desc">Tell me what you're building and I'll reply within 24 hours with a clear plan and quote — no obligation.</p>
<div style="display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;">
<a href="contact.html" class="btn" style="font-size:1rem; padding:0.85rem 2rem;" data-i18n="cta.btn1">Get a Project Quote</a>
<a href="https://wa.me/2349067069213?text=Hi%20jephdev,%20I%20want%20to%20discuss%20a%20project" target="_blank" rel="noopener noreferrer" class="btn btn-ghost" style="font-size:1rem; padding:0.85rem 2rem;" data-i18n="cta.btn2">Chat on WhatsApp</a>
</div>
</section>
<section class="section container">
<p class="section-eyebrow" data-i18n="proc.eyebrow">Process</p>
<h2 data-i18n="proc.title">How a Project Runs</h2>
<div class="process-list">
<div class="process-item">
<div class="process-num">01</div>
<div class="process-body">
<h4 data-i18n="proc1.title">Product Brief</h4>
<p data-i18n="proc1.desc">You share your goals, scope, and any design assets. I ask the right questions upfront so nothing gets built twice.</p>
</div>
</div>
<div class="process-item">
<div class="process-num">02</div>
<div class="process-body">
<h4 data-i18n="proc2.title">Scope & Quote</h4>
<p data-i18n="proc2.desc">I map out the build, set a realistic timeline, and give you a clear, itemized quote — no vague estimates.</p>
</div>
</div>
<div class="process-item">
<div class="process-num">03</div>
<div class="process-body">
<h4 data-i18n="proc3.title">Development</h4>
<p data-i18n="proc3.desc">I build in focused sprints with regular check-ins. You see progress throughout — nothing ships as a surprise.</p>
</div>
</div>
<div class="process-item">
<div class="process-num">04</div>
<div class="process-body">
<h4 data-i18n="proc4.title">Delivery & Handoff</h4>
<p data-i18n="proc4.desc">Clean code handoff, full deployment, and revision rounds until it's exactly right. You own everything.</p>
</div>
</div>
</div>
</section>
<section class="section container faq-section">
<p class="section-eyebrow" data-i18n="faq.eyebrow">FAQ</p>
<h2 data-i18n="faq.title">Common Questions</h2>
<div class="faq-list">
<details class="faq-item" open>
<summary data-i18n="faq1.q">How long does a mobile or full-stack build take?</summary>
<p data-i18n="faq1.a">A standard mobile MVP takes 1–3 weeks. A full-stack platform typically runs 2–6 weeks, depending on feature scope, integrations, and complexity.</p>
</details>
<details class="faq-item">
<summary data-i18n="faq2.q">Do you work from Figma or product requirements?</summary>
<p data-i18n="faq2.a">Yes. I build from Figma, wireframes, references, or written specs. If design isn't ready, I can still structure the product cleanly and keep it easy to extend later.</p>
</details>
<details class="faq-item">
<summary data-i18n="faq3.q">Will my app work well across all devices?</summary>
<p data-i18n="faq3.a">Every build is tested across common screen sizes and device contexts to ensure consistent layouts, readable content, and smooth interactions.</p>
</details>
<details class="faq-item">
<summary data-i18n="faq4.q">Do you provide revisions after delivery?</summary>
<p data-i18n="faq4.a">Yes. Revision rounds are included for UI polish and usability updates so the final result matches your goals exactly.</p>
</details>
<details class="faq-item">
<summary data-i18n="faq5.q">Can you improve an existing app instead of building from scratch?</summary>
<p data-i18n="faq5.a">Absolutely. I handle UX revamps, performance work, API cleanup, and feature expansion on existing products — not just greenfield builds.</p>
</details>
<details class="faq-item">
<summary data-i18n="faq6.q">How is pricing handled?</summary>
<p data-i18n="faq6.a">Pricing is scoped after reviewing your goals and timeline. <a href="contact.html" class="text-link" data-i18n="faq6.link">Send your brief</a> and I'll reply with a clear quote within 24 hours.</p>
</details>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer-hero">
<p class="footer-kicker" data-i18n="footer.kicker">Have a project in mind?</p>
<a href="mailto:jephcoding@gmail.com" class="footer-mail"><span>jephcoding@gmail.com</span><i class="bi bi-arrow-up-right"></i></a>
</div>
<div class="container footer-content">
<p>© <span id="year"></span> jephdev. <span data-i18n="footer.rights">All rights reserved.</span></p>
<div class="socials">
<a href="https://github.com/jephcoded" target="_blank" rel="noopener noreferrer">GitHub</a>
<a href="https://www.linkedin.com/in/jephcoding123" target="_blank" rel="noopener noreferrer">LinkedIn</a>
<a href="mailto:jephcoding@gmail.com">Email</a>
<a href="https://wa.me/2349067069213" target="_blank" rel="noopener noreferrer">WhatsApp</a>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>