diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index 9dfeeed10..2d185883b 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -14,6 +14,8 @@ import SkipToMain from "src/components/skipToMain/SkipToMain";
 import { LEGAL_DOCUMENTS_QUERY } from "studio/lib/queries/legalDocuments";
 import { LegalDocument } from "studio/lib/payloads/legalDocuments";
 import styles from "./layout.module.css";
+import { BRAND_ASSETS_QUERY } from "../../../studio/lib/queries/brandAssets";
+import { BrandAssets } from "../../../studio/lib/payloads/brandAssets";
 
 const hasValidData = (data: any) => data && Object.keys(data).length > 0;
 
@@ -24,13 +26,19 @@ export default async function Layout({
 }>) {
   const { perspective, isDraftMode } = getDraftModeInfo();
 
-  const [initialNav, initialCompanyInfo, initialSoMe, initialLegal] =
-    await Promise.all([
-      loadQuery<Navigation>(NAV_QUERY, {}, { perspective }),
-      loadQuery<CompanyInfo>(COMPANY_INFO_QUERY, {}, { perspective }),
-      loadQuery<SocialMediaProfiles>(SOMEPROFILES_QUERY, {}, { perspective }),
-      loadQuery<LegalDocument[]>(LEGAL_DOCUMENTS_QUERY, {}, { perspective }),
-    ]);
+  const [
+    initialNav,
+    initialCompanyInfo,
+    initialSoMe,
+    initialLegal,
+    initialBrandAssets,
+  ] = await Promise.all([
+    loadQuery<Navigation>(NAV_QUERY, {}, { perspective }),
+    loadQuery<CompanyInfo>(COMPANY_INFO_QUERY, {}, { perspective }),
+    loadQuery<SocialMediaProfiles>(SOMEPROFILES_QUERY, {}, { perspective }),
+    loadQuery<LegalDocument[]>(LEGAL_DOCUMENTS_QUERY, {}, { perspective }),
+    loadQuery<BrandAssets>(BRAND_ASSETS_QUERY, {}, { perspective }),
+  ]);
 
   const hasNavData = hasValidData(initialNav.data);
   const hasCompanyInfoData = hasValidData(initialCompanyInfo.data);
@@ -55,13 +63,10 @@ export default async function Layout({
       {hasHeaderData && isDraftMode ? (
         <HeaderPreview
           initialNav={initialNav}
-          initialCompanyInfo={initialCompanyInfo}
+          initialBrandAssets={initialBrandAssets}
         />
       ) : (
-        <Header
-          data={initialNav.data}
-          assets={initialCompanyInfo.data?.brandAssets}
-        />
+        <Header data={initialNav.data} assets={initialBrandAssets.data} />
       )}
       <main id="main" tabIndex={-1}>
         {children}
@@ -70,6 +75,7 @@ export default async function Layout({
         <FooterPreview
           initialNav={initialNav}
           initialCompanyInfo={initialCompanyInfo}
+          initialBrandAssets={initialBrandAssets}
           initialSoMe={initialSoMe}
         />
       ) : (
@@ -77,6 +83,7 @@ export default async function Layout({
           navigationData={initialNav.data}
           legalData={initialLegal.data}
           companyInfo={initialCompanyInfo.data}
+          brandAssets={initialBrandAssets.data}
           soMeData={initialSoMe.data}
         />
       )}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 27871391b..aade0d64f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,11 @@
 import { Darker_Grotesque, Figtree } from "next/font/google";
 import { draftMode } from "next/headers";
 import LiveVisualEditing from "studio/lib/loaders/AutomaticVisualEditing";
-import { CompanyInfo } from "studio/lib/payloads/companyDetails";
-import { COMPANY_INFO_QUERY } from "studio/lib/queries/companyDetails";
 import { Metadata } from "next";
 import { loadQuery } from "studio/lib/store";
 import "src/styles/global.css";
 import { generateMetadataFromSeo } from "src/utils/seo";
+import { DEFAULT_LANGUAGE_QUERY } from "../../studio/lib/queries/languages";
 
 const darkerGrotesque = Darker_Grotesque({
   subsets: ["latin"],
@@ -31,8 +30,10 @@ export default async function RootLayout({
   let siteLang;
 
   try {
-    const { data } = await loadQuery<CompanyInfo>(COMPANY_INFO_QUERY);
-    siteLang = data.siteMetadata?.defaultLanguage;
+    const { data } = await loadQuery<DefaultLanguageObject>(
+      DEFAULT_LANGUAGE_QUERY,
+    );
+    siteLang = data.defaultLanguage;
   } catch (error) {
     console.error("Error loading site settings:", error);
     siteLang = "en";
diff --git a/src/components/navigation/footer/Footer.tsx b/src/components/navigation/footer/Footer.tsx
index 999af8c61..49f46d997 100644
--- a/src/components/navigation/footer/Footer.tsx
+++ b/src/components/navigation/footer/Footer.tsx
@@ -13,10 +13,12 @@ import SoMeLink from "src/components/link/SoMeLink";
 import { ReactNode } from "react";
 import Text from "src/components/text/Text";
 import { LegalDocument } from "studio/lib/payloads/legalDocuments";
+import { BrandAssets } from "studio/lib/payloads/brandAssets";
 
 export interface IFooter {
   navigationData: Navigation;
   companyInfo: CompanyInfo;
+  brandAssets: BrandAssets;
   soMeData: SocialMediaProfiles;
   legalData: LegalDocument[];
 }
@@ -24,11 +26,12 @@ export interface IFooter {
 const Footer = ({
   navigationData,
   companyInfo,
+  brandAssets,
   soMeData,
   legalData,
 }: IFooter) => {
   const renderedLogo = useConvertSanityImageToNextImage(
-    companyInfo.brandAssets?.secondaryLogo,
+    brandAssets?.secondaryLogo,
   );
 
   const currentYear = new Date().getFullYear();
@@ -43,7 +46,7 @@ const Footer = ({
       <ul className={styles.credits}>
         <li key="credit-legal-key-1">
           <Text className={styles.whiteColor}>
-            {`© ${currentYear} ${companyInfo.siteMetadata?.siteName}`}
+            {`© ${currentYear} ${companyInfo.companyName}`}
           </Text>
         </li>
         {legalData?.map((legal) => {
diff --git a/src/components/navigation/footer/FooterPreview.tsx b/src/components/navigation/footer/FooterPreview.tsx
index dac79e00c..d66d56210 100644
--- a/src/components/navigation/footer/FooterPreview.tsx
+++ b/src/components/navigation/footer/FooterPreview.tsx
@@ -7,6 +7,8 @@ import { COMPANY_INFO_QUERY } from "studio/lib/queries/companyDetails";
 import Footer from "./Footer";
 import { SocialMediaProfiles } from "studio/lib/payloads/socialMedia";
 import { SOMEPROFILES_QUERY } from "studio/lib/queries/socialMediaProfiles";
+import { BrandAssets } from "studio/lib/payloads/brandAssets";
+import { BRAND_ASSETS_QUERY } from "studio/lib/queries/brandAssets";
 
 function useInitialData<T>(
   query: string,
@@ -19,23 +21,28 @@ function useInitialData<T>(
 export default function FooterPreview({
   initialNav,
   initialCompanyInfo,
+  initialBrandAssets,
   initialSoMe,
 }: {
   initialNav: QueryResponseInitial<Navigation>;
   initialCompanyInfo: QueryResponseInitial<CompanyInfo>;
+  initialBrandAssets: QueryResponseInitial<BrandAssets>;
   initialSoMe: QueryResponseInitial<SocialMediaProfiles>;
 }) {
   const newNav = useInitialData(NAV_QUERY, initialNav);
   const newCompanyInfo = useInitialData(COMPANY_INFO_QUERY, initialCompanyInfo);
+  const newBrandAssets = useInitialData(BRAND_ASSETS_QUERY, initialBrandAssets);
   const newSoMedata = useInitialData(SOMEPROFILES_QUERY, initialSoMe);
   // TODO: add legal preview
   return (
     newNav &&
     newCompanyInfo &&
+    newBrandAssets &&
     newSoMedata && (
       <Footer
         navigationData={newNav}
         companyInfo={newCompanyInfo}
+        brandAssets={newBrandAssets}
         soMeData={newSoMedata}
         legalData={[]}
       />
diff --git a/src/components/navigation/header/Header.tsx b/src/components/navigation/header/Header.tsx
index e6ace05b9..1ca917720 100644
--- a/src/components/navigation/header/Header.tsx
+++ b/src/components/navigation/header/Header.tsx
@@ -9,10 +9,10 @@ import { linkID } from "studio/schemas/objects/link";
 import { callToActionFieldID } from "studio/schemas/fields/callToActionFields";
 import CustomLink from "src/components/link/CustomLink";
 import LinkButton from "src/components/linkButton/LinkButton";
-import { BrandAssets } from "studio/lib/payloads/companyDetails";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { getHref } from "src/utils/get";
+import { BrandAssets } from "../../../../studio/lib/payloads/brandAssets";
 
 export interface IHeader {
   data: Navigation;
diff --git a/src/components/navigation/header/HeaderPreview.tsx b/src/components/navigation/header/HeaderPreview.tsx
index 443e5c6ba..b32ab3d23 100644
--- a/src/components/navigation/header/HeaderPreview.tsx
+++ b/src/components/navigation/header/HeaderPreview.tsx
@@ -3,31 +3,28 @@ import { QueryResponseInitial, useQuery } from "@sanity/react-loader";
 import { NAV_QUERY } from "studio/lib/queries/navigation";
 import { Navigation } from "studio/lib/payloads/navigation";
 import { Header } from "./Header";
-import { CompanyInfo } from "studio/lib/payloads/companyDetails";
-import { COMPANY_INFO_QUERY } from "studio/lib/queries/companyDetails";
+import { BrandAssets } from "../../../../studio/lib/payloads/brandAssets";
+import { BRAND_ASSETS_QUERY } from "../../../../studio/lib/queries/brandAssets";
 
 export default function HeaderPreview({
   initialNav,
-  initialCompanyInfo,
+  initialBrandAssets,
 }: {
   initialNav: QueryResponseInitial<Navigation>;
-  initialCompanyInfo: QueryResponseInitial<CompanyInfo>;
+  initialBrandAssets: QueryResponseInitial<BrandAssets>;
 }) {
   const { data: newNav } = useQuery<Navigation | null>(
     NAV_QUERY,
     {},
     { initial: initialNav },
   );
-  const { data: newCompanyInfo } = useQuery<CompanyInfo | null>(
-    COMPANY_INFO_QUERY,
+  const { data: newBrandAssets } = useQuery<BrandAssets | null>(
+    BRAND_ASSETS_QUERY,
     {},
-    { initial: initialCompanyInfo },
+    { initial: initialBrandAssets },
   );
 
   return (
-    newNav &&
-    newCompanyInfo && (
-      <Header data={newNav} assets={newCompanyInfo.brandAssets} />
-    )
+    newNav && newBrandAssets && <Header data={newNav} assets={newBrandAssets} />
   );
 }
diff --git a/src/components/navigation/mockData.ts b/src/components/navigation/mockData.ts
index ec294e3f3..a97e767e5 100644
--- a/src/components/navigation/mockData.ts
+++ b/src/components/navigation/mockData.ts
@@ -110,21 +110,10 @@ export const mockNavigation: Navigation = {
 };
 
 export const mockCompanyInfo = {
-  siteMetadata: {
-    siteName: "Varaint",
-    defaultLanguage: "en",
-  },
-  brandAssets: {
-    primaryLogo: {
-      src: primaryLogoFile,
-      alt: "Primary Logo",
-    },
-    secondaryLogo: {
-      src: secondaryLogoFile,
-      alt: "Secondary Logo",
-    },
-    favicon: {},
-  },
+  companyName: "Variant",
+  organizationNumber: "",
+  companyPhone: "",
+  companyEmail: "",
 };
 
 export const mockLogo = {
diff --git a/src/utils/seo.ts b/src/utils/seo.ts
index ff79070e0..f092329b0 100644
--- a/src/utils/seo.ts
+++ b/src/utils/seo.ts
@@ -6,6 +6,9 @@ import { loadQuery } from "studio/lib/store";
 import { PortableTextBlock } from "src/components/richText/RichText";
 import { DEFAULT_SEO_QUERY } from "../../studio/lib/queries/seo";
 import { DefaultSeo } from "../../studio/lib/payloads/defaultSeo";
+import { BrandAssets } from "../../studio/lib/payloads/brandAssets";
+import { BRAND_ASSETS_QUERY } from "../../studio/lib/queries/brandAssets";
+import { CompanyInfo } from "../../studio/lib/payloads/companyDetails";
 
 type SeoData = {
   title: string;
@@ -21,15 +24,6 @@ type PostSeoData = {
   keywords: string;
 };
 
-type CompanyInfo = {
-  siteMetadata: {
-    siteName: string;
-  };
-  brandAssets: {
-    favicon: string;
-  };
-};
-
 export const OPEN_GRAPH_IMAGE_DIMENSIONS = {
   width: 1200,
   height: 630,
@@ -72,33 +66,28 @@ export async function fetchPostSeoData(
   }
 }
 
-export async function fetchCompanyInfo(): Promise<CompanyInfo | null> {
-  try {
-    const { data } = await loadQuery<CompanyInfo>(COMPANY_INFO_QUERY);
-    return data;
-  } catch (error) {
-    console.error("Error loading site settings:", error);
-    return null;
-  }
-}
-
 export async function generateMetadataFromSeo(
   seo: SeoData | null,
 ): Promise<Metadata> {
   const { data: defaultSeo } = await loadQuery<DefaultSeo | null>(
     DEFAULT_SEO_QUERY,
   );
-  const companyInfo = await fetchCompanyInfo();
+  const { data: companyInfo } = await loadQuery<CompanyInfo | null>(
+    COMPANY_INFO_QUERY,
+  );
+  const { data: brandAssets } = await loadQuery<BrandAssets | null>(
+    BRAND_ASSETS_QUERY,
+  );
 
   const title =
     seo?.title ||
     defaultSeo?.seo?.seoTitle ||
-    companyInfo?.siteMetadata?.siteName ||
+    companyInfo?.companyName ||
     "Variant";
   const description = seo?.description || defaultSeo?.seo?.seoDescription;
   const keywords = seo?.keywords || "";
 
-  const favicon = companyInfo?.brandAssets?.favicon;
+  const favicon = brandAssets?.favicon;
   const faviconUrl = favicon ? urlFor(favicon).url() : "";
 
   const icons = [faviconUrl ? { rel: "icon", url: faviconUrl } : null].filter(
diff --git a/studio/components/stringInputWithCharacterCount/StringInputWithCharacterCount.tsx b/studio/components/stringInputWithCharacterCount/StringInputWithCharacterCount.tsx
index 9738b3e77..a5987f18e 100644
--- a/studio/components/stringInputWithCharacterCount/StringInputWithCharacterCount.tsx
+++ b/studio/components/stringInputWithCharacterCount/StringInputWithCharacterCount.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { Box, Stack, Text } from "@sanity/ui";
 import { StringInputProps } from "sanity";
 import styles from "./stringInputWithCharacterCount.module.css";
diff --git a/studio/lib/payloads/brandAssets.ts b/studio/lib/payloads/brandAssets.ts
new file mode 100644
index 000000000..ba43a096c
--- /dev/null
+++ b/studio/lib/payloads/brandAssets.ts
@@ -0,0 +1,7 @@
+import { IImage } from "./media";
+
+export interface BrandAssets {
+  primaryLogo: IImage;
+  secondaryLogo: IImage;
+  favicon: IImage;
+}
diff --git a/studio/lib/payloads/companyDetails.ts b/studio/lib/payloads/companyDetails.ts
index 57cefdb2a..81dec6502 100644
--- a/studio/lib/payloads/companyDetails.ts
+++ b/studio/lib/payloads/companyDetails.ts
@@ -1,19 +1,8 @@
-import { IImage } from "./media";
-
 export interface CompanyInfo {
-  brandAssets: BrandAssets;
-  siteMetadata: SiteMetadata;
-}
-
-export interface BrandAssets {
-  primaryLogo: IImage;
-  secondaryLogo: IImage;
-  favicon: IImage;
-}
-
-interface SiteMetadata {
-  siteName: string;
-  defaultLanguage: string;
+  companyName: string;
+  organizationNumber: string;
+  companyPhone: string;
+  companyEmail: string;
 }
 
 export interface CompanyLocation {
diff --git a/studio/lib/payloads/languages.ts b/studio/lib/payloads/languages.ts
new file mode 100644
index 000000000..0a72bbfe3
--- /dev/null
+++ b/studio/lib/payloads/languages.ts
@@ -0,0 +1,3 @@
+interface DefaultLanguageObject {
+  defaultLanguage: string;
+}
diff --git a/studio/lib/queries/brandAssets.ts b/studio/lib/queries/brandAssets.ts
new file mode 100644
index 000000000..f6c9478d9
--- /dev/null
+++ b/studio/lib/queries/brandAssets.ts
@@ -0,0 +1,6 @@
+import { groq } from "next-sanity";
+import { brandAssetsID } from "../../schemas/documents/brandAssets";
+
+export const BRAND_ASSETS_QUERY = groq`
+  *[_type == "${brandAssetsID}" && _id == "${brandAssetsID}"][0]
+`;
diff --git a/studio/lib/queries/companyDetails.ts b/studio/lib/queries/companyDetails.ts
index 05426005f..fde86cf6a 100644
--- a/studio/lib/queries/companyDetails.ts
+++ b/studio/lib/queries/companyDetails.ts
@@ -1,9 +1,6 @@
 import { groq } from "next-sanity";
+import { companyInfoID } from "../../schemas/documents/companyInfo";
 
-export const COMPANY_INFO_QUERY = groq`*[_type == "companyInfo"]{
-    brandAssets,
-    siteMetadata,
-    legalPages,
-}[0]`;
+export const COMPANY_INFO_QUERY = groq`*[_type == "${companyInfoID}"][0]`;
 
 export const COMPANY_LOCATIONS_QUERY = groq`*[_type == "companyLocation"]`;
diff --git a/studio/lib/queries/languages.ts b/studio/lib/queries/languages.ts
new file mode 100644
index 000000000..a6849685e
--- /dev/null
+++ b/studio/lib/queries/languages.ts
@@ -0,0 +1,6 @@
+import { groq } from "next-sanity";
+import { supportedLanguagesID } from "../../schemas/documents/supportedLanguages";
+
+export const DEFAULT_LANGUAGE_QUERY = groq`*[_type == "${supportedLanguagesID}" && _id == "${supportedLanguagesID}"][0] {
+    "defaultLanguage": languages[isDefault == true][0].language
+}`;
diff --git a/studio/schema.ts b/studio/schema.ts
index a9dff28b2..f3b706796 100644
--- a/studio/schema.ts
+++ b/studio/schema.ts
@@ -17,6 +17,7 @@ import redirect from "./schemas/documents/redirect";
 import benefitsByLocation from "./schemas/objects/compensations/benefitsByLocation";
 import supportedLanguages from "./schemas/documents/supportedLanguages";
 import defaultSeo from "./schemas/documents/admin/defaultSeo";
+import brandAssets from "./schemas/documents/brandAssets";
 
 export const schema: { types: SchemaTypeDefinition[] } = {
   types: [
@@ -38,5 +39,6 @@ export const schema: { types: SchemaTypeDefinition[] } = {
     companyLocation,
     supportedLanguages,
     defaultSeo,
+    brandAssets,
   ],
 };
diff --git a/studio/schemas/deskStructure.ts b/studio/schemas/deskStructure.ts
index 6d4cdbadb..43f524fb4 100644
--- a/studio/schemas/deskStructure.ts
+++ b/studio/schemas/deskStructure.ts
@@ -14,6 +14,7 @@ import {
   DoubleChevronRightIcon,
   PinIcon,
   SearchIcon,
+  ImagesIcon,
 } from "@sanity/icons";
 import { soMeLinksID } from "./documents/socialMediaProfiles";
 import { companyInfoID } from "./documents/companyInfo";
@@ -23,6 +24,7 @@ import { redirectId } from "./documents/redirect";
 import { companyLocationID } from "./documents/companyLocation";
 import { supportedLanguagesID } from "./documents/supportedLanguages";
 import { defaultSeoID } from "./documents/admin/defaultSeo";
+import { brandAssetsID } from "./documents/brandAssets";
 
 // Admin Section
 const adminSection = (S: StructureBuilder) =>
@@ -66,6 +68,15 @@ const siteSettingSection = (S: StructureBuilder) =>
       S.list()
         .title("Site Settings")
         .items([
+          S.listItem()
+            .title("Brand Assets")
+            .icon(ImagesIcon)
+            .child(
+              S.document()
+                .schemaType(brandAssetsID)
+                .documentId(brandAssetsID)
+                .title("Brand Assets"),
+            ),
           S.listItem()
             .title("Navigation Manager")
             .icon(TransferIcon)
diff --git a/studio/schemas/documents/brandAssets.ts b/studio/schemas/documents/brandAssets.ts
new file mode 100644
index 000000000..53772fe1f
--- /dev/null
+++ b/studio/schemas/documents/brandAssets.ts
@@ -0,0 +1,32 @@
+import { defineField, defineType } from "sanity";
+
+export const brandAssetsID = "brandAssets";
+
+const brandAssets = defineType({
+  name: brandAssetsID,
+  type: "document",
+  title: "Brand Assets",
+  fields: [
+    defineField({
+      name: "primaryLogo",
+      type: "image",
+      title: "Primary Logo",
+      description: "Upload the main logo of your site.",
+    }),
+    defineField({
+      name: "secondaryLogo",
+      type: "image",
+      title: "Secondary Logo",
+      description: "Upload the secondary logo of your site.",
+    }),
+    defineField({
+      name: "favicon",
+      type: "image",
+      title: "Favicon",
+      description:
+        "Upload the favicon for your site. It appears in the browser tab.",
+    }),
+  ],
+});
+
+export default brandAssets;
diff --git a/studio/schemas/documents/companyInfo.ts b/studio/schemas/documents/companyInfo.ts
index e70032961..55a0908e4 100644
--- a/studio/schemas/documents/companyInfo.ts
+++ b/studio/schemas/documents/companyInfo.ts
@@ -1,5 +1,4 @@
 import { defineType, defineField } from "sanity";
-import seo from "../objects/seo";
 import { StringInputWithCharacterCount } from "../../components/stringInputWithCharacterCount/StringInputWithCharacterCount";
 
 export const companyInfoID = "companyInfo";
@@ -8,77 +7,39 @@ const companyInfo = defineType({
   name: companyInfoID,
   type: "document",
   title: "Company Information",
-  description:
-    "Manage all your global site settings here, including brand assets and company information. " +
-    "Everything stored here is essential for consistent branding, and is referenced across various site sections, " +
-    "such as your office locations.",
   fields: [
-    {
-      name: "siteMetadata",
-      type: "object",
-      title: "Site Metadata",
+    defineField({
+      name: "companyName",
+      type: "string",
+      title: "Company Name",
       description:
-        "Basic metadata about your site including name, default language, and contact information.",
-      fields: [
-        defineField({
-          name: "siteName",
-          type: "string",
-          title: "Site Name",
-          description: "The name of your website.",
-          validation: (rule) => rule.max(60),
-          components: {
-            input: (props) =>
-              StringInputWithCharacterCount({ ...props, maxCount: 60 }),
-          },
-        }),
-        defineField({
-          name: "defaultLanguage",
-          type: "string",
-          title: "Default Language",
-          description: "Select the default language for your website.",
-          options: {
-            list: [
-              { title: "English", value: "en" },
-              { title: "Norwegian", value: "no" },
-            ],
-          },
-        }),
-        defineField({
-          name: "contactEmail",
-          type: "string",
-          title: "Contact Email",
-          description:
-            "The contact email address for site inquiries or administration.",
-        }),
-      ],
-    },
-    {
-      name: "brandAssets",
-      type: "object",
-      title: "Brand Assets",
-      description: "Upload your logo and favicon to be used across the site.",
-      fields: [
-        defineField({
-          name: "primaryLogo",
-          type: "image",
-          title: "Primary Logo",
-          description: "Upload the main logo of your site.",
-        }),
-        defineField({
-          name: "secondaryLogo",
-          type: "image",
-          title: "Secondary Logo",
-          description: "Upload the secondary logo of your site.",
-        }),
-        defineField({
-          name: "favicon",
-          type: "image",
-          title: "Favicon",
-          description:
-            "Upload the favicon for your site. It appears in the browser tab.",
-        }),
-      ],
-    },
+        "The name of the company or website. This will be visible on the website.",
+      validation: (rule) => rule.required().max(60),
+      components: {
+        input: (props) =>
+          StringInputWithCharacterCount({ ...props, maxCount: 60 }),
+      },
+    }),
+    defineField({
+      name: "organizationNumber",
+      type: "string",
+      title: "Organization Number",
+      description: "Enter the organization number",
+    }),
+    defineField({
+      name: "companyPhone",
+      type: "string",
+      title: "Contact Phone Number",
+      description:
+        "The contact phone number for site inquiries or administration.",
+    }),
+    defineField({
+      name: "companyEmail",
+      type: "string",
+      title: "Contact Email",
+      description:
+        "The contact email address for site inquiries or administration.",
+    }),
   ],
   preview: {
     prepare() {