---
// Basic FAQ section
// ------------
// Description: A section that contains a list of frequently asked questions with answers.

// Components
// - Layout
import Section from '../../ui/Section.astro'
import Row from '../../ui/Row.astro'
import Col from '../../ui/Col.astro'
import Button from '../../ui/Button.astro'
// - UI
import Accordion from '../../ui/Accordion.astro'
import Card from '../../ui/cards/partials/Card.astro'

// Props
type Props = {
	classes?: string
}
const { classes } = Astro.props
---

<Section id="FAQ" classes={classes}>
	<Row>
		<Col span="12" align="center" classes="mb-12 max-w-4xl mx-auto">
			<h2 class="text-pretty">
				Pertanyaan yang <strong>paling sering</strong> ditanyakan.
			</h2>
			<p class="text-lg leading-relaxed">
				Berikut ini adalah daftar pertanyaan yang paling sering ditanyakan. Jika Anda memiliki pertanyaan lain, jangan ragu untuk menghubungi kami.
			</p>
		</Col>
		<Col span="2" />
		<Col span="8">
			<Card classes="divide-y divide-neutral-100 dark:divide-neutral-800">
				<Accordion
					title="1 | Apakah dengan membeli paket Transform, website saya bisa menjadi APK?"
					text="Ya benar, dengan membeli paket Transform, Anda akan mendapatkan APK, tidak hanya itu, kami akan mengubah website Anda menjadi aplikasi multi-platform yang dapat diinstal di Android, iOS, Windows, Mac, dan Linux."
				/>
        <Accordion
					title="2 | Apa saja materi yang dibutuhkan saat membeli paket Transform?"
					text="Materi yang dibutuhkan adalah Nama aplikasi Anda dan Icon berukuran 512x512px dengan format .png. Untuk kebutuhan lain nya akan kami informasikan lebih lanjut melalui komunikasi chat atau email."
				/>
				<Accordion
					title="3 | Jika saya upgrade paket, apakah saya tetap bayar full?"
					text="Jika Anda upgrade dari paket Transform ke paket Pagespeed, maka cukup bayar selisihnya saja. Kecuali paket Desain Website, tapi jangan khawatir, pastinya Anda akan mendapatkan diskon khusus."
				/>
				<Accordion
					title="4 | Untuk aplikasi mobile, apakah menggunakan teknologi WebView?"
					text="Untuk Android kami tidak menggunakan teknologi WebView tapi kami menggunakan TWA. Untuk iOS iya, tapi bukan WebView biasa, kami menggunakan teknologi WKWebView yang pastinya kami optimalkan sehingga performance tidak lambat."
				/>
        <Accordion
					title="5 | Apakah Anda mau bantu proses submit ke Playstore?"
					text="Ya, Kami bisa bantu proses upload ke Playstore dengan syarat, semua kebutuhan gambar produk, informasi rating, bahasa, negara, dll sudah Anda isi terlebih dahulu. Jika sudah maka cukup share akun play developer console Anda. Sisa nya kami akan urus proses upload nya. Setelah semua proses sudah selesai (aplikasi sudah live), Anda tinggal reset password akun Anda sendiri."
				/>
        <Accordion
					title="6 | Apakah saya bisa konsultasi sebelum membeli?"
					text="Ya, tentu saja. Silahkan konsultasi terlebih dahulu sebelum membeli paket kami. Kami akan memberikan solusi terbaik untuk Anda. Konsultasi gratis 24x7."
				/>
				<Accordion
					title="7 | Saya tertarik membeli, bagaimana metode pembayaran nya?"
					text="Untuk saat ini kami hanya menerima pembayaran via Transfer Bank dan PayPal. Anda bisa juga membeli paket kami melalui Shopee atau Tokopedia."
				/>
				<Accordion
					title="8 | Saya tertarik membeli, bagaimana cara memesan produk Anda?"
					text="Anda dapat menghubungi kami melalui halaman kontak, email atau chat langsung via Whatsapp. Nanti kami akan mengirimkan invoice melalui email. Pekerjaan akan dilakukan setelah proses pembayaran kami terima."
				/>
        <Accordion
					title="9 | Apakah saya bisa bayar secara bertahap?"
					text="Untuk paket Transform dan Pagespeed Anda harus bayar full diawal. Tapi jika Anda membeli paket Desain Website, maka Anda bisa membayar secara bertahap. Pembayaran pertama minimal 50% dari total harga. Pelunasan 50% setelah pekerjaan selesai. Setelah pelunasan, maka kami akan kirim semua source code lengkap nya."
				/>
        <Accordion
					title="10 | Apakah ada layanan revisi jika saya membeli salah satu paket?"
					text="Ya, tentu saja. Kami memberikan layanan revisi tanpa batas (unlimited) dan gratis, namun hanya dalam periode 30 hari. Jika Anda mengajukan revisi lebih dari 30 hari, maka akan dikenakan biaya tambahan. Perhitungan durasi 30 hari terhitung dari tanggal awal pekerjaan dimulai."
				/>
        <Accordion
					title="11 | Aplikasi saya di tolak oleh Playstore, Apakah saya bisa refund?"
					text="Tidak ada refund untuk ini, karena ada banyak faktor alasan aplikasi Anda ditolak oleh playstore. Misalnya konten website yang melanggar, atau aplikasi yang tidak sesuai dengan kebijakan playstore. Contoh: aplikasi tidak lulus rating, aplikasi tidak sesuai dengan deskripsi, dan lain-lain. Hal ini berlaku juga untuk Appstore dan Windowsstore."
				/>
        <Accordion
					title="12 | Apakah ada garansi untuk saya?"
					text="Ya tentu saja. Silahkan baca prosedur garansi kami di halaman syarat dan ketentuan."
				/>
			</Card>
		</Col>
		<Col span="2" />
    <Col span="12" align="center" classes="mb-12 max-w-4xl mx-auto">
      <Button size="lg" link="/faq/">Baca FAQ</Button>
    </Col>
	</Row>
</Section>

<style>
	.page-header {
		@apply mx-auto max-w-3xl;
	}
	.page-header__text {
		@apply text-lg leading-relaxed;
	}
</style>
