import type { LandingItemInput, LandingItemTipe } from '$lib/types/landing';

export const DEFAULT_LANDING_KONTEN: Record<string, string> = {
	meta_title: 'Catatan Warung — Catat Jualan & Stok Warung Jadi Mudah',
	meta_description:
		'Aplikasi pencatatan warung dan toko. Kelola penjualan, stok, laporan keuangan, dan hutang piutang dari HP atau laptop.',
	brand_name: 'Catatan Warung',
	hero_badge: '✨ Untuk pemilik warung & toko kelontong',
	hero_title_before: 'Catat jualan warung jadi ',
	hero_title_highlight: 'gampang',
	hero_title_after: ' & rapi',
	hero_subtitle:
		'Lupa berapa penjualan hari ini? Stok habis tapi tidak tahu? Catatan Warung bantu Anda mencatat penjualan, stok, dan keuangan warung — langsung dari HP atau laptop.',
	hero_cta_primary: '🚀 Mulai Gratis Sekarang',
	hero_cta_secondary: 'Lihat Fitur',
	hero_trust_1: '✓ Tanpa install app',
	hero_trust_2: '✓ Bisa di HP',
	hero_trust_3: '✓ Paket gratis tersedia',
	features_title: 'Semua yang warung butuhkan',
	features_subtitle:
		'Tidak perlu banyak aplikasi. Satu tempat untuk catat, pantau, dan kembangkan usaha warung Anda.',
	steps_title: 'Cara pakainya, simpel banget',
	steps_subtitle: 'Tiga langkah, langsung jalan.',
	pricing_title: 'Pilih paket sesuai kebutuhan',
	pricing_subtitle: 'Mulai gratis, upgrade kalau warung sudah berkembang.',
	mobile_title: 'Dirancang untuk dipakai di warung',
	mobile_subtitle:
		'Tombol besar, mudah dibaca, nyaman di genggaman — seperti aplikasi native.',
	faq_title: 'Pertanyaan yang sering ditanya',
	cta_title: 'Siap rapihin catatan warung Anda?',
	cta_subtitle: 'Daftar gratis, langsung catat penjualan hari ini. Tidak perlu kartu kredit.',
	cta_button: 'Mulai Gratis — Daftar Sekarang',
	mobile_cta_button: '🚀 Mulai Gratis Sekarang',
	header_cta: 'Mulai Gratis'
};

export const DEFAULT_LANDING_ITEMS: LandingItemInput[] = [
	{
		tipe: 'feature',
		urutan: 1,
		judul: 'Catat Penjualan',
		deskripsi: 'Tulis penjualan manual atau langsung dari stok barang. Cepat, rapi, tanpa ribet.',
		icon: '💰',
		warna: 'from-emerald-500 to-teal-600'
	},
	{
		tipe: 'feature',
		urutan: 2,
		judul: 'Kelola Stok',
		deskripsi: 'Tahu barang apa yang menipis, berapa sisa stok, dan nilai inventori warung Anda.',
		icon: '📦',
		warna: 'from-violet-500 to-purple-600'
	},
	{
		tipe: 'feature',
		urutan: 3,
		judul: 'Laporan Keuangan',
		deskripsi: 'Lihat pendapatan, pengeluaran, dan ringkasan harian — semua dalam satu tempat.',
		icon: '📈',
		warna: 'from-blue-500 to-indigo-600'
	},
	{
		tipe: 'feature',
		urutan: 4,
		judul: 'Hutang & Piutang',
		deskripsi: 'Ingat siapa yang bon, siapa yang belum bayar. Tidak ada lagi catatan di kertas.',
		icon: '🤝',
		warna: 'from-amber-500 to-orange-600'
	},
	{
		tipe: 'feature',
		urutan: 5,
		judul: 'Akses di HP',
		deskripsi: 'Tampilan nyaman di handphone — seperti pakai aplikasi asli, bisa dipakai di warung.',
		icon: '📱',
		warna: 'from-rose-500 to-pink-600'
	},
	{
		tipe: 'feature',
		urutan: 6,
		judul: 'Profil Warung',
		deskripsi: 'Warung Anda bisa tampil di direktori publik supaya lebih mudah ditemukan pelanggan.',
		icon: '🏪',
		warna: 'from-cyan-500 to-teal-600'
	},
	{ tipe: 'step', urutan: 1, judul: 'Daftar & buat warung', deskripsi: 'Isi profil warung Anda dalam beberapa menit.', icon: null, warna: null },
	{ tipe: 'step', urutan: 2, judul: 'Catat transaksi harian', deskripsi: 'Setiap jualan dan pengeluaran langsung tercatat.', icon: null, warna: null },
	{ tipe: 'step', urutan: 3, judul: 'Pantau dari laporan', deskripsi: 'Lihat perkembangan usaha kapan saja, di mana saja.', icon: null, warna: null },
	{ tipe: 'stat', urutan: 1, judul: '2 menit', deskripsi: 'Catat penjualan', icon: null, warna: null },
	{ tipe: 'stat', urutan: 2, judul: '1 app', deskripsi: 'Semua kebutuhan', icon: null, warna: null },
	{ tipe: 'stat', urutan: 3, judul: '24/7', deskripsi: 'Akses kapan saja', icon: null, warna: null },
	{ tipe: 'stat', urutan: 4, judul: 'Gratis', deskripsi: 'Mulai tanpa biaya', icon: null, warna: null },
	{
		tipe: 'faq',
		urutan: 1,
		judul: 'Apakah Catatan Warung gratis?',
		deskripsi:
			'Ada paket Free untuk mulai mencatat penjualan. Kalau butuh stok, laporan lengkap, dan fitur lain, bisa upgrade kapan saja.',
		icon: null,
		warna: null
	},
	{
		tipe: 'faq',
		urutan: 2,
		judul: 'Bisa dipakai di HP?',
		deskripsi:
			'Bisa! Tampilan di handphone dirancang nyaman dipakai di warung — tombol besar, mudah dibaca, tidak perlu install aplikasi.',
		icon: null,
		warna: null
	},
	{
		tipe: 'faq',
		urutan: 3,
		judul: 'Perlu install aplikasi?',
		deskripsi: 'Tidak perlu. Cukup buka lewat browser di HP atau laptop, login, dan langsung pakai.',
		icon: null,
		warna: null
	},
	{
		tipe: 'faq',
		urutan: 4,
		judul: 'Data saya aman?',
		deskripsi:
			'Data tersimpan di server dengan login terpisah per akun. Hanya Anda yang bisa akses catatan warung sendiri.',
		icon: null,
		warna: null
	},
	{
		tipe: 'mobile_highlight',
		urutan: 1,
		judul: 'Dashboard ringkas — lihat omzet hari ini',
		deskripsi: null,
		icon: null,
		warna: null
	},
	{
		tipe: 'mobile_highlight',
		urutan: 2,
		judul: 'Menu bawah — navigasi satu jari',
		deskripsi: null,
		icon: null,
		warna: null
	},
	{
		tipe: 'mobile_highlight',
		urutan: 3,
		judul: 'Form cepat — catat jualan dalam detik',
		deskripsi: null,
		icon: null,
		warna: null
	}
];

export const LANDING_KONTEN_GROUPS = [
	{
		id: 'seo',
		label: 'SEO & Brand',
		fields: [
			{ key: 'meta_title', label: 'Judul halaman (tab browser)', type: 'text' as const },
			{ key: 'meta_description', label: 'Meta deskripsi', type: 'textarea' as const },
			{ key: 'brand_name', label: 'Nama brand', type: 'text' as const }
		]
	},
	{
		id: 'hero',
		label: 'Bagian Hero',
		fields: [
			{ key: 'hero_badge', label: 'Badge atas', type: 'text' as const },
			{ key: 'hero_title_before', label: 'Judul (sebelum highlight)', type: 'text' as const },
			{ key: 'hero_title_highlight', label: 'Kata highlight (warna kuning)', type: 'text' as const },
			{ key: 'hero_title_after', label: 'Judul (setelah highlight)', type: 'text' as const },
			{ key: 'hero_subtitle', label: 'Subjudul', type: 'textarea' as const },
			{ key: 'hero_cta_primary', label: 'Tombol utama', type: 'text' as const },
			{ key: 'hero_cta_secondary', label: 'Tombol sekunder', type: 'text' as const },
			{ key: 'hero_trust_1', label: 'Poin kepercayaan 1', type: 'text' as const },
			{ key: 'hero_trust_2', label: 'Poin kepercayaan 2', type: 'text' as const },
			{ key: 'hero_trust_3', label: 'Poin kepercayaan 3', type: 'text' as const }
		]
	},
	{
		id: 'sections',
		label: 'Judul Bagian',
		fields: [
			{ key: 'features_title', label: 'Judul fitur', type: 'text' as const },
			{ key: 'features_subtitle', label: 'Subjudul fitur', type: 'textarea' as const },
			{ key: 'steps_title', label: 'Judul cara pakai', type: 'text' as const },
			{ key: 'steps_subtitle', label: 'Subjudul cara pakai', type: 'text' as const },
			{ key: 'pricing_title', label: 'Judul harga', type: 'text' as const },
			{ key: 'pricing_subtitle', label: 'Subjudul harga', type: 'text' as const },
			{ key: 'mobile_title', label: 'Judul mobile showcase', type: 'text' as const },
			{ key: 'mobile_subtitle', label: 'Subjudul mobile showcase', type: 'textarea' as const },
			{ key: 'faq_title', label: 'Judul FAQ', type: 'text' as const }
		]
	},
	{
		id: 'cta',
		label: 'CTA & Header',
		fields: [
			{ key: 'header_cta', label: 'Tombol header (desktop)', type: 'text' as const },
			{ key: 'cta_title', label: 'Judul CTA bawah', type: 'text' as const },
			{ key: 'cta_subtitle', label: 'Subjudul CTA bawah', type: 'textarea' as const },
			{ key: 'cta_button', label: 'Tombol CTA bawah (desktop)', type: 'text' as const },
			{ key: 'mobile_cta_button', label: 'Tombol CTA tetap (mobile)', type: 'text' as const }
		]
	}
] as const;

export const LANDING_ITEM_TYPES: {
	tipe: LandingItemTipe;
	label: string;
	icon: string;
}[] = [
	{ tipe: 'feature', label: 'Fitur', icon: '✨' },
	{ tipe: 'step', label: 'Langkah Cara Pakai', icon: '👣' },
	{ tipe: 'stat', label: 'Statistik', icon: '📊' },
	{ tipe: 'faq', label: 'FAQ', icon: '❓' },
	{ tipe: 'mobile_highlight', label: 'Highlight Mobile', icon: '📱' }
];
