---
// Components
// - Layout
import Layout from '../layouts/Layout.astro'
// - UI
import Hero from '../components/blocks/hero/PageHeader.astro'
import FAQ from '../components/blocks/FAQ/FaqSticky.astro'
// import TextImage from '../components/blocks/basic/TextImage.astro'
// import CTA from '../components/blocks/CTA/BasicDark.astro'

// Data
import faqData from '../data/json-files/faqData.json'
// - FAQ Categories
const faqPartner = faqData.filter((faq) => faq.category === 'partner')
const faqGeneral = faqData.filter((faq) => faq.category === 'general')

// Content
// import faqImage1 from '../assets/faq/faq-01.png'
// - SEO
const SEO = {
	title: 'FAQ, daftar pertanyaan yang sering diajukan | Omniblazz',
	description:
		'Cari jawaban untuk pertanyaan umum tentang informasi, harga, integrasi, layanan dan banyak lagi.'
}
// - Page Header
const header = {
	title: 'Dapatkan jawaban tentang <strong>pertanyaan</strong> Anda.',
	text: 'Berikut ini adalah rangkuman pertanyaan dan jawaban yang sering diajukan pada kami. Temukan informasi tentang harga, integrasi, layanan dan banyak lagi.'
}
---

<Layout title={SEO.title} description={SEO.description}>
	<Hero title={header.title} text={header.text} />
  <FAQ
		title="Pertanyaan Umum"
		text="Berikut adalah pertanyaan yang kami rangkum seputar pertanyaan umum seperti cara pembelian, proses pembayaran, klaim garanasi, layanan bantuan, dll."
		data={faqGeneral}
	/>
	<FAQ
		title="Partnership"
		text="Berikut ini adalah rangkuman pertanyaan dengan topik Partnership atau Kerjasama."
		data={faqPartner}
    classes="bg-neutral-50 dark:bg-neutral-900"
	/>
	<!-- <TextImage
		title="Why Foxi’s Pricing Plans Offer Great Value"
		text="At Foxi, we believe in providing exceptional value at every price point. Our pricing plans are designed to cater to a variety of needs, from individuals and small teams to large enterprises. Each plan includes access to our powerful features, seamless integrations, and top-notch customer support. "
		image={faqImage1}
		mobileImage={faqImage1}
		imagePosition="left"
		offsetImage
		classes="bg-neutral-50 dark:bg-neutral-900 lg:!py-64"
	/> -->
	<!-- <CTA /> -->
</Layout>
