jsonwebtoken.github.io/src/features/introduction/components/introduction-page/introduction-page.component.tsx at 77196668de835c9d5f69a369bea0ee95cee43e35 · jsonwebtoken/jsonwebtoken.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
import React from "react";
import { StructuredData } from "@/features/seo/components/structured-data.component";
import {
  generateArticleStructuredData,
  generateFaqStructuredData,
} from "@/features/seo/services/structured-data.service";
import { Auth0CtaComponent } from "@/features/common/components/auth0-cta/auth0-cta.component";
import { getIntroductionDictionary } from "@/features/localization/services/language-dictionary.service";
import { IntroductionArticleComponent } from "@/features/introduction/components/introduction-article/introduction-article.component";
import { getAuth0Dictionary } from "@/features/localization/services/ui-language-dictionary.service";
import { AUTH0_ORGANIZATION } from "@/features/seo/constants/organizations.constants";

interface IntroductionPageComponentProps {
  languageCode: string;
}

export const IntroductionPageComponent: React.FC<
  IntroductionPageComponentProps
> = ({ languageCode }) => {
  const introductionDictionary = getIntroductionDictionary(languageCode);
  const auth0Dictionary = getAuth0Dictionary(languageCode);

  return (
    <>
      <StructuredData
        data={[
          {
            "@context": "https://schema.org",
            "@type": "WebSite",
            name: "JSON Web Tokens - jwt.io",
            url: "https://jwt.io",
            description:
              "Decode, verify and generate JSON Web Tokens with our online debugger.",
            image: "https://jwt.io/img/pic_logo.svg",
            publisher: {
              "@type": "Organization",
              name: "Auth0",
              legalName: "Auth0 Inc.",
              url: "https://auth0.com/",
              logo: "https://cdn.auth0.com/website/assets/pages/press/img/resources/auth0-logo-main-6001cece68.svg",
              foundingDate: "2013",
              sameAs: [
                "https://twitter.com/auth0",
                "https://www.facebook.com/getauth0/",
                "https://www.linkedin.com/company/auth0",
              ],
            },
          },
          {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            itemListElement: [
              {
                "@type": "ListItem",
                position: 1,
                name: "jwt.io",
                item: "https://jwt.io",
                description:
                  "JWT.IO allows you to decode, verify and generate JWT.",
              },
              {
                "@type": "ListItem",
                position: 2,
                name: "Debugger",
                item: "https://jwt.io/#debugger-io",
                description:
                  "Decode, verify and generate JSON Web Tokens with our online debugger.",
              },
            ],
          },
          {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            itemListElement: [
              {
                "@type": "ListItem",
                position: 1,
                name: "jwt.io",
                item: "https://jwt.io",
                description:
                  "JWT.IO allows you to decode, verify and generate JWT.",
              },
              {
                "@type": "ListItem",
                position: 2,
                name: "Libraries",
                item: "https://jwt.io/#libraries-io",
                description:
                  "An overview of Libraries for Token Signing/Verification in a variety of different programming languages.",
              },
            ],
          },
          {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            itemListElement: [
              {
                "@type": "ListItem",
                position: 1,
                name: "jwt.io",
                item: "https://jwt.io",
                description:
                  "JWT.IO allows you to decode, verify and generate JWT.",
              },
              {
                "@type": "ListItem",
                position: 2,
                name: "Introduction",
                item: "https://jwt.io/introduction/",
                description: "An introduction to JSON Web Tokens.",
              },
            ],
          },
          generateArticleStructuredData({
            title: introductionDictionary.metadata.title,
            description: introductionDictionary.metadata.description,
            authors: introductionDictionary.metadata.authors,
            images: introductionDictionary.metadata.images,
            datePublished: introductionDictionary.metadata.datePublished,
            dateModified: introductionDictionary.metadata.dateModified,
          }),
          AUTH0_ORGANIZATION,
          generateFaqStructuredData(introductionDictionary.faq),
        ]}
      />
      <IntroductionArticleComponent
        introductionDictionary={introductionDictionary}
        languageCode={languageCode}
      />
      <Auth0CtaComponent
        languageCode={languageCode}
        dictionary={auth0Dictionary.banner}
      />
    </>
  );
};