Skip to content

[GF-22] [FRONTEND] Community & Social (Discord, Twitter/X links, blog/updates page) #54

@wumibals

Description

@wumibals

Overview

This issue is independent — it can be worked in parallel with any other issue.

Add community and social links to the app and create a blog/announcements page. Currently the footer only has GitHub and a security email — there is no community presence and no channel for protocol announcements.

Problem

The footer in app/src/app/page.tsx only contains:

<div className={styles.footerLinks}>
  <a href="https://github.com/LadderMine/yieldladder" ...>GitHub</a>
  <a href="mailto:security@yieldladder.dev">Security</a>
</div>

No Discord, Twitter/X, or Telegram links exist. There is no /blog or /updates page for communicating governance changes, new pool allocations, or protocol milestones to users who are not monitoring the GitHub repo.

Proposed Solution

1. Add social links to footer
Add Discord, Twitter/X, and Telegram icon links to the footer's footerLinks section. Use SVG icons (inline or from lucide-react) for Discord, X, and Telegram. Link to the protocol's official accounts (URLs to be provided by the team).

2. Add social links to nav (optional — team decision)
If the team wants community links in the nav, add a Community dropdown or individual icon buttons in the nav bar, visible on desktop.

3. Create /blog or /updates page (app/src/app/blog/page.tsx)
A simple static page with a reverse-chronological list of protocol updates. Each entry has:

  • Title
  • Date
  • Category tag (e.g. Governance, New Pool, Security, Protocol Update)
  • Short summary paragraph
  • Optional link to full details (could be a GitHub Discussion, governance proposal, or expanded sub-page)

Start with initial entries documenting:

  • Protocol launch on testnet (when GF-11 completes)
  • Governance contract deployment
  • Internal audit completion (Jan 2026)

4. Social share cards per vault
On each vault card (both landing page and dashboard), add a Share button that generates a pre-filled Twitter/X share intent:

Earning X% APY in the YieldLadder L6 vault 🔒 Fully on-chain yield on Stellar. yieldladder.dev

Acceptance Criteria

  • Footer includes Discord, Twitter/X, and Telegram icon links
  • Social icons are accessible (have aria-label attributes)
  • Links open in a new tab with rel="noopener noreferrer"
  • /blog or /updates page exists with at least 3 initial entries
  • Blog entries are sorted reverse-chronologically (newest first)
  • Each vault card has a Share button that opens a pre-filled Twitter/X share intent
  • /blog is linked from the footer

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions