docs(websitedoc): added new website

packages/docs/src/components/footer/footer.css

@@ -0,0 +1,22 @@
+footer {
+  border-top: 0.5px solid #ddd;
+  margin-top: 40px;
+  padding: 20px;
+  text-align: center;
+}
+
+footer a {
+  color: #9e9e9e;
+  font-size: 12px;
+}
+
+footer ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+footer li {
+  display: inline-block;
+  padding: 6px 12px;
+}

packages/docs/src/components/footer/footer.tsx

@@ -0,0 +1,36 @@
+import { component$, useStyles$ } from '@builder.io/qwik';
+import styles from './footer.css?inline';
+
+export default component$(() => {
+  useStyles$(styles);
+
+  return (
+    <footer>
+      <ul>
+        <li>
+          <a href="/docs">Docs</a>
+        </li>
+        <li>
+          <a href="/about-us">About Us</a>
+        </li>
+        <li>
+          <a href="https://qwik.builder.io/">Qwik</a>
+        </li>
+        <li>
+          <a href="https://twitter.com/QwikDev">Twitter</a>
+        </li>
+        <li>
+          <a href="https://github.com/BuilderIO/qwik">GitHub</a>
+        </li>
+        <li>
+          <a href="https://qwik.builder.io/chat">Chat</a>
+        </li>
+      </ul>
+      <div>
+        <a href="https://www.builder.io/" target="_blank" class="builder">
+          Made with ♡ by Builder.io
+        </a>
+      </div>
+    </footer>
+  );
+});