Initial commit

2023-08-28 13:12:21 +02:00
commit 52134c91ef
78 changed files with 13869 additions and 0 deletions
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+import Head from "next/head";
+import { Header } from "./header";
+import { Footer } from "./footer";
+import layoutData from "../../content/global/index.json";
+import { Global } from "../../tina/__generated__/types";
+
+export const Layout = ({
+  rawData = {},
+  data = layoutData,
+  children,
+}: {
+  rawData?: object;
+  data?: Omit<Global, "id" | "_sys" | "_values">;
+  children: React.ReactNode;
+}) => {
+  return (
+    <>
+      <Head>
+        <title>Tina</title>
+        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&display=swap"
+          rel="stylesheet"
+        />
+      </Head>
+      <div
+        className={"min-h-screen flex flex-col font-nunito" }
+      >
+        <Header data={data?.header} />
+        <div className="flex-1 text-gray-800 bg-gradient-to-br from-white to-gray-50 dark:from-gray-900 dark:to-gray-1000 flex flex-col">
+          {children}
+        </div>
+        <Footer
+          rawData={rawData}
+          data={data?.footer}
+          icon={data?.header.icon}
+        />
+      </div>
+    </>
+  );
+};