"use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { BookOpen, Users, Sprout, MessageCircle } from "lucide-react" export function ActionSection() { const actions = [ { icon: , title: "Learn & Research", description: "Dive deeper into alternative economic models and post-capitalist theory.", action: "Explore Resources", }, { icon: , title: "Build Community", description: "Connect with others working on economic alternatives in your area.", action: "Find Groups", }, { icon: , title: "Start Small", description: "Begin implementing alternative practices in your daily life and community.", action: "Take Action", }, { icon: , title: "Spread Awareness", description: "Share these ideas and help others understand that alternatives exist.", action: "Share Ideas", }, ] return (

{"Ready to "} Take Action {"?"}

{"The transition to post-capitalist alternatives starts with each of us. "} {"Here's how you can begin contributing to the mycelial revolution."}

{actions.map((action, index) => (
{action.icon}
{action.title}

{action.description}

))}

Join the Mycommunity

{"Connect with others exploring post-capitalist alternatives. "} {"Together, we can grow the mycelial networks of mutual aid and solidarity."}

) }