Adding links to legal

packages/console/app/src/component/header-context-menu.css

@@ -29,7 +29,6 @@
   color: var(--color-text);
   font-size: var(--font-size-sm);
   text-align: left;
-  cursor: pointer;
   border-radius: 2px;
   transition: background-color 0.2s ease;
 

packages/console/app/src/component/legal.tsx

@@ -4,6 +4,12 @@ export function Legal() {
       <span>
         ©{new Date().getFullYear()} <a href="https://anoma.ly">Anomaly</a>
       </span>
+      <span>
+        <a href="/brand">Brand</a>
+      </span>
+      <span>
+        <a href="/legal">Legal</a>
+      </span>
     </div>
   )
 }

packages/console/app/src/routes/brand/index.css

@@ -8,7 +8,6 @@
   }
 }
 
-
 [data-page="enterprise"] {
   --color-background: hsl(0, 20%, 99%);
   --color-background-weak: hsl(0, 8%, 97%);
@@ -52,7 +51,6 @@
     --color-text-inverted: hsl(0, 9%, 7%);
     --color-text-success: hsl(119, 60%, 72%);
 
-
     --color-border: hsl(0, 3%, 28%);
     --color-border-weak: hsl(0, 4%, 23%);
 
@@ -263,7 +261,6 @@
   [data-component="content"] {
   }
 
-
   [data-component="brand-content"] {
     padding: 4rem 5rem;
 
@@ -297,11 +294,10 @@
       cursor: pointer;
       display: flex;
       width: fit-content;
-      gap: 12px;
+      gap: 32px;
       transition: background-color 0.2s ease;
       text-decoration: none;
 
-
       &:hover:not(:disabled) {
         background: var(--color-background-strong-hover);
       }
@@ -320,15 +316,11 @@
       margin-bottom: 2rem;
     }
 
-
     @media (max-width: 60rem) {
       padding: 2rem 1.5rem;
     }
   }
 
-
-
-
   [data-component="faq"] {
     border-top: 1px solid var(--color-border-weak);
     padding: 4rem 5rem;
@@ -419,6 +411,9 @@
     color: var(--color-text-weak);
     text-align: center;
     padding: 2rem 5rem;
+    display: flex;
+    gap: 32px;
+    justify-content: center;
 
     @media (max-width: 60rem) {
       padding: 2rem 1.5rem;
@@ -428,6 +423,11 @@
       color: var(--color-text-weak);
       text-decoration: none;
     }
+
+    a:hover {
+      color: var(--color-text);
+      text-decoration: underline;
+    }
   }
 
   a {

packages/console/app/src/routes/enterprise/index.css

@@ -8,7 +8,6 @@
   }
 }
 
-
 [data-page="enterprise"] {
   --color-background: hsl(0, 20%, 99%);
   --color-background-weak: hsl(0, 8%, 97%);
@@ -52,7 +51,6 @@
     --color-text-inverted: hsl(0, 9%, 7%);
     --color-text-success: hsl(119, 60%, 72%);
 
-
     --color-border: hsl(0, 3%, 28%);
     --color-border-weak: hsl(0, 4%, 23%);
 
@@ -390,7 +388,7 @@
 
             @media (prefers-color-scheme: dark) {
               box-shadow: none;
-              border: 1px solid var(--color-background-interactive)
+              border: 1px solid var(--color-background-interactive);
             }
           }
         }
@@ -520,6 +518,9 @@
     color: var(--color-text-weak);
     text-align: center;
     padding: 2rem 5rem;
+    display: flex;
+    gap: 32px;
+    justify-content: center;
 
     @media (max-width: 60rem) {
       padding: 2rem 1.5rem;
@@ -529,6 +530,11 @@
       color: var(--color-text-weak);
       text-decoration: none;
     }
+
+    a:hover {
+      color: var(--color-text);
+      text-decoration: underline;
+    }
   }
 
   a {

packages/console/app/src/routes/index.css

@@ -56,7 +56,6 @@ body {
   }
 }
 
-
 @supports (background: -webkit-named-image(i)) {
   [data-page="opencode"] {
     border-top: 1px solid var(--color-border-weak);
@@ -118,7 +117,6 @@ body {
       display: none !important;
     }
 
-
     [data-component="growth-stat"] {
       display: flex;
       flex-direction: column;
@@ -149,14 +147,12 @@ body {
             display: none;
           }
         }
-
       }
 
-
       [data-component="stat-illustration"] {
-      width: 100%;
-      height: 100%;
-      display: block;
+        width: 100%;
+        height: 100%;
+        display: block;
 
         svg {
           margin: 0;
@@ -164,10 +160,9 @@ body {
           height: auto;
           display: block;
         }
+      }
     }
   }
-  }
-
 
   input:-webkit-autofill,
   input:-webkit-autofill:hover,
@@ -184,7 +179,6 @@ body {
     -moz-text-fill-color: var(--color-text-strong) !important;
   }
 
-
   [data-component="container"] {
     max-width: 67.5rem;
     margin: 0 auto;
@@ -328,10 +322,10 @@ body {
     display: flex;
     flex-direction: column;
     max-width: 100%;
-    padding: calc(var(--vertical-padding)*2) var(--padding);
+    padding: calc(var(--vertical-padding) * 2) var(--padding);
 
     @media (max-width: 30rem) {
-      padding: var(--vertical-padding) var(--padding)
+      padding: var(--vertical-padding) var(--padding);
     }
 
     @media (prefers-color-scheme: dark) {
@@ -352,7 +346,6 @@ body {
     @media (max-width: 550px) {
       width: calc(100vw - 48px);
     }
-
   }
 
   [data-component="tabs"] {
@@ -368,7 +361,7 @@ body {
       padding: 0 20px;
 
       @media (max-width: 60rem) {
-        gap: 20px;
+        gap: 32px;
         overflow-x: auto;
         width: 100%;
       }
@@ -443,7 +436,6 @@ body {
           @media (max-width: 35rem) {
             width: calc(100% - 40px) !important;
           }
-
         }
 
         [data-slot="highlight"] {
@@ -496,7 +488,6 @@ body {
       @media (max-width: 60rem) {
         font-size: 22px;
       }
-
     }
 
     p {
@@ -579,7 +570,6 @@ body {
     margin-bottom: 24px;
     max-width: 100%;
 
-
     div {
       display: flex;
       gap: 12px;
@@ -832,7 +822,7 @@ body {
 
         @media (prefers-color-scheme: dark) {
           box-shadow: none;
-          border: 1px solid var(--color-background-interactive)
+          border: 1px solid var(--color-background-interactive);
         }
       }
 
@@ -892,7 +882,6 @@ body {
         margin-top: 2px;
       }
 
-
       [data-slot="faq-icon-plus"] {
         flex-shrink: 0;
         color: var(--color-text-weak);
@@ -1021,7 +1010,6 @@ body {
   }
 
   [data-component="copy-status"] {
-
     [data-slot="copy"] {
       display: block;
       width: var(--space-4);
@@ -1054,12 +1042,10 @@ body {
       border-bottom: 1px solid var(--color-border-weak);
     }
 
-
     [data-slot="cell"] {
       flex: 1;
       text-align: center;
 
-
       a {
         text-decoration: none;
         padding: 2rem 0;
@@ -1072,7 +1058,6 @@ body {
           @media (max-width: 40rem) {
             display: none;
           }
-
         }
       }
 
@@ -1111,10 +1096,18 @@ body {
   [data-component="legal"] {
     color: var(--color-text-weak);
     text-align: center;
+    display: flex;
+    gap: 32px;
+    justify-content: center;
 
     a {
       color: var(--color-text-weak);
       text-decoration: none;
     }
+
+    a:hover {
+      color: var(--color-text);
+      text-decoration: underline;
+    }
   }
 }

packages/console/app/src/routes/zen/index.css

@@ -60,7 +60,6 @@ body {
   }
 }
 
-
 [data-page="zen"] {
   background: var(--color-background);
   --padding: 5rem;
@@ -112,9 +111,6 @@ body {
     -moz-text-fill-color: var(--color-text-strong) !important;
   }
 
-
-
-
   [data-component="container"] {
     max-width: 67.5rem;
     margin: 0 auto;
@@ -179,8 +175,6 @@ body {
       }
     }
 
-
-
     [data-component="nav-mobile-toggle"] {
       border: none;
       background: none;
@@ -258,14 +252,14 @@ body {
   [data-component="hero"] {
     display: flex;
     flex-direction: column;
-    padding: calc(var(--vertical-padding)*2) var(--padding);
+    padding: calc(var(--vertical-padding) * 2) var(--padding);
 
     [data-slot="zen logo dark"] {
       display: none;
     }
 
     @media (max-width: 30rem) {
-      padding: var(--vertical-padding) var(--padding)
+      padding: var(--vertical-padding) var(--padding);
     }
 
     @media (prefers-color-scheme: dark) {
@@ -295,8 +289,6 @@ body {
       }
     }
 
-
-
     p {
       color: var(--color-text);
       margin-bottom: 24px;
@@ -778,12 +770,10 @@ body {
       border-bottom: 1px solid var(--color-border-weak);
     }
 
-
     [data-slot="cell"] {
       flex: 1;
       text-align: center;
 
-
       a {
         text-decoration: none;
         padding: 2rem 0;
@@ -796,7 +786,6 @@ body {
           @media (max-width: 40rem) {
             display: none;
           }
-
         }
       }
 
@@ -835,10 +824,18 @@ body {
   [data-component="legal"] {
     color: var(--color-text-weak);
     text-align: center;
+    display: flex;
+    gap: 32px;
+    justify-content: center;
 
     a {
       color: var(--color-text-weak);
       text-decoration: none;
     }
+
+    a:hover {
+      color: var(--color-text);
+      text-decoration: underline;
+    }
   }
 }