Added an header and other components

tina/config.tsx

@@ -4,7 +4,6 @@ import { featureBlockSchema } from "../components/blocks/features";
 import { heroBlockSchema } from "../components/blocks/hero";
 import { testimonialBlockSchema } from "../components/blocks/testimonial";
 import { ColorPickerInput } from "./fields/color";
-import { iconSchema } from "../components/util/icon";
 
 const config = defineConfig({
   clientId: process.env.NEXT_PUBLIC_TINA_CLIENT_ID!,
@@ -159,20 +158,20 @@ const config = defineConfig({
             label: "Header",
             name: "header",
             fields: [
-              iconSchema as any,
               {
                 type: "string",
-                label: "Name",
-                name: "name",
+                label: "Title",
+                name: "title",
               },
               {
                 type: "string",
-                label: "Color",
-                name: "color",
-                options: [
-                  { label: "Default", value: "default" },
-                  { label: "Primary", value: "primary" },
-                ],
+                label: "Subtitle",
+                name: "subtitle",
+              },
+              {
+                type: "image",
+                label: "Logo",
+                name: "logoSrc"
               },
               {
                 type: "object",
@@ -186,6 +185,7 @@ const config = defineConfig({
                   defaultItem: {
                     href: "home",
                     label: "Home",
+                    external: false
                   },
                 },
                 fields: [
@@ -199,6 +199,11 @@ const config = defineConfig({
                     label: "Label",
                     name: "label",
                   },
+                  {
+                    type: "boolean",
+                    label: "External",
+                    name: "external",
+                  }
                 ],
               },
             ],