Initial commit

landing/src/app/ui/site-footer.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import {
+  PiDividerComponent,
+  PiTextColorDirective,
+  PiTextSmallDirective,
+} from '@pi/ui';
+
+import type { Copy } from '../core/copy';
+
+@Component({
+  selector: 'app-site-footer',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [PiDividerComponent, PiTextSmallDirective, PiTextColorDirective],
+  styleUrl: './site-footer.scss',
+  template: `
+    <footer class="landing-footer">
+      <div class="landing-shell">
+        <pi-divider color="grey" width="large" />
+        <div class="landing-footer__row">
+          <p s pi-color color="grey">© {{ year }} Pireon. {{ copy().footer.rights }}</p>
+          <p s pi-color color="grey">
+            {{ copy().footer.built }}
+            <a
+              href="https://landing-api.pireon.dev/docs/api"
+              target="_blank"
+              rel="noopener noreferrer"
+              >API ↗</a
+            >
+          </p>
+        </div>
+      </div>
+    </footer>
+  `,
+})
+export class SiteFooter {
+  readonly copy = input.required<Copy>();
+
+  protected readonly year = new Date().getFullYear();
+}