37 lines
1.4 KiB
React
37 lines
1.4 KiB
React
|
const faqs = [
|
|||
|
|
{
|
|||
|
|
id: 1,
|
|||
|
|
question: "What's the best thing about Switzerland?",
|
|||
|
|
answer:
|
|||
|
|
"I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.",
|
|||
|
|
},
|
|||
|
|
// More questions...
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
export default function Example() {
|
|||
|
|
return (
|
|||
|
|
<div className="bg-white">
|
|||
|
|
<div className="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">
|
|||
|
|
<h2 className="text-2xl font-bold leading-10 tracking-tight text-gray-900">Frequently asked questions</h2>
|
|||
|
|
<p className="mt-6 max-w-2xl text-base leading-7 text-gray-600">
|
|||
|
|
Have a different question and can’t find the answer you’re looking for? Reach out to our support team by{' '}
|
|||
|
|
<a href="#" className="font-semibold text-indigo-600 hover:text-indigo-500">
|
|||
|
|
sending us an email
|
|||
|
|
</a>{' '}
|
|||
|
|
and we’ll get back to you as soon as we can.
|
|||
|
|
</p>
|
|||
|
|
<div className="mt-20">
|
|||
|
|
<dl className="space-y-16 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-16 sm:space-y-0 lg:grid-cols-3 lg:gap-x-10">
|
|||
|
|
{faqs.map((faq) => (
|
|||
|
|
<div key={faq.id}>
|
|||
|
|
<dt className="text-base font-semibold leading-7 text-gray-900">{faq.question}</dt>
|
|||
|
|
<dd className="mt-2 text-base leading-7 text-gray-600">{faq.answer}</dd>
|
|||
|
|
</div>
|
|||
|
|
))}
|
|||
|
|
</dl>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|