<script lang="ts">
	import * as Accordion from '$lib/components/ui/accordion/index.js';
	import { metaTitle } from '$lib/stores/metaTitle.svelte';
	$metaTitle.title = 'FAQs';
</script>

<div class="mx-auto my-8 grid max-w-screen-2xl grid-cols-12 gap-12 px-12">
	<div class="col-span-4 flex flex-col gap-2">
		<h1 class="text-4xl font-medium tracking-tight">Frequently Asked Question(s)</h1>
		<p>
			Can’t find the answer you’re looking for? Reach out to our <a
				href="/contact-us"
				class="text-primary">customer support</a
			> team.
		</p>
	</div>
	<div class="col-span-8">
		<Accordion.Root type="single" class="w-full" value="item-1">
			<Accordion.Item value="item-1">
				<Accordion.Trigger>Product Information</Accordion.Trigger>
				<Accordion.Content class="flex flex-col gap-4 text-balance">
					<p>
						Our flagship product combines cutting-edge technology with sleek design. Built with
						premium materials, it offers unparalleled performance and reliability.
					</p>
					<p>
						Key features include advanced processing capabilities, and an intuitive user interface
						designed for both beginners and experts.
					</p>
				</Accordion.Content>
			</Accordion.Item>
			<Accordion.Item value="item-2">
				<Accordion.Trigger>Shipping Details</Accordion.Trigger>
				<Accordion.Content class="flex flex-col gap-4 text-balance">
					<p>
						We offer worldwide shipping through trusted courier partners. Standard delivery takes
						3-5 business days, while express shipping ensures delivery within 1-2 business days.
					</p>
					<p>
						All orders are carefully packaged and fully insured. Track your shipment in real-time
						through our dedicated tracking portal.
					</p>
				</Accordion.Content>
			</Accordion.Item>
			<Accordion.Item value="item-3">
				<Accordion.Trigger>Return Policy</Accordion.Trigger>
				<Accordion.Content class="flex flex-col gap-4 text-balance">
					<p>
						We stand behind our products with a comprehensive 30-day return policy. If you&apos;re
						not completely satisfied, simply return the item in its original condition.
					</p>
					<p>
						Our hassle-free return process includes free return shipping and full refunds processed
						within 48 hours of receiving the returned item.
					</p>
				</Accordion.Content>
			</Accordion.Item>
		</Accordion.Root>
	</div>
</div>
