From streaming quality to social integration, we nail the details.
-
-
-
- {
- features.map((feature, index) => (
-
-
-
-
-
-
-
- {feature.title}
-
-
- {feature.description}
-
-
-
-
- ))
- }
-
-
-
-
-
-
How it works
-
From click → play in under three minutes
-
-
-
-
-
-
-
- 1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Add your game from Steam
-
-
-
-
-
-
-
- 2
-
-
-
-
-
- Create or join a Nestri Party
-
-
-
-
-
-
-
-
-
-
-
-
- /play/Lqj8a0
-
-
-
-
-
-
-
-
-
-
-
-
- /play/vgCaA2
-
-
-
-
-
-
-
-
-
-
-
-
- /play/I5kzHj
-
-
-
-
-
-
-
-
-
-
- 3
-
-
-
-
-
-
-
-
-
-
-
- Play your game with friends
-
-
-
-
-
-
-
-
-
-
-
+
);
});
diff --git a/apps/www/src/routes/pricing/cash.mp3 b/apps/www/src/routes/pricing/cash.mp3
new file mode 100644
index 00000000..8b26b8ee
Binary files /dev/null and b/apps/www/src/routes/pricing/cash.mp3 differ
diff --git a/apps/www/src/routes/pricing/index.tsx b/apps/www/src/routes/pricing/index.tsx
index f50efa44..626d7e53 100644
--- a/apps/www/src/routes/pricing/index.tsx
+++ b/apps/www/src/routes/pricing/index.tsx
@@ -1,127 +1,155 @@
-import { component$ } from "@builder.io/qwik";
-import { Link } from "@builder.io/qwik-city";
-import { TitleSection, MotionComponent, transition } from "@nestri/ui/react";
-import { TeamCounter, NavBar, Footer } from "@nestri/ui"
-
+import { component$, useSignal } from "@builder.io/qwik";
+import { TitleSection, MotionComponent, transition } from "@nestri/ui/react";
+import { NavBar, Footer, Book } from "@nestri/ui"
+import { cn } from "@nestri/ui/design";
//FIXME: Add a FAQ section
+// FIXME: Takes too long for the price input radio input to become responsive
+const w = 280
+const two = (.25 * w) + 14
+const three = .5 * w
+const four = (.75 * w) - 14
+const five = w - 28
+const convertToCss = (value: any) => {
+ switch (value) {
+ case 1:
+ return 28
+ case 2:
+ return two
+ case 3:
+ return three
+ case 4:
+ return four
+ case 5:
+ return five
+ default:
+ return three;
+ }
+}
+
+const convertToPrice = (value: any) => {
+ switch (value) {
+ case 1:
+ return [1, 0]
+ case 2:
+ return [1, 5]
+ case 3:
+ return [2, 0]
+ case 4:
+ return [3, 0]
+ case 5:
+ return [5, 0]
+ default:
+ return [2, 0];
+ }
+}
+
+const convertToTitle = (value: any) => {
+ switch (value) {
+ case 1:
+ return "No sweat. Pay what you can\n and enjoy Nestri"
+ case 2:
+ return "You've got a deal"
+ case 3:
+ return "Choose what feels right"
+ case 4:
+ return "Our hero. We see you!\n We thank you"
+ case 5:
+ return "Omg! You have no idea\n how much your support\n means to us"
+ default:
+ return "Choose what feels right";
+ }
+}
export default component$(() => {
+ const priceValue = useSignal(3)
+ const audioUrl = new URL('./cash.mp3', import.meta.url).href
+ const audio = useSignal()
+
return (
<>
-
+
-
-
+
+
-
-
+
+
-
Basic
+
Individual
-
Free
- Perfect for casual gamers and those new to Nestri. Dive into cloud gaming without spending a dime.
+ Perfect for casual gamers and those new to Nestri. Dive into self-hosted gaming without spending a dime.
-
-
Your Team
-
-
-
-
- Y
-
-
-
- You
-
-
-
-
+1
-
-
+
+
Free
+ {/**FIXME: Add the link to the docs here */}
+
+
- {/**FIXME: Add a ticker for pricing, when we figure it out */}
-
TBD
- Ideal for dedicated gamers who crave more power, flexibility, and social gaming experiences.
+ Ideal for dedicated gamers who crave more flexibility and social gaming experiences.
- Looking for a custom cloud gaming platform? Use Nestri as your own on our servers or yours. Flexible licensing and white-glove onboarding included.
+ Looking for something else? Use Nestri as your own on our servers or yours. Flexible licensing and white-glove onboarding included.
-
- Nestri Studio is coming soon
+
+
+
+
+
+ Organization Account · Security Restrictions · Custom Events · Single Sign On · Advanced Integrations · Additional APIs · Custom-Built Features ·
+ Organization Account · Security Restrictions · Custom Events · Single Sign On · Advanced Integrations · Additional APIs · Custom-Built Features ·
+