landing-site/src/components/Faqs.jsx
2022-11-07 17:12:00 +00:00

63 lines
2.1 KiB
JavaScript

import Link from 'next/link'
import { Container } from '@/components/Container'
const faqs = [
[
{
question: 'What is an \'instance\'?',
answer:
'An instance is one server running some fediverse software. It forms a network with all other instances, to create a social network'
},
{
question: 'Why did you fork from Pleroma?',
answer:
'Long story. Boils down to not having faith that pleroma dev will ever recover. A longer-form explanation is available at https://coffee-and-dreams.uk/development/2022/06/24/akkoma.html',
},
]
]
export function Faqs() {
return (
<section
id="faqs"
aria-labelledby="faqs-title"
className="border-t border-gray-200 py-20 sm:py-32"
>
<Container>
<div className="mx-auto max-w-2xl lg:mx-0">
<h2
id="faqs-title"
className="text-3xl font-medium tracking-tight text-gray-900"
>
Frequently asked questions
</h2>
<p className="mt-2 text-lg text-gray-600">
If you have anything else you want to ask, hop on the IRC at <span className={"font-mono"}>ircs://irc.akkoma.dev:6697</span>,
or raise an issue on <Link className="text-blue-600" href={"https://akkoma.dev/AkkomaGang/akkoma"}>the gitea</Link>!
</p>
</div>
<ul
role="list"
className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-8 sm:mt-20 lg:max-w-none lg:grid-cols-3"
>
{faqs.map((column, columnIndex) => (
<li key={columnIndex}>
<ul role="list" className="space-y-10">
{column.map((faq, faqIndex) => (
<li key={faqIndex}>
<h3 className="text-lg font-semibold leading-6 text-gray-900">
{faq.question}
</h3>
<p className="mt-4 text-sm text-gray-700">{faq.answer}</p>
</li>
))}
</ul>
</li>
))}
</ul>
</Container>
</section>
)
}