docs: update community pages with demos (#654)

docs: update community pages with demos

Author: rjan90

docs/src/content/docs/resources/community-projects.md

@@ -1,36 +1,64 @@
 ---
 title: Community Projects
-description: Community-maintained SDKs, tools, and projects for Filecoin Onchain Cloud.
+description: FOC WG and community-maintained SDKs, tools, and projects for Filecoin Onchain Cloud.
 sidebar:
   order: 3
 ---
 
-This page showcases community-maintained projects that extend the Filecoin Onchain Cloud ecosystem. These are independent projects and are not officially maintained or endorsed by the FOC team.
+This page highlights real projects that show Synapse and Filecoin Onchain Cloud (FOC) in action. Start with the FOC WG spotlight projects, then explore additional community-built SDKs and tooling.
 
-:::caution[Community Maintained]
-The projects listed below are developed and maintained by community members. For support, documentation, and compatibility questions, please refer to each project's repository.
+:::note[How to Use This Page]
+Use these repositories as reference implementations when planning your own FOC integration, especially for storage UX, wallet flows, and on-chain indexing.
 :::
 
-## SDKs
+:::caution[Ownership and Support]
+Projects in **FOC WG Spotlight** are maintained by the FOC Working Group. Projects in **Additional Community Projects** are maintained by external contributors. For support and compatibility questions, refer to each project's repository.
+:::
+
+## FOC WG Spotlight
+
+| Project | Demo | Source |
+| --- | --- | --- |
+| Filecoin Pin | [Open Demo](https://pin.filecoin.cloud/) | [GitHub](https://github.com/filecoin-project/filecoin-pin) |
+| FOC Upload dApp | [Open Demo](https://foc-demo.filbuilders.eth.limo/) | [GitHub](https://github.com/FIL-Builders/foc-upload-dapp) |
+
+### Filecoin Pin
+
+[![Screenshot of the Filecoin Pin demo](./pin-filecoin-cloud.png)](https://pin.filecoin.cloud/)
+
+`Filecoin Pin` is a reference pinning app built on FOC primitives. It is a good starting point for understanding production-style upload, IPFS pin management, and retrieval flows.
+
+### FOC Upload dApp
+
+[![Screenshot of the FOC Upload dApp demo](./foc-upload-dapp-demo.png)](https://foc-demo.filbuilders.eth.limo/)
+
+`FOC Upload dApp` demonstrates an upload-first flow with wallet-connected interactions. Use it as a baseline for quickly integrating Synapse/FOC upload workflows in your own dApp.
+
+- Best for: rapid upload dApp prototyping
+- Integration focus: minimal end-to-end storage flow with wallet UX
+
+## Additional Community Projects
+
+### SDKs
 
-### Python
+#### Python
 
 **[pynapse](https://github.com/anjor/pynapse)** — A Python SDK for interacting with Filecoin Onchain Cloud services.
 
 - Upload and download data
 - Payment and allowance management
 - Provider discovery
 
-### Go
+#### Go
 
 **[go-synapse](https://github.com/data-preservation-programs/go-synapse)** — A Go SDK for Filecoin Onchain Cloud.
 
 - Native Go implementation
 - Suitable for backend services and CLI tools
 
-## Tools
+### Tools
 
-### FWSS Subgraph
+#### FWSS Subgraph
 
 **[fwss-subgraph](https://github.com/FIL-Builders/fwss-subgraph)** — Indexes on-chain data from the Filecoin Warm Storage Service contracts, making it easy to query data sets, pieces, payment rails, and provider activity using GraphQL.