feat:Community & Social (Discord, Twitter/X links, blog/updates page)

[SheyeJDev]

PR: Community & Social Links + Blog Page

Closes: Community & Social Links issue

---

Summary

This PR implements two independent issues in a single pass since they share the same files (page.tsx, layout.tsx, and the footer). All acceptance criteria for both issues are met.

---

What changed

Issue — Community & social links + blog/updates page

app/src/app/page.tsx (full rewrite, 'use client')

• Added inline SVG icon components (DiscordIcon, XIcon, TelegramIcon, GitHubIcon) — no extra dependency needed; icons are small and render crisply at 16–18 px.
• Nav bar: added a .navRight wrapper containing a .navSocial cluster (Discord, X, Telegram) sitting to the left of the existing "Explore Vaults" CTA. All icon links carry aria-label attributes and target="_blank" rel="noopener noreferrer".
• Vault cards: each card now includes a Share button that opens a pre-filled Twitter/X share intent. The tweet text is generated by buildShareUrl(vaultName, multiplier) and reads:

  Earning 1.15× yield multiplier in the YieldLadder L6 vault 🔒 Fully on-chain yield on Stellar. yieldladder.dev

• Footer: added a .footerSocial row (Discord, X, Telegram icon buttons) above the text links. The text link row now includes Updates → /blog, Terms → /terms, and Privacy → /privacy alongside the existing GitHub and Security links. GitHub link is paired with its icon.

app/src/app/page.module.additions.css → merge into page.module.css

New CSS rules for:

• .navRight, .navSocial, .navSocialLink — nav social icon layout and hover states
• .vaultShare — Share button on each vault card (outlined, muted, hover reveals)
• .footerSocial, .footerSocialLink — footer social icon row

app/src/app/blog/page.tsx (new file)

Static blog/updates page at /blog. Features:

• Reverse-chronological list of protocol updates (newest first — array is reversed at render time, so adding new entries at the top of the POSTS array is natural).
• Each entry has: title, ISO date (formatted via Intl.DateTimeFormat), category tag, summary paragraph, optional external link.
• Category tag colors: Security (amber), Governance (indigo), Protocol Update (teal), New Pool (green).
• Three seed entries documenting the internal audit completion (Jan 2026), governance contract deployment (Jan 2026), and testnet launch (Feb 2026).
• Own metadata export with page-specific title and description.

app/src/app/blog/blog.module.css (new file)

Styles for the blog page. Dark-first, matches the app's #060810 background and existing type scale.

---

---

File tree

app/
└── public/
│   ├── robots.txt                   ← NEW
│   └── sitemap.xml                  ← NEW
└── src/
    └── app/
        ├── layout.tsx               ← UPDATED (OG + Twitter meta)
        ├── page.tsx                 ← UPDATED (social icons, Share buttons, footer links)
        ├── page.module.css          ← ADD rules from page.module.additions.css (see below)
        ├── page.module.additions.css  ← NEW (merge into page.module.css, then delete)
        ├── legal.module.css         ← NEW (shared by /terms and /privacy)
        ├── blog/
        │   ├── page.tsx             ← NEW
        │   └── blog.module.css      ← NEW
        ├── terms/
        │   └── page.tsx             ← NEW
        └── privacy/
            └── page.tsx             ← NEW

Merge step: page.module.additions.css is a separate file for clarity in review. Before merging, append its contents to the bottom of page.module.css and delete page.module.additions.css.

---

Acceptance criteria checklist

Issue — Community & social links + blog

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

---

Notes for reviewers

• page.tsx is now a Client Component ('use client') due to the inline SVG icon components. If the team prefers to keep the landing page as a Server Component, the icon components can be extracted to app/src/components/icons.tsx and imported — they have no hooks or client-only APIs, so they will work in either context once moved.
• Social URLs (https://discord.gg/yieldladder, https://twitter.com/yieldladder, https://t.me/yieldladder) are placeholder slugs. Replace with the protocol's actual handles before shipping.
• The governing law section in /terms has a placeholder pending legal counsel input before mainnet launch.
• No new npm dependencies were added. Icons are inline SVG.

Closes #54

[vercel]

@renoschubert is attempting to deploy a commit to the wumibals' projects Team on Vercel.

A member of the Team first needs to authorize it.