Skip to content

Expand Join Our Community section with all platform links #4

Description

@SaharPak

Problem

The Community section (CommunitySection.tsx) currently only shows two cards: Telegram Group and YouTube. We need to include all our platforms so people can follow us wherever they prefer.

Goal

Expand the section to include cards/links for all Tech Immigrants platforms:

  1. Telegram Channel (7,100+ subscribers) — https://t.me/techimmigrantschannel
  2. Telegram Group (17,000+ members) — https://t.me/techimmigrants
  3. YouTube (190+ episodes) — https://youtube.com/@techimmigrants
  4. LinkedInhttps://linkedin.com/in/saharpak
  5. X / Twitterhttps://x.com/saharlead
  6. GitHubhttps://github.com/TechImmigrants

Suggested Approach

  1. Redesign the grid from 2 columns to a responsive layout that fits 5-6 platforms.
    • Option A: Keep the large card design but use a 3-column grid
    • Option B: Use smaller, icon-focused cards (icon + platform name + follower count + join button)
    • Option C: A mix — 2 featured cards (Telegram + YouTube) on top, smaller cards below for the rest
  2. Each card should have:
    • Platform icon (use lucide icons or custom SVGs for Telegram/X)
    • Platform name
    • A relevant stat (member count, subscriber count, episode count)
    • A CTA button ("Join" / "Follow" / "Subscribe")
    • Link opens in a new tab
  3. Update the member counts to current numbers (see above).

Current Stats to Display

Platform Stat Link
Telegram Group 17,000+ members t.me/techimmigrants
Telegram Channel 7,100+ subscribers t.me/techimmigrantschannel
YouTube 190+ episodes youtube.com/@TechImmigrants
LinkedIn Follow linkedin.com/in/saharpak
X / Twitter Follow x.com/saharlead
GitHub 10 repos, contribute github.com/TechImmigrants

Files to modify

  • src/components/landing/CommunitySection.tsx

Acceptance Criteria

  • All 6 platforms are displayed with correct links
  • Each platform has an icon, name, stat, and CTA button
  • Links open in new tabs
  • Layout is responsive (looks good on mobile, tablet, desktop)
  • Member/subscriber counts are current
  • Design is consistent with the rest of the site

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status
    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions