Updates header & footer to match new marketing site

chromaui · Nov 1, 2023 · 153b314 · 153b314
1 parent bc64968
commit 153b314
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 48 deletions.
diff --git a/.gitignore b/.gitignore
@@ -26,3 +26,6 @@ _site_deploy/docs
 .jekyll-cache
 # Local Netlify folder
 .netlify
+
+# local VSCode settings
+.vscode
diff --git a/src/components/Footer/footerData.ts b/src/components/Footer/footerData.ts
@@ -10,60 +10,34 @@ export const footerColumns: FooterProps["columns"] = [
       { title: "Terms of Service", href: "/docs/terms-of-service" },
       { title: "Privacy", href: "/docs/privacy-policy" },
       { title: "Status", href: "https://status.chromatic.com/" },
-      { title: "Security • SOC 2", href: "/docs/security" },
+      { title: "Security • SOC 2", href: "/security" },
       { title: "Contact Sales", href: "/sales" },
     ],
   },
   {
     title: "Features",
     links: [
-      {
-        title: "Visual test",
-        href: "https://www.chromatic.com/features/test",
-      },
-      { title: "Interaction test", href: "/docs/interactions" },
-      { title: "TurboSnap", href: "/docs/turbosnap" },
-      {
-        title: "UI Review",
-        href: "/features/publish",
-      },
-      {
-        title: "Document",
-        href: "/features/document",
-      },
-      {
-        title: "Figma plugin",
-        href: "/features/figma-plugin",
-      },
+      { title: "UI Tests", href: "/features/test" },
+      { title: "Visual test", href: "/features/visual-test" },
+      { title: "Interaction test", href: "/features/interaction-test" },
+      { title: "TurboSnap", href: "/features/turbosnap" },
+      { title: "UI Review", href: "/features/review" },
+      { title: "Publish", href: "/features/publish" },
+      { title: "Figma plugin", href: "/features/figma-plugin" },
     ],
   },
   {
     title: "Customers",
     links: [
-      {
-        title: "Made for Storybook",
-        href: "/solutions/storybook",
-      },
-      {
-        title: "Frontend teams",
-        href: "/solutions/frontend",
-      },
-      {
-        title: "Design systems",
-        href: "/solutions/design-systems",
-      },
-      {
-        title: "Digital agencies",
-        href: "/solutions/agencies",
-      },
+      { title: "Made for Storybook", href: "/solutions/storybook" },
+      { title: "Frontend teams", href: "/solutions/frontend" },
+      { title: "Design systems", href: "/solutions/design-systems" },
+      { title: "Digital agencies", href: "/solutions/agencies" },
       {
         title: "Monday.com",
         href: "/customers/monday",
       },
-      {
-        title: "Collective.work",
-        href: "/customers/collective",
-      },
+      { title: "Collective.work", href: "/customers/collective" },
     ],
   },
   {

diff --git a/src/components/Header/headerData.tsx b/src/components/Header/headerData.tsx
@@ -18,34 +18,40 @@ interface LinksProps {
 
 const links: LinksProps = {
   UITest: {
-    title: "Visual test",
+    title: "UI Tests",
     icon: "contrast",
     iconColor: "cyan500",
     href: "/features/test",
   },
+  VisualTest: {
+    title: "Visual Test",
+    icon: "eye",
+    iconColor: "purple500",
+    href: "/features/visual-test",
+  },
   interactionTest: {
     title: "Interaction Test",
     icon: "pointerhand",
     iconColor: "orange500",
-    href: "/docs/interactions",
+    href: "/features/interaction-test",
   },
   turboSnap: {
     title: "TurboSnap",
     icon: "dashboard",
     iconColor: "blue500",
-    href: "/docs/turbosnap",
+    href: "/features/turbosnap",
   },
   UIReview: {
     title: "UI Review",
     icon: "batchaccept",
     iconColor: "green500",
-    href: "/features/publish",
+    href: "/features/review",
   },
-  Document: {
-    title: "Document",
+  Publish: {
+    title: "Publish",
     icon: "document",
     iconColor: "pink500",
-    href: "/features/document",
+    href: "/features/publish",
   },
   figmaPlugin: {
     title: "Figma plugin",
@@ -111,6 +117,11 @@ export const desktopData: HeaderProps["desktopData"] = [
           {
             ...links.UITest,
             type: "link",
+            description: "Test how UIs look & function",
+          },
+          {
+            ...links.VisualTest,
+            type: "link",
             description:
               "Pinpoint bugs down to the browser, viewport, and pixel",
           },
@@ -140,7 +151,7 @@ export const desktopData: HeaderProps["desktopData"] = [
             description: "Speed up team sign-off and manage change requests",
           },
           {
-            ...links.Document,
+            ...links.Publish,
             type: "link",
             description: "Index & version components to reuse existing work",
           },
@@ -273,7 +284,10 @@ export const mobileData: HeaderProps["mobileData"] = [
         ...links.UIReview,
       },
       {
-        ...links.Document,
+        ...links.Publish,
+      },
+      {
+        ...links.VisualTest,
       },
       {
         ...links.interactionTest,
@@ -346,6 +360,11 @@ export const mobileData: HeaderProps["mobileData"] = [
         customIcon: <CollectiveIcon />,
         href: "/customers/collective",
       },
+      // {
+      //   title: 'BBC',
+      //   customIcon: <BBCIcon />,
+      //   href: '/',
+      // },
     ],
   },
   {