diff --git a/apps/landing/src/components/AppEmbed.tsx b/apps/landing/src/components/AppEmbed.tsx index 05f65583e..4309f9441 100644 --- a/apps/landing/src/components/AppEmbed.tsx +++ b/apps/landing/src/components/AppEmbed.tsx @@ -88,7 +88,7 @@ export default function AppEmbed() { /> )} - {renderImage &&
} + {renderImage &&
}
diff --git a/apps/landing/src/components/HomeCTA.tsx b/apps/landing/src/components/HomeCTA.tsx new file mode 100644 index 000000000..7536373f3 --- /dev/null +++ b/apps/landing/src/components/HomeCTA.tsx @@ -0,0 +1,88 @@ +import { Apple, Github, Linux, Windows } from '@icons-pack/react-simple-icons'; +import { Button, Input } from '@sd/ui'; +import clsx from 'clsx'; +import React, { useEffect } from 'react'; +import { useState } from 'react'; + +export function HomeCTA() { + const [showWaitlistInput, setShowWaitlistInput] = useState(false); + const [waitlistEmail, setWaitlistEmail] = useState(''); + return ( + <> +
+ {!showWaitlistInput ? ( + <> + + + + ) : ( +
{ + e.preventDefault(); + fetch('https://waitlist-api.spacedrive.com/api/expression-of-interest', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + email: waitlistEmail + }) + }); + }} + > +
+ setWaitlistEmail(e.target.value)} + placeholder="Enter your email" + className="rounded-r-none" + /> + +
+
+ )} +
+

+ {showWaitlistInput ? ( + <> + We'll keep your place in the queue for early access. +
+
+ + ) : ( + <> + Coming soon on macOS, Windows and Linux. +
+ Shortly after to iOS & Android. + + )} +

+ + ); +} + +export default HomeCTA; diff --git a/apps/landing/src/components/NavBar.tsx b/apps/landing/src/components/NavBar.tsx index fff918418..33ed16eab 100644 --- a/apps/landing/src/components/NavBar.tsx +++ b/apps/landing/src/components/NavBar.tsx @@ -64,7 +64,7 @@ export default function NavBar() { Blog {/* Changelog Privacy */} - Sponsor us + Jobs