SEO Health + descriptions

This commit is contained in:
Johannes
2023-04-12 14:34:19 +02:00
parent a0baa25864
commit 0a6a12cacb
22 changed files with 74 additions and 54 deletions
+13 -10
View File
@@ -1,8 +1,4 @@
import { useCallback, useEffect, useState } from "react";
import Link from "next/link";
import { useRouter } from "next/router";
import clsx from "clsx";
import { FooterLogo, Logomark } from "@/components/shared/Logo";
import { FooterLogo } from "@/components/shared/Logo";
import { MobileNavigation } from "@/components/shared/MobileNavigation";
import { Navigation } from "@/components/shared/Navigation";
import { Prose } from "@/components/shared/Prose";
@@ -10,6 +6,10 @@ import { Search } from "@/components/shared/Search";
import { ThemeSelector } from "@/components/shared/ThemeSelector";
import navigation from "@/lib/docsNavigation";
import { Button } from "@formbricks/ui";
import clsx from "clsx";
import Link from "next/link";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";
import MetaInformation from "../shared/MetaInformation";
function GitHubIcon(props: any) {
@@ -78,6 +78,7 @@ interface LayoutProps {
children: React.ReactNode;
meta: {
title: string;
description?: string;
};
}
@@ -93,21 +94,23 @@ export function Layout({ children, meta }: LayoutProps) {
return (
<>
<MetaInformation
title="Formbricks Documentation"
description="Open-source Experience Management for Digital Products."
title={`Formbricks Docs | ${meta.title}`}
description={
meta.description ? meta.description : "Open-source Experience Management for Digital Products."
}
/>
<Header navigation={navigation} />
<div className="max-w-8xl relative mx-auto flex justify-center sm:px-2 lg:px-8 xl:px-12">
<div className="hidden lg:relative lg:block lg:flex-none">
<div className="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:hidden" />
<div className="absolute top-16 bottom-0 right-0 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
<div className="absolute top-28 bottom-0 right-0 hidden w-px bg-slate-800 dark:block" />
<div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
<div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />
<div className="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] overflow-y-auto overflow-x-hidden py-16 pl-0.5">
<Navigation navigation={navigation} className="w-64 pr-8 xl:w-72 xl:pr-16" />
</div>
</div>
<div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16">
<div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
<article>
{(meta.title || section) && (
<header className="mb-9 space-y-1">
@@ -3,21 +3,6 @@ import clsx from "clsx";
import { FooterLogo } from "./Logo";
const navigation = {
/* creation: [
{ name: "React Form Builder", href: "/react-form-library", status: true },
{ name: "No-Code Builder", href: "/visual-builder", status: false },
{ name: "Templates", href: "#", status: false },
],
pipelines: [
{ name: "Core API", href: "/core-api", status: true },
{ name: "Webhooks", href: "/webhooks", status: true },
{ name: "Email", href: "/email", status: true },
{ name: "Integrations", href: "#", status: false },
],
insights: [
{ name: "Formbricks HQ", href: "/formbricks-hq", status: true },
{ name: "Reports", href: "#", status: false },
], */
other: [
{ name: "Community", href: "/community", status: true },
{ name: "Blog", href: "/blog", status: true },
@@ -58,7 +43,7 @@ export default function Footer() {
<h2 id="footer-heading" className="sr-only">
Footer
</h2>
<div className="mx-auto flex max-w-7xl flex-col space-y-6 px-4 py-12 text-center sm:px-6 lg:py-16 lg:px-8">
<div className="mx-auto flex max-w-7xl flex-col space-y-6 px-4 py-12 text-center sm:px-6 lg:px-8 lg:py-16">
<Link href="/">
<span className="sr-only">Formbricks</span>
<FooterLogo className="mx-auto h-8 w-auto sm:h-10" />