created base layouts and fixed structure

src/pages/home-page/HomePageElement.ts

@@ -0,0 +1,37 @@
+import { attr, targets, controller, target } from "@github/catalyst";
+import { closest, index, update, isTrue } from "core/utils";
+import { html, render, until } from "@github/jtml";
+import { PingService } from "services/";
+
+@controller
+class HomePageElement extends HTMLElement {
+    private pingService: PingService;
+    constructor() {
+        super();
+        this.pingService = new PingService();
+    }
+    @update
+    connectedCallback() {}
+
+    getPong = async () => {
+        try {
+            const response = await this.pingService.getAll();
+            return response.api;
+        } catch (err) {
+            console.log(err);
+        }
+    };
+
+    pongEl = () => {
+        return html`<div>${until(this.getPong())}</div>`;
+    };
+
+    update() {
+        render(
+            html`<app-link data-to="/home" data-title="Home"></app-link> |
+                <app-link data-to="/" data-title="Main"></app-link> |
+                <app-link data-to="/rb" data-title="$1"></app-link>`,
+            this
+        );
+    }
+}