add CTA component to home page, update News with real content and hover effects, adjust Faqs and Quote padding, and add news images
This commit is contained in:
@@ -13,6 +13,7 @@ import { Ventures } from '@/components/home/Ventures'
|
||||
import { Foundation } from '@/components/home/Foundation'
|
||||
import { Team } from '@/components/home/Team'
|
||||
import { News } from '@/components/home/News'
|
||||
import { CTA } from '@/components/home/CTA'
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
@@ -49,7 +50,7 @@ export default function Home() {
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={500}>
|
||||
<CallToAction />
|
||||
<CTA />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={600}>
|
||||
|
||||
@@ -2,6 +2,7 @@ import Image from 'next/image'
|
||||
|
||||
import { Container } from '@/components/Container'
|
||||
import backgroundImage from '@/images/background-faqs.jpg'
|
||||
import { H2, PS } from '@/components/UI/Texts'
|
||||
|
||||
const faqs = [
|
||||
[
|
||||
@@ -64,21 +65,21 @@ export function Faqs() {
|
||||
<section
|
||||
id="faq"
|
||||
aria-labelledby="faq-title"
|
||||
className="relative overflow-hidden bg-slate-50 py-20 sm:py-32"
|
||||
className="relative overflow-hidden bg-transparent pt-12 pb-20"
|
||||
>
|
||||
|
||||
<Container className="relative">
|
||||
<div className="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2
|
||||
<H2
|
||||
id="faq-title"
|
||||
className=" text-slate-900 h2-default"
|
||||
className=" "
|
||||
>
|
||||
Frequently Asked Questions
|
||||
</h2>
|
||||
<p className="mt-4 text-lg tracking-tight text-slate-700">
|
||||
</H2>
|
||||
<PS className="mt-6 ">
|
||||
If you can’t find what you’re looking for, email our support team
|
||||
and someone will get back to you.
|
||||
</p>
|
||||
</PS>
|
||||
</div>
|
||||
<ul
|
||||
role="list"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export function Quote() {
|
||||
return (
|
||||
<section className="relative isolate overflow-hidden bg-transparent px-6 py-24 lg:px-8">
|
||||
<section className="relative isolate overflow-hidden bg-transparent px-6 py-12 lg:px-8">
|
||||
<div className="mx-auto max-w-2xl lg:max-w-5xl">
|
||||
<img
|
||||
alt=""
|
||||
|
||||
55
src/components/home/CTA.tsx
Normal file
55
src/components/home/CTA.tsx
Normal file
@@ -0,0 +1,55 @@
|
||||
import { H3, PS } from "../UI/Texts"
|
||||
|
||||
export function CTA() {
|
||||
return (
|
||||
<div className="bg-transparent py-20">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="grid grid-cols-1 gap-8 md:grid-cols-2">
|
||||
|
||||
{/* Founders */}
|
||||
<a
|
||||
href="#founders"
|
||||
className="group block rounded-xl border border-green-600 p-10 transition-all duration-300 hover:scale-[1.02]"
|
||||
>
|
||||
<div className="flex items-center gap-2 text-lg font-medium text-void">
|
||||
For Founders
|
||||
<span className="transition-transform group-hover:translate-x-1">
|
||||
→
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<H3 className="mt-6 text-void">
|
||||
Join us to build with a team that supports you as a whole human, not just a CEO.
|
||||
</H3>
|
||||
|
||||
<PS className="mt-6 text-void">
|
||||
Whether you’re validating an idea or scaling a venture, we back your vision and walk the journey with you.
|
||||
</PS>
|
||||
</a>
|
||||
|
||||
{/* Investors */}
|
||||
<a
|
||||
href="#investors"
|
||||
className="group block rounded-xl border border-green-600 p-10 transition-all duration-300 hover:scale-[1.02]"
|
||||
>
|
||||
<div className="flex items-center gap-2 text-lg font-medium text-void">
|
||||
For Investors
|
||||
<span className="transition-transform group-hover:translate-x-1">
|
||||
→
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<H3 className="mt-6 text-void">
|
||||
Partner with us to invest in ventures that create real and resilient digital infrastructure.
|
||||
</H3>
|
||||
|
||||
<PS className="mt-6 text-void">
|
||||
Together, we can fund the technologies that will define the next era of digital independence and innovation.
|
||||
</PS>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -3,72 +3,69 @@ import { H2 } from "../UI/Texts"
|
||||
|
||||
const posts = [
|
||||
{
|
||||
id: 1,
|
||||
title: 'Boost your conversion rate',
|
||||
id: 'depin_summit_recap',
|
||||
title: 'From Vision to Reality: DePIN Comes Alive in East Africa',
|
||||
href: '#',
|
||||
description:
|
||||
'Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.',
|
||||
imageUrl:
|
||||
'https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80',
|
||||
date: 'Mar 16, 2020',
|
||||
datetime: '2020-03-16',
|
||||
'A powerful week of community, collaboration, and real-world impact as decentralized infrastructure takes root in East Africa.',
|
||||
imageUrl: '/images/news/depin_summit_recap.jpg',
|
||||
date: 'July 11, 2025',
|
||||
datetime: '2025-07-11',
|
||||
author: {
|
||||
name: 'Michael Foster',
|
||||
imageUrl:
|
||||
'https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
|
||||
name: 'Sam Taggart',
|
||||
imageUrl: '/images/home/sam_taggart.jpg',
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: 'How to use search engine optimization to drive sales',
|
||||
href: '#',
|
||||
description: 'Optio cum necessitatibus dolor voluptatum provident commodi et. Qui aperiam fugiat nemo cumque.',
|
||||
imageUrl:
|
||||
'https://images.unsplash.com/photo-1547586696-ea22b4d4235d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3270&q=80',
|
||||
date: 'Mar 10, 2020',
|
||||
datetime: '2020-03-10',
|
||||
author: {
|
||||
name: 'Lindsay Walton',
|
||||
imageUrl:
|
||||
'https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: 'Improve your customer experience',
|
||||
id: 'africa_regen_summit_ii',
|
||||
title:
|
||||
'Reflecting on Africa Regenerative Futures Summits : Shaping a better digital future in Africa',
|
||||
href: '#',
|
||||
description:
|
||||
'Cupiditate maiores ullam eveniet adipisci in doloribus nulla minus. Voluptas iusto libero adipisci rem et corporis.',
|
||||
imageUrl:
|
||||
'https://images.unsplash.com/photo-1492724441997-5dc865305da7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3270&q=80',
|
||||
date: 'Feb 12, 2020',
|
||||
datetime: '2020-02-12',
|
||||
'In 2023, we had the pleasure of hosting two summits in Zanzibar – read about the key outcomes and how they are shaping a better digital future in Africa.',
|
||||
imageUrl: '/images/news/africa_regen_summit_ii.jpg',
|
||||
date: 'November 21, 2023',
|
||||
datetime: '2023-11-21',
|
||||
author: {
|
||||
name: 'Tom Cook',
|
||||
name: 'Sam Taggart',
|
||||
imageUrl:
|
||||
'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'transformative_impact_summit',
|
||||
title: 'Creating Transformative Impact',
|
||||
href: '#',
|
||||
description:
|
||||
'Learn about the Transformative Impact Summit, held June 7–9 in Zanzibar, and how ThreeFold participated.',
|
||||
imageUrl: '/images/news/transformative_impact_summit.jpeg',
|
||||
date: 'June 14, 2024',
|
||||
datetime: '2024-06-14',
|
||||
author: {
|
||||
name: 'Sam Taggart',
|
||||
imageUrl: '/images/home/sam_taggart.jpg',
|
||||
},
|
||||
},
|
||||
]
|
||||
|
||||
export function News() {
|
||||
return (
|
||||
<div className="bg-transparent py-24">
|
||||
<div className="bg-transparent py-16">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="max-w-2xl text-left">
|
||||
<H2 className="text-void">
|
||||
News & Updates
|
||||
</H2>
|
||||
</div>
|
||||
<div className="mx-auto grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 sm:mt-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
<div className="mx-auto grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 mt-12 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
{posts.map((post) => (
|
||||
<article
|
||||
key={post.id}
|
||||
className="relative isolate flex flex-col justify-end overflow-hidden rounded-lg bg-gray-900 px-8 pb-8 aspect-[4/3]"
|
||||
className="group relative isolate flex flex-col justify-end overflow-hidden rounded-lg bg-gray-900 px-8 pb-8 aspect-[4/3] transition-transform duration-200 hover:-translate-y-1 hover:shadow-xl"
|
||||
>
|
||||
<img alt="" src={post.imageUrl} className="absolute inset-0 -z-10 size-full object-cover" />
|
||||
<div className="absolute inset-0 -z-10 bg-linear-to-t from-gray-900 via-gray-900/40" />
|
||||
<div className="absolute inset-0 -z-10 rounded-2xl inset-ring inset-ring-gray-900/10" />
|
||||
<div className="absolute inset-0 -z-10 rounded-2xl inset-ring inset-ring-gray-900/10 group-hover:inset-ring-gray-100/20" />
|
||||
|
||||
<div className="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm/6 text-gray-300">
|
||||
<time dateTime={post.datetime} className="mr-8">
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 559 KiB |
@@ -0,0 +1,27 @@
|
||||
---
|
||||
id: africa_regen_summit_ii
|
||||
title: "Reflecting on Africa Regenerative Futures Summits : Shaping a better digital future in Africa"
|
||||
image_caption: Africa Regen II
|
||||
description: In 2023, we had the pleasure of hosting two summits in Zanzibar – Read about the key outcomes.
|
||||
date: 2023-11-21
|
||||
taxonomies:
|
||||
people: [sam_taggart]
|
||||
tags: [community, event, collaboration, why]
|
||||
categories: [community, event, collaboration, why]
|
||||
extra:
|
||||
imgPath: africa_future_summit1.png
|
||||
---
|
||||
|
||||
In 2023, we had the pleasure of hosting two summits in Zanzibar – one in July and another in [November](https://www.threefold.io/newsroom/africa-regen-ii/), named the Africa Regenerative Future Summit. These events brought together leading innovators and investors committed to advancing human flourishing, with a specific emphasis on science and technology shaping the trajectory of Africa's future.
|
||||
|
||||
<br>
|
||||
|
||||
During the inaugural summit in July, Zanzibar's President, Dr. Hussein Mwinyi, honored us with his presence. In a formal declaration, he publicly expressed the government's dedication to establishing a digital free zone, a locally-owned Internet infrastructure, and an incubator to support young local innovators – all in collaboration with ThreeFold – and their commitment to the ICT sector as a whole.
|
||||
|
||||
<br>
|
||||
|
||||
The second summit saw the birth of Dunia Yetu (meaning "Our World" in Swahili), a collaborative movement forged in partnership with a cohort of tech developers and innovators from Dar Es Salaam. This initiative is driven by a shared commitment to reshape the digital landscape in Tanzania and Africa. Its goals include empowering coders, fostering economic development, and constructing a sovereign, autonomous digital ecosystem for a more promising digital future.
|
||||
|
||||
<br>
|
||||
|
||||
Looking ahead to 2024, our vision includes a continued series of gatherings focused on OurWorld, ThreeFold, and other projects and individuals prioritizing a planet-first, people-first approach to support Tanzania and the broader African continent.
|
||||
@@ -0,0 +1,100 @@
|
||||
---
|
||||
id: transformative_impact_summit
|
||||
title: Creating Transformative Impact
|
||||
image_caption: Transformative Impact Summit
|
||||
description: Learn about the Transformative Impact Summit, held June 7 - 9 in Zanzibar, and how ThreeFold participated.
|
||||
date: 2024-06-14
|
||||
taxonomies:
|
||||
people: [sam_taggart]
|
||||
tags: [community]
|
||||
categories: [community]
|
||||
extra:
|
||||
imgPath: creating_tranformative1.png
|
||||
---
|
||||
|
||||
*“By bringing together those dedicating their lives to making the world a better place, and empowering them with exposure, support, connection, and funding, we not only celebrate transformative impact, we create it.”*
|
||||
|
||||
<br/>
|
||||
|
||||
Held this June 7 - 9 in Zanzibar, Tanzania, the [Transformative Impact Summit](https://www.transformativeimpactsummit.com/p/2024) convened with this important focus, attracting an audience of people from around the world working across the entire impact ecosystem, along with students from local IT universities, and government officials from Zanzibar.
|
||||
|
||||
<br/>
|
||||
|
||||
A [jam-packed three-day schedule of focused talks](https://www.catalist.network/1-column-agenda/tis-africa-24) gave essential background and context to the incredible group of participants and their initiatives. Different tracks for the summit included Financial Innovation, Regenerative Finance, Regenerative Agriculture and Food, along with health and social connection, and AI, Web3, and Tech for Good.
|
||||
|
||||
<br/>
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
The diverse array of speakers and topics included:
|
||||
|
||||
<br/>
|
||||
|
||||
- Kristof, Florian, and Greg from the ThreeFold team (more on this below)
|
||||
- Matthew Schutte, co-founder of [HoloChain](https://holochain.org), who talked about HoloChain and their perspective on application development
|
||||
- Omrei Abumadi, founder of [VVerse](https://www.vverse.co/) (a ThreeFold & OurWorld collaborator), who discussed the metaverse and showcased a virtual environment built just for the event
|
||||
- Victor Muhagachi and David Machuche, co-founders of [Chatafisha](https://chatafisha.com/) and [Dunia Yetu](https://forum.threefold.io/t/introducing-dunia-yetu/4147) collaborators, who spoke about how FinTech can empower Africa’s waste pickers
|
||||
- Dr. Cornelia Wallner-Frisee, co-founder of [Africa Amini Life](https://www.africaaminilife.com/en), who presented “Education is Our Strongest Medicine”
|
||||
- El Fuego Mutaz, Head of Africa at [Refunite](https://refunite.org/), a tech non-profit that uses technology and innovation to provide humanitarian assistance, who spoke about how technology can reconnect families, as well as reshaping the future of aid with local community leadership
|
||||
|
||||
<br/>
|
||||
|
||||
Partnerships were forged, friendships were formed, and at least one project received some funding – other outcomes remain to be seen, as it has only been a few days since the summit ended.
|
||||
|
||||
### **Why Zanzibar? Why Now?**
|
||||
|
||||
Last April, some of the ThreeFold team attended Zuzalu, a two-month “pop-up city” co-created by Vitalik Buterin, who was inspired in part by the idea of network states and wanting to simulate new ways of living together.
|
||||
|
||||
<br/>
|
||||
|
||||
During those weeks, we had the opportunity to engage with a wide variety of interesting and innovative organizations and individuals. It was an amalgamation of people from around the world, some there for Web3, some for longevity, others network states, and many with a focus on impact.
|
||||
|
||||
<br/>
|
||||
|
||||
One person we really connected and aligned with was Elliott Bayev of [Global Unity](https://www.globalunity.org/), who has since become a dear friend of our project. Elliott is a super-connector, weaver of people and concepts, and storyteller – on a mission to unite humanity and empower global cooperation. At the time, he was in the midst of planning for the first Transformative Impact Summit, which was held last fall in New York City during UN Climate Week.
|
||||
|
||||
<br/>
|
||||
|
||||
While at Zuzalu, with Elliott and others, we often talked about the noticeably low presence of attendees from certain regions, specifically Africa. Visa restrictions and sometimes lack of resources made it difficult for this audience to attend. This seemed unfair, to say the least, and did not allow for these important voices to be heard.
|
||||
|
||||
<br/>
|
||||
|
||||
What resulted was a commitment to do our part in bringing these types of conversations to the African continent. ThreeFold partnered with Niklas Anzinger to create the [Africa Regenerative Cities Summit](https://lu.ma/zanzibar_regen) last July and did a follow-up event last November. We’ve hosted and participated in other smaller events in Zanzibar and nearby Dar Es Salaam. Now, Elliott has brought the second Transformative Impact Summit to Zanzibar. (And we'd be remiss not to mention the team who put together and hosted [Zanzalu](https://zanzalu.super.site/), a direct spin-off / extension of last year’s Zuzalu.)
|
||||
|
||||
### **ThreeFold at Transformative Impact Summit**
|
||||
|
||||
ThreeFold was honored to present on a few different occasions throughout the summit and had the pleasure of hosting two evening events for speakers and attendees.
|
||||
|
||||
<br/>
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
On the first day of the summit, our co-founder Kristof De Spiegeleer spoke on the topic of Public Private Partnerships being a model that can change Africa, and on Saturday he spoke on a panel about uplifting Africa with technology and more specifically about ThreeFold, OurWorld, and the OurWorld Digital Free Zone project.
|
||||
|
||||
<br/>
|
||||
|
||||
In addition, ThreeFold ecosystem developer Florian Fournier spoke on the topic of crafting a conscious society for our world on the second day. And Gregory Flipo, co-founder of Sikana and ecosystem developer for ThreeFold presented on educational video content on a global scale. Crucially, all three were clear in communicating that new decentralized and sovereign infrastructure and systems are key to enabling truly transformative impact.
|
||||
|
||||
<br/>
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
While the talks throughout the summit inspired and gave context, much of the magic happened in the evening gatherings or even now after the summit has ended, where we have been able to connect more one-on-one to explore ways of collaboration with some of the attendees and speakers.
|
||||
|
||||
### **What’s Next?**
|
||||
|
||||
Elliott and Global Unity continue their efforts to connect and empower individuals and organizations dedicating their lives to making the world a better place, with a strong commitment to Africa and its people. Their next event will be the annual Transformative Impact Summit in NYC during Climate Week, September 27-29.
|
||||
|
||||
<br/>
|
||||
|
||||
We, the ThreeFold team, will continue to collaborate with Elliott and his team, finding opportunities to support each other – and as active participants in the Global Unity / Transformative Impact network, we see many possibilities unfolding.
|
||||
|
||||
<br/>
|
||||
|
||||
Primarily, impact projects need responsible digital infrastructure. ThreeFold could be a perfect choice for the impact space and we are eager to collaborate.
|
||||
Reference in New Issue
Block a user