Add new files

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>

app/membership/page.tsx

@@ -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>
+  )
+}

app/research/page.tsx

@@ -1,145 +1,151 @@
+import { Header } from "@/components/header"
+import { Footer } from "@/components/footer"
 import { ExternalLink } from "lucide-react"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
 
 export default function ResearchPage() {
   return (
-    <div className="min-h-screen bg-background">
-      {/* 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">Research & Publications</h1>
-          <p className="text-xl text-muted-foreground max-w-3xl">
-            Academic work and publications by CCA members exploring the intersection of blockchain technology,
-            commons-based governance, and digital public goods.
-          </p>
-        </div>
-      </section>
+    <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">Research & Publications</h1>
+            <p className="text-xl text-muted-foreground max-w-3xl">
+              Academic work and publications by CCA members exploring the intersection of blockchain technology,
+              commons-based governance, and digital public goods.
+            </p>
+          </div>
+        </section>
 
-      {/* Publications Section */}
-      <section className="py-16">
-        <div className="container mx-auto px-4">
-          <h2 className="text-3xl font-bold mb-8">Featured Publications</h2>
+        {/* Publications Section */}
+        <section className="py-16">
+          <div className="container mx-auto px-4">
+            <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>
               <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">
-                  <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
+                  <span className="font-semibold">By:</span> Giulio Quarta
                 </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.
+                  A comprehensive roadmap exploring the development and implementation of commons-based economic
+                  systems. This resource maps out pathways for building regenerative economies that prioritize
+                  collective stewardship and shared value creation.
                 </p>
                 <Button asChild variant="outline">
                   <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"
                     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
+                    View Roadmap
                     <ExternalLink className="h-4 w-4" />
                   </a>
                 </Button>
               </CardContent>
             </Card>
           </div>
-        </div>
-      </section>
+        </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>
-
-          <Card>
-            <CardHeader>
-              <CardTitle className="text-2xl">Commons Economy Roadmap</CardTitle>
-              <CardDescription className="text-base mt-2">
-                <span className="font-semibold">By:</span> Giulio Quarta
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <p className="text-muted-foreground mb-4">
-                A comprehensive roadmap exploring the development and implementation of commons-based economic systems.
-                This resource maps out pathways for building regenerative economies that prioritize collective
-                stewardship and shared value creation.
-              </p>
-              <Button asChild variant="outline">
-                <a
-                  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>
+        {/* 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>
+      <Footer />
+    </main>
   )
 }

app/sponsors/page.tsx

@@ -1,95 +1,83 @@
-import { ExternalLink } from "lucide-react"
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Header } from "@/components/header"
+import { Footer } from "@/components/footer"
+import { Card, CardContent } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
 import Image from "next/image"
 
 export default function SponsorsPage() {
   return (
-    <div className="min-h-screen bg-background">
-      {/* 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">Sponsors & Supporters</h1>
-          <p className="text-xl text-muted-foreground max-w-3xl">
-            The Crypto Commons Association is grateful for the support of organizations and individuals who share our
-            vision of building sustainable digital commons.
-          </p>
-        </div>
-      </section>
+    <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">Sponsors & Supporters</h1>
+            <p className="text-xl text-muted-foreground max-w-3xl">
+              The Crypto Commons Association is grateful for the support of organizations and individuals who share our
+              vision of building sustainable digital commons.
+            </p>
+          </div>
+        </section>
 
-      {/* Major Sponsors */}
-      <section className="py-16">
-        <div className="container mx-auto px-4">
-          <h2 className="text-3xl font-bold mb-8">Major Supporters</h2>
+        {/* Major Sponsors */}
+        <section className="py-16">
+          <div className="container mx-auto px-4">
+            <h2 className="text-3xl font-bold mb-8">Our Supporters</h2>
 
-          <Card className="mb-8">
-            <CardHeader>
-              <div className="flex items-center gap-4 mb-4">
-                <Image
-                  src="/images/breadcoop-logo.svg"
-                  alt="BreadCoop Logo"
-                  width={120}
-                  height={120}
-                  className="object-contain"
-                />
-                <div>
-                  <CardTitle className="text-3xl">BreadCoop</CardTitle>
-                  <CardDescription className="text-base mt-2">
-                    Worker Cooperative • $10,000 Contribution
-                  </CardDescription>
-                </div>
-              </div>
-            </CardHeader>
-            <CardContent>
-              <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"
+            <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
+              {[
+                { name: "BreadCoop", logo: "/images/breadcoop-logo.svg" },
+                { name: "Ledgerloops", logo: "/ledgerloops-logo-blue-circular.jpg" },
+                { name: "Informal Systems", logo: "/informal-systems-logo-blue-circular.jpg" },
+                { name: "EthicHub", logo: "/ethichub-logo-green-hexagon.jpg" },
+                { name: "Grassroots Economics", logo: "/grassroots-economics-logo-orange-circular.jpg" },
+                { name: "One Project", logo: "/one-project-logo.jpg" },
+                { name: "Holochain", logo: "/holochain-logo.jpg" },
+                { name: "Breadchain", logo: "/breadchain-logo.jpg" },
+                { name: "Regen Network", logo: "/regen-network-logo-green-circular.jpg" },
+                { name: "Namada", logo: "/namada-logo-yellow-circular.jpg" },
+                { name: "Poetic Technologies", logo: "/poetic-technologies-logo-white-network.jpg" },
+                { name: "Tezos", logo: "/tezos-logo-blue-t3-circular.jpg" },
+                { name: "Telos", logo: "/telos-logo-purple-circular.jpg" },
+              ].map((sponsor) => (
+                <Card
+                  key={sponsor.name}
+                  className="flex flex-col items-center justify-center p-6 hover:shadow-lg transition-shadow"
                 >
-                  Visit BreadCoop
-                  <ExternalLink className="h-4 w-4" />
-                </a>
-              </Button>
-            </CardContent>
-          </Card>
-        </div>
-      </section>
+                  <Image
+                    src={sponsor.logo || "/placeholder.svg"}
+                    alt={`${sponsor.name} Logo`}
+                    width={80}
+                    height={80}
+                    className="object-contain mb-4"
+                  />
+                  <p className="text-sm font-medium text-center">{sponsor.name}</p>
+                </Card>
+              ))}
+            </div>
+          </div>
+        </section>
 
-      {/* Call to Action */}
-      <section className="py-16 bg-muted">
-        <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">Support Our Mission</h2>
-              <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
-                to continue building tools and knowledge for community-driven blockchain ecosystems.
-              </p>
-              <Button asChild variant="secondary" size="lg">
-                <a href="/#contact">Become a Supporter</a>
-              </Button>
-            </CardContent>
-          </Card>
-        </div>
-      </section>
-    </div>
+        {/* Call to Action */}
+        <section className="py-16 bg-muted">
+          <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">Support Our Mission</h2>
+                <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 to continue building tools and knowledge for community-driven blockchain ecosystems.
+                </p>
+                <Button asChild variant="secondary" size="lg">
+                  <a href="/#contact">Become a Supporter</a>
+                </Button>
+              </CardContent>
+            </Card>
+          </div>
+        </section>
+      </div>
+      <Footer />
+    </main>
   )
 }

components/footer.tsx

@@ -12,14 +12,19 @@ export function Footer() {
           <div className="space-y-4">
             <h3 className="font-semibold text-lg">Contact</h3>
             <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>
             </div>
           </div>
         </div>
 
-        <div className="mt-12 pt-8 border-t border-primary-foreground/20 text-center text-sm text-primary-foreground/60">
-          <p>&copy; {new Date().getFullYear()} Crypto Commons Association. All rights reserved.</p>
+        <div className="mt-12 pt-8 border-t border-primary-foreground/20 text-center space-y-2">
+          <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>
     </footer>

components/header.tsx

@@ -30,6 +30,9 @@ export function Header() {
             <Link href="/sponsors" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
               Sponsors
             </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">
               Contact
             </Link>