graphql.github.io/src/app/conf/2024/layout.tsx at 9de72c8aa049e33a1b0fbaa5fc5f649fcf85c868 · graphql/graphql.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
import { ReactElement, ReactNode } from "react"
import { Metadata } from "next"
import { Header } from "../_components/header"
import { Footer } from "../_components/footer"
import { GraphQLConf, HostedByGraphQLFoundation } from "@/icons"
import NextLink from "next/link"
import { OldFontsStyleTag } from "@/app/fonts/old-fonts"

export const metadata = {
  description:
    "The official GraphQL conference hosted by the GraphQL Foundation.",
  openGraph: {
    images: [
      {
        url: "/img/og-graphql-conf-2024.jpeg",
        alt: "GraphQLConf 2024 hosted by the GraphQL Foundation. September 10-12, 2024. San Francisco Bay Area, California",
      },
    ],
  },
  title: {
    absolute: "",
    template: "%s | GraphQLConf 2024",
  },
  keywords: ["GraphQL", "GraphQLConf", "GraphQLConf 2024"],
} satisfies Metadata

export default function Layout({
  children,
}: {
  children: ReactNode
}): ReactElement {
  return (
    <>
      <OldFontsStyleTag />
      <Header
        logo={
          <NextLink
            href="/conf/2024"
            className="nextra-logo flex items-center gap-2 text-white"
          >
            <GraphQLConf className="h-6" />
            <span className="select-none text-xl/none">2024</span>
          </NextLink>
        }
        links={[
          { children: "Schedule", href: "/conf/2024/schedule" },
          { children: "Speakers", href: "/conf/2024/speakers" },
          { children: "FAQ", href: "/conf/2024/faq" },
          { children: "Gallery", href: "/conf/2024/gallery" },
        ]}
      />
      {children}
      <Footer
        logo={
          <NextLink href="/conf/2024" className="nextra-logo text-white">
            <div className="flex items-center gap-2">
              <GraphQLConf className="h-6" />
              <span className="select-none text-xl/none">2024</span>
            </div>
            <HostedByGraphQLFoundation className="mt-2 h-5" />
          </NextLink>
        }
        links={[
          [
            { children: "Schedule", href: "/conf/2024/schedule" },
            { children: "Speakers", href: "/conf/2024/speakers" },
            { children: "Gallery", href: "/conf/2024/gallery" },
            { children: "Speakers", href: "/conf/2024/speakers" },
            { children: "GraphQLConf 2023", href: "/conf/2023" },
          ],
          [
            { children: "FAQ", href: "/conf/2024/faq" },
            { children: "Contact Us", href: "/conf/2024/faq/#contact" },
          ],
          [
            { children: "GraphQL", href: "/" },
            { children: "GraphQL Foundation", href: "/foundation" },
            {
              children: "Code of Conduct",
              href: "/conf/2024/faq/#codeofconduct",
            },
            { children: "Diversity & Inclusion", href: "/conf/2024/faq/#dni" },
          ],
        ]}
      />
    </>
  )
}