Qwik routes (#58)

* qwik_route

* feat route

libs/web/landing/footer/src/lib/footer.tsx

@@ -10,6 +10,12 @@ export default component$(() => {
   return (
     <Box width="full" align="between-center" direction="horizontal" paddingX="2" paddingY="0.5">
       <Text theme="secondary">&copy; 2023-2024 Produckians</Text>
+      <Button variant="surface" href="/privacy">
+          <Text theme="secondary">Privacy</Text>
+      </Button>
+      <Button variant="surface" href="/terms">
+          <Text theme="secondary">Terms</Text>
+      </Button>
       <Box direction="horizontal" gap="2">
         <Button onClick$={toDarkMode} variant="tertiary">
           <Text theme="tertiary">Dark</Text>
@@ -20,4 +26,4 @@ export default component$(() => {
       </Box>
     </Box>
   );
-});
+});

package.json

@@ -10,6 +10,7 @@
     "@builder.io/qwik": "~1.4.2",
     "@builder.io/qwik-city": "~1.4.2",
     "@cloudflare/workers-types": "^4.20231218.0",
+    "@headlessui/react": "^1.7.18",
     "@lucia-auth/adapter-sqlite": "^3.0.1",
     "@nx/devkit": "17.2.8",
     "@nx/eslint": "17.2.8",
@@ -46,6 +47,8 @@
     "eslint-plugin-playwright": "^0.22.1",
     "eslint-plugin-qwik": "~1.4.2",
     "fabric": "6.0.0-beta18",
+    "headless": "^1.2.0",
+    "headlessui": "^0.0.0",
     "hono": "^4.1.0",
     "husky": "^9.0.6",
     "jest": "^29.4.1",
@@ -59,6 +62,7 @@
     "postcss": "^8.4.32",
     "prettier": "^3.1.1",
     "qwik-nx": "^2.0.2",
+    "react": "^18.2.0",
     "rxjs": "^7.8.0",
     "storybook-framework-qwik": "^0.2.5",
     "tailwindcss": "^3.4.0",