+17
frontend/components/FAQ.tsx
+17
frontend/components/FAQ.tsx
···
211
211
Social PBC.
212
212
</p>
213
213
</div>
214
+
215
+
<div>
216
+
<h3 className="text-xl font-bold text-gray-800 mb-2">
217
+
Can I install kipclip as an app on my phone?
218
+
</h3>
219
+
<p className="text-gray-700">
220
+
Yes! kipclip works as a Progressive Web App (PWA) on both Android
221
+
and iOS. On Android, you can add it to your home screen and it
222
+
will appear in your share menu, letting you save bookmarks
223
+
directly from any app. On iOS, you can add it to your home screen
224
+
and use the iOS Shortcut to save from Safari. See the{" "}
225
+
<a href="/tools" className="underline hover:text-gray-800">
226
+
Tools page
227
+
</a>{" "}
228
+
for detailed installation instructions.
229
+
</p>
230
+
</div>
214
231
</section>
215
232
216
233
<section className="bg-white rounded-lg shadow-md p-6">
+29
-3
frontend/components/Tools.tsx
+29
-3
frontend/components/Tools.tsx
···
265
265
266
266
<div className="bg-gray-50 rounded-lg p-4">
267
267
<h4 className="font-semibold text-gray-800 mb-2">
268
+
iOS (Add to Home Screen):
269
+
</h4>
270
+
<ol className="space-y-2 text-sm text-gray-700">
271
+
<li className="flex items-start gap-2">
272
+
<span className="font-bold text-coral min-w-[20px]">1.</span>
273
+
<span>Open kipclip.com in Safari</span>
274
+
</li>
275
+
<li className="flex items-start gap-2">
276
+
<span className="font-bold text-coral min-w-[20px]">2.</span>
277
+
<span>
278
+
Tap the Share button (square with arrow), then "Add to Home
279
+
Screen"
280
+
</span>
281
+
</li>
282
+
<li className="flex items-start gap-2">
283
+
<span className="font-bold text-coral min-w-[20px]">3.</span>
284
+
<span>
285
+
kipclip opens as a standalone app - use the iOS Shortcut
286
+
above to save bookmarks from Safari
287
+
</span>
288
+
</li>
289
+
</ol>
290
+
</div>
291
+
292
+
<div className="bg-gray-50 rounded-lg p-4">
293
+
<h4 className="font-semibold text-gray-800 mb-2">
268
294
Android (Chrome):
269
295
</h4>
270
296
<ol className="space-y-2 text-sm text-gray-700">
···
275
301
<li className="flex items-start gap-2">
276
302
<span className="font-bold text-coral min-w-[20px]">2.</span>
277
303
<span>
278
-
Tap the menu (⋮), then "Add to Home screen"
304
+
Tap the menu (⋮), then "Add to Home screen" or "Install app"
279
305
</span>
280
306
</li>
281
307
<li className="flex items-start gap-2">
282
308
<span className="font-bold text-coral min-w-[20px]">3.</span>
283
309
<span>
284
-
When sharing URLs from other apps, kipclip will appear as a
285
-
share target
310
+
kipclip opens as a standalone app and appears in your share
311
+
menu - share URLs directly from any app
286
312
</span>
287
313
</li>
288
314
</ol>