jeffemmett
/
crypto-commons-website-2.0
mirror of https://github.com/Jeff-Emmett/crypto-commons-website-2.0.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add new files 

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
v0 2025-11-27 20:22:20 +00:00
parent 05a4a0ae53
commit 540f6599d3
17 changed files with 308 additions and 201 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
app/membership/page.tsx Normal file
View File

@ -0,0 +1,105 @@
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { ExternalLink } from "lucide-react"
import { Card, CardContent } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import Image from "next/image"
export default function MembershipPage() {
return (
<main className="min-h-screen">
<Header />
<div className="pt-20">
{/* Hero Section */}
<section className="bg-muted py-20">
<div className="container mx-auto px-4">
<h1 className="text-4xl md:text-5xl font-bold mb-6">CCA Membership in Bread Cooperative</h1>
<p className="text-xl text-muted-foreground max-w-3xl">
Understanding our cooperative membership and shared values
</p>
</div>
</section>
{/* Main Content */}
<section className="py-16">
<div className="container mx-auto px-4 max-w-4xl">
<Card className="mb-8">
<CardContent className="p-8">
<div className="flex flex-col md:flex-row gap-8 items-start mb-8">
<Image
src="/images/breadcoop-logo.svg"
alt="BreadCoop Logo"
width={150}
height={150}
className="object-contain"
/>
<div>
<h2 className="text-3xl font-bold mb-4">About Bread Cooperative</h2>
<p className="text-muted-foreground mb-4">
BreadCoop is a worker-owned cooperative that operates on principles of democratic ownership and
equitable distribution. As a cooperative, BreadCoop embodies the values of collective stewardship
and shared governance that align closely with the mission of the Crypto Commons Association.
</p>
</div>
</div>
<div className="space-y-6">
<div>
<h3 className="text-2xl font-semibold mb-3">Our Membership</h3>
<p className="text-muted-foreground">
The Crypto Commons Association is a proud member of Bread Cooperative. This membership represents
a natural alignment between traditional cooperative economics and emerging blockchain-based
commons governance models. Through this membership, we participate in a network of organizations
committed to building alternative economic systems based on cooperation rather than extraction.
</p>
</div>
<div>
<h3 className="text-2xl font-semibold mb-3">Shared Values</h3>
<p className="text-muted-foreground mb-4">
BreadCoop's cooperative model demonstrates how organizations can be structured to prioritize
member wellbeing and collective decision-making over extractive profit models. These principles
resonate deeply with our work on digital commons:
</p>
<ul className="list-disc list-inside space-y-2 text-muted-foreground ml-4">
<li>Democratic governance and shared decision-making</li>
<li>Equitable distribution of resources and value</li>
<li>Collective ownership and stewardship</li>
<li>Commitment to community wellbeing over individual profit</li>
<li>Transparency and accountability in operations</li>
</ul>
</div>
<div>
<h3 className="text-2xl font-semibold mb-3">Supporting Our Mission</h3>
<p className="text-muted-foreground">
Bread Cooperative has generously supported the CCA with a $10,000 contribution, helping advance
research and development of digital commons infrastructure. This support enables more cooperative,
community-driven economic systems and shows how digital tools can amplify and extend proven
cooperative principles into the blockchain space.
</p>
</div>
<div className="pt-4">
<Button asChild variant="default" size="lg">
<a
href="https://bread.coop"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2"
>
Learn More About BreadCoop
<ExternalLink className="h-4 w-4" />
</a>
</Button>
</div>
</div>
</CardContent>
</Card>
</div>
</section>
</div>
<Footer />
</main>
)
}

234
app/research/page.tsx
View File

@ -1,145 +1,151 @@
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { ExternalLink } from "lucide-react" import { ExternalLink } from "lucide-react"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
export default function ResearchPage() { export default function ResearchPage() {
return ( return (
<div className="min-h-screen bg-background"> <main className="min-h-screen">
{/* Hero Section */} <Header />
<section className="bg-muted py-20"> <div className="pt-20">
<div className="container mx-auto px-4"> {/* Hero Section */}
<h1 className="text-4xl md:text-5xl font-bold mb-6">Research & Publications</h1> <section className="bg-muted py-20">
<p className="text-xl text-muted-foreground max-w-3xl"> <div className="container mx-auto px-4">
Academic work and publications by CCA members exploring the intersection of blockchain technology, <h1 className="text-4xl md:text-5xl font-bold mb-6">Research & Publications</h1>
commons-based governance, and digital public goods. <p className="text-xl text-muted-foreground max-w-3xl">
</p> Academic work and publications by CCA members exploring the intersection of blockchain technology,
</div> commons-based governance, and digital public goods.
</section> </p>
</div>
</section>
{/* Publications Section */} {/* Publications Section */}
<section className="py-16"> <section className="py-16">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<h2 className="text-3xl font-bold mb-8">Featured Publications</h2> <h2 className="text-3xl font-bold mb-8">Featured Publications</h2>
<div className="space-y-8">
{/* Publication 1 */}
<Card>
<CardHeader>
<CardTitle className="text-2xl">Challenges and Approaches to Scaling the Global Commons</CardTitle>
<CardDescription className="text-base mt-2">
<span className="font-semibold">Authors:</span> Felix Fritsch, Jeff Emmett, Emaline Friedman, Rok
Kranjc, Sarah Manski, Michael Zargham, Michel Bauwens
</CardDescription>
<CardDescription className="text-sm">
Published in <em>Frontiers in Blockchain</em> • April 2021
</CardDescription>
</CardHeader>
<CardContent>
<p className="text-muted-foreground mb-4">
This paper explores the challenges of scaling commons-based approaches in the digital age, examining
how blockchain technology and tokenomics can support sustainable commons governance at global
scales. The authors analyze various models for coordinating distributed communities and aligning
incentives toward collective goals.
</p>
<Button asChild variant="outline">
<a
href="https://www.frontiersin.org/journals/blockchain/articles/10.3389/fbloc.2021.578721/full"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2"
>
Read Full Paper
<ExternalLink className="h-4 w-4" />
</a>
</Button>
</CardContent>
</Card>
{/* Publication 2 */}
<Card>
<CardHeader>
<CardTitle className="text-2xl">
The Commons Stack: Realigning Incentives Towards Public Goods
</CardTitle>
<CardDescription className="text-base mt-2">
<span className="font-semibold">Case Study</span>
</CardDescription>
<CardDescription className="text-sm">Published on ResearchGate • December 2020</CardDescription>
</CardHeader>
<CardContent>
<p className="text-muted-foreground mb-4">
This case study examines the Commons Stack, an open-source toolkit for creating token-based
economies that fund and support public goods. It explores how new coordination mechanisms can
realign incentives to promote sustainable funding for commons-oriented projects and communities.
</p>
<Button asChild variant="outline">
<a
href="https://www.researchgate.net/publication/347390484_The_Commons_Stack_Realigning_Incentives_Towards_Public_Goods_Case_Study"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2"
>
Read Full Paper
<ExternalLink className="h-4 w-4" />
</a>
</Button>
</CardContent>
</Card>
</div>
</div>
</section>
{/* Featured Resources Section */}
<section className="py-16 bg-muted">
<div className="container mx-auto px-4">
<h2 className="text-3xl font-bold mb-8">Featured Resources</h2>
<div className="space-y-8">
{/* Publication 1 */}
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle className="text-2xl">Challenges and Approaches to Scaling the Global Commons</CardTitle> <CardTitle className="text-2xl">Commons Economy Roadmap</CardTitle>
<CardDescription className="text-base mt-2"> <CardDescription className="text-base mt-2">
<span className="font-semibold">Authors:</span> Felix Fritsch, Jeff Emmett, Emaline Friedman, Rok <span className="font-semibold">By:</span> Giulio Quarta
Kranjc, Sarah Manski, Michael Zargham, Michel Bauwens
</CardDescription>
<CardDescription className="text-sm">
Published in <em>Frontiers in Blockchain</em> • April 2021
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<p className="text-muted-foreground mb-4"> <p className="text-muted-foreground mb-4">
This paper explores the challenges of scaling commons-based approaches in the digital age, examining A comprehensive roadmap exploring the development and implementation of commons-based economic
how blockchain technology and tokenomics can support sustainable commons governance at global scales. systems. This resource maps out pathways for building regenerative economies that prioritize
The authors analyze various models for coordinating distributed communities and aligning incentives collective stewardship and shared value creation.
toward collective goals.
</p> </p>
<Button asChild variant="outline"> <Button asChild variant="outline">
<a <a
href="https://www.frontiersin.org/journals/blockchain/articles/10.3389/fbloc.2021.578721/full" href="https://www.commonseconomy.org/Featured-Projects-188ed0a0ef2080e184acd594f332093f"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="inline-flex items-center gap-2" className="inline-flex items-center gap-2"
> >
Read Full Paper View Roadmap
<ExternalLink className="h-4 w-4" />
</a>
</Button>
</CardContent>
</Card>
{/* Publication 2 */}
<Card>
<CardHeader>
<CardTitle className="text-2xl">
The Commons Stack: Realigning Incentives Towards Public Goods
</CardTitle>
<CardDescription className="text-base mt-2">
<span className="font-semibold">Case Study</span>
</CardDescription>
<CardDescription className="text-sm">Published on ResearchGate • December 2020</CardDescription>
</CardHeader>
<CardContent>
<p className="text-muted-foreground mb-4">
This case study examines the Commons Stack, an open-source toolkit for creating token-based economies
that fund and support public goods. It explores how new coordination mechanisms can realign incentives
to promote sustainable funding for commons-oriented projects and communities.
</p>
<Button asChild variant="outline">
<a
href="https://www.researchgate.net/publication/347390484_The_Commons_Stack_Realigning_Incentives_Towards_Public_Goods_Case_Study"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2"
>
Read Full Paper
<ExternalLink className="h-4 w-4" /> <ExternalLink className="h-4 w-4" />
</a> </a>
</Button> </Button>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>
</div> </section>
</section>
{/* Featured Resources Section */} {/* Call to Action */}
<section className="py-16 bg-muted"> <section className="py-16">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<h2 className="text-3xl font-bold mb-8">Featured Resources</h2> <Card className="bg-primary text-primary-foreground">
<CardContent className="p-8 text-center">
<Card> <h2 className="text-3xl font-bold mb-4">Contribute to Our Research</h2>
<CardHeader> <p className="text-lg mb-6 max-w-2xl mx-auto">
<CardTitle className="text-2xl">Commons Economy Roadmap</CardTitle> Are you working on research related to blockchain commons, tokenomics, or decentralized governance?
<CardDescription className="text-base mt-2"> We'd love to feature your work.
<span className="font-semibold">By:</span> Giulio Quarta </p>
</CardDescription> <Button asChild variant="secondary" size="lg">
</CardHeader> <a href="/#contact">Get in Touch</a>
<CardContent> </Button>
<p className="text-muted-foreground mb-4"> </CardContent>
A comprehensive roadmap exploring the development and implementation of commons-based economic systems. </Card>
This resource maps out pathways for building regenerative economies that prioritize collective </div>
stewardship and shared value creation. </section>
</p> </div>
<Button asChild variant="outline"> <Footer />
<a </main>
href="https://www.commonseconomy.org/Featured-Projects-188ed0a0ef2080e184acd594f332093f"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2"
>
View Roadmap
<ExternalLink className="h-4 w-4" />
</a>
</Button>
</CardContent>
</Card>
</div>
</section>
{/* Call to Action */}
<section className="py-16">
<div className="container mx-auto px-4">
<Card className="bg-primary text-primary-foreground">
<CardContent className="p-8 text-center">
<h2 className="text-3xl font-bold mb-4">Contribute to Our Research</h2>
<p className="text-lg mb-6 max-w-2xl mx-auto">
Are you working on research related to blockchain commons, tokenomics, or decentralized governance? We'd
love to feature your work.
</p>
<Button asChild variant="secondary" size="lg">
<a href="/#contact">Get in Touch</a>
</Button>
</CardContent>
</Card>
</div>
</section>
</div>
) )
} }

156
app/sponsors/page.tsx
View File

@ -1,95 +1,83 @@
import { ExternalLink } from "lucide-react" import { Header } from "@/components/header"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Footer } from "@/components/footer"
import { Card, CardContent } from "@/components/ui/card"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import Image from "next/image" import Image from "next/image"
export default function SponsorsPage() { export default function SponsorsPage() {
return ( return (
<div className="min-h-screen bg-background"> <main className="min-h-screen">
{/* Hero Section */} <Header />
<section className="bg-muted py-20"> <div className="pt-20">
<div className="container mx-auto px-4"> {/* Hero Section */}
<h1 className="text-4xl md:text-5xl font-bold mb-6">Sponsors & Supporters</h1> <section className="bg-muted py-20">
<p className="text-xl text-muted-foreground max-w-3xl"> <div className="container mx-auto px-4">
The Crypto Commons Association is grateful for the support of organizations and individuals who share our <h1 className="text-4xl md:text-5xl font-bold mb-6">Sponsors & Supporters</h1>
vision of building sustainable digital commons. <p className="text-xl text-muted-foreground max-w-3xl">
</p> The Crypto Commons Association is grateful for the support of organizations and individuals who share our
</div> vision of building sustainable digital commons.
</section> </p>
</div>
</section>
{/* Major Sponsors */} {/* Major Sponsors */}
<section className="py-16"> <section className="py-16">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<h2 className="text-3xl font-bold mb-8">Major Supporters</h2> <h2 className="text-3xl font-bold mb-8">Our Supporters</h2>
<Card className="mb-8"> <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
<CardHeader> {[
<div className="flex items-center gap-4 mb-4"> { name: "BreadCoop", logo: "/images/breadcoop-logo.svg" },
<Image { name: "Ledgerloops", logo: "/ledgerloops-logo-blue-circular.jpg" },
src="/images/breadcoop-logo.svg" { name: "Informal Systems", logo: "/informal-systems-logo-blue-circular.jpg" },
alt="BreadCoop Logo" { name: "EthicHub", logo: "/ethichub-logo-green-hexagon.jpg" },
width={120} { name: "Grassroots Economics", logo: "/grassroots-economics-logo-orange-circular.jpg" },
height={120} { name: "One Project", logo: "/one-project-logo.jpg" },
className="object-contain" { name: "Holochain", logo: "/holochain-logo.jpg" },
/> { name: "Breadchain", logo: "/breadchain-logo.jpg" },
<div> { name: "Regen Network", logo: "/regen-network-logo-green-circular.jpg" },
<CardTitle className="text-3xl">BreadCoop</CardTitle> { name: "Namada", logo: "/namada-logo-yellow-circular.jpg" },
<CardDescription className="text-base mt-2"> { name: "Poetic Technologies", logo: "/poetic-technologies-logo-white-network.jpg" },
Worker Cooperative • $10,000 Contribution { name: "Tezos", logo: "/tezos-logo-blue-t3-circular.jpg" },
</CardDescription> { name: "Telos", logo: "/telos-logo-purple-circular.jpg" },
</div> ].map((sponsor) => (
</div> <Card
</CardHeader> key={sponsor.name}
<CardContent> className="flex flex-col items-center justify-center p-6 hover:shadow-lg transition-shadow"
<p className="text-muted-foreground mb-4">
BreadCoop is a worker-owned cooperative that operates on principles of democratic ownership and
equitable distribution. As a cooperative, BreadCoop embodies the values of collective stewardship and
shared governance that align closely with the mission of the Crypto Commons Association.
</p>
<p className="text-muted-foreground mb-4">
Their cooperative model demonstrates how organizations can be structured to prioritize member wellbeing
and collective decision-making over extractive profit models. By supporting the CCA with a generous
$10,000 contribution, BreadCoop is helping advance research and development of digital commons
infrastructure that can enable more cooperative, community-driven economic systems.
</p>
<p className="text-muted-foreground mb-4">
This partnership represents a natural alignment between traditional cooperative economics and emerging
blockchain-based commons governance models, showing how digital tools can amplify and extend proven
cooperative principles.
</p>
<Button asChild variant="outline">
<a
href="https://bread.coop"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2"
> >
Visit BreadCoop <Image
<ExternalLink className="h-4 w-4" /> src={sponsor.logo || "/placeholder.svg"}
</a> alt={`${sponsor.name} Logo`}
</Button> width={80}
</CardContent> height={80}
</Card> className="object-contain mb-4"
</div> />
</section> <p className="text-sm font-medium text-center">{sponsor.name}</p>
</Card>
))}
</div>
</div>
</section>
{/* Call to Action */} {/* Call to Action */}
<section className="py-16 bg-muted"> <section className="py-16 bg-muted">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<Card className="bg-primary text-primary-foreground"> <Card className="bg-primary text-primary-foreground">
<CardContent className="p-8 text-center"> <CardContent className="p-8 text-center">
<h2 className="text-3xl font-bold mb-4">Support Our Mission</h2> <h2 className="text-3xl font-bold mb-4">Support Our Mission</h2>
<p className="text-lg mb-6 max-w-2xl mx-auto"> <p className="text-lg mb-6 max-w-2xl mx-auto">
Help us advance the development of digital commons infrastructure and research. Your support enables us Help us advance the development of digital commons infrastructure and research. Your support enables
to continue building tools and knowledge for community-driven blockchain ecosystems. us to continue building tools and knowledge for community-driven blockchain ecosystems.
</p> </p>
<Button asChild variant="secondary" size="lg"> <Button asChild variant="secondary" size="lg">
<a href="/#contact">Become a Supporter</a> <a href="/#contact">Become a Supporter</a>
</Button> </Button>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>
</section> </section>
</div> </div>
<Footer />
</main>
) )
} }

11
components/footer.tsx
View File

@ -12,14 +12,19 @@ export function Footer() {
<div className="space-y-4"> <div className="space-y-4">
<h3 className="font-semibold text-lg">Contact</h3> <h3 className="font-semibold text-lg">Contact</h3>
<div className="space-y-2 text-sm text-primary-foreground/80"> <div className="space-y-2 text-sm text-primary-foreground/80">
<p>crypto-commons.org</p> <a href="mailto:contact@crypto-commons.org" className="hover:text-primary-foreground transition-colors">
contact@crypto-commons.org
</a>
<p className="text-primary-foreground/60">For inquiries about our work and mission</p> <p className="text-primary-foreground/60">For inquiries about our work and mission</p>
</div> </div>
</div> </div>
</div> </div>
<div className="mt-12 pt-8 border-t border-primary-foreground/20 text-center text-sm text-primary-foreground/60"> <div className="mt-12 pt-8 border-t border-primary-foreground/20 text-center space-y-2">
<p>&copy; {new Date().getFullYear()} Crypto Commons Association. All rights reserved.</p> <p className="text-lg font-semibold">Producing #RealValue</p>
<p className="text-sm text-primary-foreground/60">
&copy; {new Date().getFullYear()} Crypto Commons Association. All rights reserved.
</p>
</div> </div>
</div> </div>
</footer> </footer>

3
components/header.tsx
View File

@ -30,6 +30,9 @@ export function Header() {
<Link href="/sponsors" className="text-sm text-muted-foreground hover:text-foreground transition-colors"> <Link href="/sponsors" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
Sponsors Sponsors
</Link> </Link>
<Link href="/membership" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
Membership
</Link>
<Link href="/#contact" className="text-sm text-muted-foreground hover:text-foreground transition-colors"> <Link href="/#contact" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
Contact Contact
</Link> </Link>

BIN
public/breadchain-logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
public/ethichub-logo-green-hexagon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/grassroots-economics-logo-orange-circular.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
public/holochain-logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
public/informal-systems-logo-blue-circular.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
public/ledgerloops-logo-blue-circular.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
public/namada-logo-yellow-circular.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
public/one-project-logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/poetic-technologies-logo-white-network.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
public/regen-network-logo-green-circular.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
public/telos-logo-purple-circular.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
public/tezos-logo-blue-t3-circular.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB