106 lines
3.7 KiB
TypeScript
106 lines
3.7 KiB
TypeScript
import Image from 'next/image'
|
||
|
||
import { Container } from '@/components/Container'
|
||
import backgroundImage from '@/images/background-faqs.jpg'
|
||
|
||
const faqs = [
|
||
[
|
||
{
|
||
question: 'What is OurWorld?',
|
||
answer:
|
||
'OurWorld is a venture creator focused on building decentralized digital infrastructure for a more sovereign, inclusive, and regenerative future.',
|
||
},
|
||
{
|
||
question: 'Who is OurWorld for?',
|
||
answer:
|
||
'We collaborate with entrepreneurs, investors, governments, and changemakers who want to build systems beyond Big Tech and traditional finance.',
|
||
},
|
||
{
|
||
question: 'How does OurWorld support ventures?',
|
||
answer:
|
||
'We co-create projects by providing capital, strategy, governance, technical infrastructure, and access to a global network of collaborators.',
|
||
},
|
||
],
|
||
[
|
||
{
|
||
question: 'What projects are in the OurWorld ecosystem?',
|
||
answer:
|
||
'Our portfolio includes community driven co-owned cloud (Project Mycelium), Tier S and H datacenters (Geomind), digital jurisdictions (Free Zone), and open education (Sikana).',
|
||
},
|
||
{
|
||
question: 'Where does OurWorld operate?',
|
||
answer:
|
||
'We’re active in strategic hubs like Mauritius, Zanzibar, UAE, Egypt, Belgium, and expanding across Europe, Africa, and the Middle East.',
|
||
},
|
||
{
|
||
question: 'Is this a blockchain company?',
|
||
answer:
|
||
'We use blockchain when it’s useful, but OurWorld is much broader—it’s about real-world infrastructure and long-term systemic change.',
|
||
},
|
||
],
|
||
[
|
||
{
|
||
question: 'How can I get involved with OurWorld?',
|
||
answer:
|
||
'Whether you’re a founder, funder, builder or policymaker—if you resonate with our mission, reach out to start a conversation.',
|
||
},
|
||
{
|
||
question: 'What is the Digital Free Zone?',
|
||
answer:
|
||
'It’s a sovereign digital jurisdiction with streamlined digital business operations, enabling remote company creation, borderless commerce, and flexible digital residency.',
|
||
},
|
||
{
|
||
question: 'Where can I learn more or contact the team?',
|
||
answer:
|
||
'Visit www.ourworld.tf or email us at info@ourworld.tf to explore opportunities and collaborations. Visit www.ourworld.tf/ventures to see our current initiatives.',
|
||
},
|
||
],
|
||
]
|
||
|
||
|
||
|
||
export function Faqs() {
|
||
return (
|
||
<section
|
||
id="faq"
|
||
aria-labelledby="faq-title"
|
||
className="relative overflow-hidden bg-slate-50 py-20 sm:py-32"
|
||
>
|
||
|
||
<Container className="relative">
|
||
<div className="mx-auto max-w-2xl lg:mx-0">
|
||
<h2
|
||
id="faq-title"
|
||
className=" text-slate-900 h2-default"
|
||
>
|
||
Frequently Asked Questions
|
||
</h2>
|
||
<p className="mt-4 text-lg tracking-tight text-slate-700">
|
||
If you can’t find what you’re looking for, email our support team
|
||
and someone will get back to you.
|
||
</p>
|
||
</div>
|
||
<ul
|
||
role="list"
|
||
className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-8 lg:max-w-none lg:grid-cols-3"
|
||
>
|
||
{faqs.map((column, columnIndex) => (
|
||
<li key={columnIndex}>
|
||
<ul role="list" className="flex flex-col gap-y-8">
|
||
{column.map((faq, faqIndex) => (
|
||
<li key={faqIndex}>
|
||
<h3 className="font-display text-lg/7 text-slate-900">
|
||
{faq.question}
|
||
</h3>
|
||
<p className="mt-4 text-sm text-slate-700">{faq.answer}</p>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</Container>
|
||
</section>
|
||
)
|
||
}
|