forked from AkkomaGang/landing-site
63 lines
2.1 KiB
React
63 lines
2.1 KiB
React
|
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>
|
||
|
)
|
||
|
}
|