diff --git a/web/astro.config.mjs b/web/astro.config.mjs
index 73c479b..e5f09c8 100644
--- a/web/astro.config.mjs
+++ b/web/astro.config.mjs
@@ -6,6 +6,11 @@ import mdx from "@astrojs/mdx";
// https://astro.build/config
export default defineConfig({
site: "https://www.vspace.one",
+ // Other pages get prefetched for SPA typical navigation speed
+ prefetch: {
+ prefetchAll: true,
+ defaultStrategy: "hover",
+ },
integrations: [
tailwind({
applyBaseStyles: false,
diff --git a/web/bun.lockb b/web/bun.lockb
index 535aa11..8eac1c5 100755
Binary files a/web/bun.lockb and b/web/bun.lockb differ
diff --git a/web/package.json b/web/package.json
index de7f750..3aecf9f 100644
--- a/web/package.json
+++ b/web/package.json
@@ -18,12 +18,14 @@
"@photo-sphere-viewer/core": "^5.8.1",
"@photo-sphere-viewer/markers-plugin": "^5.8.1",
"@photo-sphere-viewer/virtual-tour-plugin": "^5.8.1",
+ "@unom/style": "git+https://git.unom.io/unom/style.git",
"astro": "^4.11.3",
"autoprefixer": "^10.4.19",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"ical": "^0.8.0",
"keen-slider": "^6.8.6",
+ "lucide-astro": "^0.399.0",
"marked": "^13.0.1",
"motion": "^10.18.0",
"postcss": "^8.4.38",
diff --git a/web/src/components/Card.astro b/web/src/components/Card.astro
index 8b8da17..419886f 100644
--- a/web/src/components/Card.astro
+++ b/web/src/components/Card.astro
@@ -2,7 +2,7 @@
import type { HTMLAttributes } from "astro/types";
import { type VariantProps, cva } from "class-variance-authority";
-const card = cva(
+export const card = cva(
"card rounded-card transition-colors bg-neutral-accent ring-2 ring-main/10",
{
variants: {
@@ -16,7 +16,7 @@ const card = cva(
false: "p-0",
},
},
- }
+ },
);
export interface Props
diff --git a/web/src/components/Cards/CardSupport.astro b/web/src/components/Cards/CardSupport.astro
new file mode 100644
index 0000000..4f82031
--- /dev/null
+++ b/web/src/components/Cards/CardSupport.astro
@@ -0,0 +1,19 @@
+---
+import { card } from "../Card.astro";
+
+type Props = {
+ title: string;
+ text: string;
+ to: string;
+};
+
+const { text, title, to } = Astro.props;
+---
+
+
+ {text}{title}
+