feat: first announcement

2026-07-26 15:27:48 +01:00
parent 8a10d127c1
commit 73fccc70a5
21 changed files with 571 additions and 480 deletions
@@ -1,15 +1,10 @@
 import styled from 'styled-components'
-import background from '../../images/home_hero_bg.png'

 export const Hero = styled.main<{ bg?: boolean }>`
  position: relative;
  padding: 50px 0;
  color: white;
  background-color: #314351;
-  background-repeat: no-repeat;
-  background-image: ${(props) => (props.bg ? `url(${background})` : 'none')};
-  background-attachment: scroll;
-  background-position: bottom right;
 `

 export const HeroHeading = styled.h1`
@@ -23,7 +23,7 @@ const naviLinks: NaviLink[] = [
  { name: 'Feed', url: '/feed/', active: 'no' },
  { name: 'FAQ', url: '/faq/', active: 'no' },
  {
-    name: 'Documentation',
+    name: 'Docs',
    url: 'https://docs.datacontroller.io/',
    active: 'no'
  },
@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { Helmet } from 'react-helmet'
 import { useStaticQuery, graphql } from 'gatsby'

 import type { SeoProps } from '../types'
@@ -38,41 +37,46 @@ const Seo: React.FC<SeoProps> = ({
    ? `${siteUrl}${previewImg}`
    : `${siteUrl}/img/data-controller.svg`

+  const metaTags = (
+    [
+      { name: 'author', property: 'author', content: author },
+      {
+        name: 'description',
+        property: 'og:description',
+        content: metaDescription
+      },
+      { name: 'image', property: 'og:image', content: image },
+      {
+        name: `linkedin:site`,
+        content: site.siteMetadata?.social?.linkedin || ``
+      },
+      { name: `twitter:card`, content: `summary` },
+      { name: `twitter:description`, content: metaDescription },
+      { name: `twitter:title`, content: title },
+      { property: `og:title`, content: title },
+      { property: `og:type`, content: `website` }
+    ] as Array<{ name?: string; property?: string; content?: string }>
+  ).concat(meta)
+
  return (
-    <Helmet
-      htmlAttributes={{
-        lang
-      }}
-      title={pageTitle}
-      link={[
-        {
-          rel: 'alternate',
-          type: 'application/rss+xml',
-          title: `${defaultTitle} RSS Feed`,
-          href: `${siteUrl}rss.xml`
-        }
-      ]}
-      meta={(
-        [
-          { name: 'author', property: 'author', content: author },
-          {
-            name: 'description',
-            property: 'og:description',
-            content: metaDescription
-          },
-          { name: 'image', property: 'og:image', content: image },
-          {
-            name: `linkedin:site`,
-            content: site.siteMetadata?.social?.linkedin || ``
-          },
-          { name: `twitter:card`, content: `summary` },
-          { name: `twitter:description`, content: metaDescription },
-          { name: `twitter:title`, content: title },
-          { property: `og:title`, content: title },
-          { property: `og:type`, content: `website` }
-        ] as Array<{ name?: string; property?: string; content?: string }>
-      ).concat(meta)}
-    />
+    <>
+      <html lang={lang} />
+      <title>{pageTitle}</title>
+      <link
+        rel="alternate"
+        type="application/rss+xml"
+        title={`${defaultTitle} RSS Feed`}
+        href={`${siteUrl}rss.xml`}
+      />
+      {metaTags.map((tag, index) => (
+        <meta
+          key={tag.name || tag.property || index}
+          name={tag.name}
+          property={tag.property}
+          content={tag.content}
+        />
+      ))}
+    </>
  )
 }