import {
  TwitterIcon,
  GitHubIcon,
  DiscordIcon,
  GoogleCalendarIcon,
  Facebook2Icon,
  LinkedInIcon,
  BlueskyIcon,
  FileTextIcon,
  CodeIcon,
  GraphQLLogo,
  FoundationTalksChannel
} from "../../icons"
import { Cards } from "../../components/cards"

# Official Channels

The GraphQL community is active and has created a tremendous amount of valuable content, but we maintain a number of primary collaboration channels for the project.

Please follow these channels for updates and information:

<Cards
  items={[
    {
      icon: GitHubIcon,
      title: "GitHub",
      link: "https://github.com/graphql",
    },
    {
      icon: FileTextIcon,
      title: "Blog",
      link: "/blog",
      description: "graphql.org/blog",
    },
    {
      icon: GoogleCalendarIcon,
      title: "Google Calendar",
      link: "https://calendar.graphql.org",
    },
    {
      icon: DiscordIcon,
      title: "Discord",
      link: "https://discord.graphql.org",
    },
    {
      icon: CodeIcon,
      title: "Tools and libraries",
      link: "/code",
      description: "graphql.org/code",
    },
    {
      icon: FoundationTalksChannel,
      title: "Talks",
      link: "https://www.youtube.com/@GraphQLTV",
      description: "GraphQL Foundation Talks",
    },
    {
      icon: GraphQLLogo,
      title: "Shop",
      link: "https://store.graphql.org/",
      description: "store.graphql.org",
    },
    {
      icon: LinkedInIcon,
      title: "LinkedIn",
      link: "https://www.linkedin.com/company/graphql-foundation/",
      description: "GraphQL Foundation",
    },
    {
      icon: TwitterIcon,
      title: "x.com",
      link: "https://x.com/graphql",
      description: "@graphql",
    },
    {
      icon: BlueskyIcon,
      title: "Bluesky",
      link: "https://bsky.app/profile/graphql.org",
      description: "@graphql.org",
    },
    {
      icon: Facebook2Icon,
      title: "Facebook Group",
      link: "https://fb.com/groups/graphql.community",
    },
  ]}
/>