mirror of
https://github.com/OpenCut-app/OpenCut.git
synced 2026-07-13 21:52:53 +02:00
feat: get hero ready for beta
This commit is contained in:
@@ -148,47 +148,20 @@ export function Hero() {
|
|||||||
</motion.p>
|
</motion.p>
|
||||||
|
|
||||||
<motion.div
|
<motion.div
|
||||||
className="mt-12 flex gap-8 justify-center"
|
className="mt-8 flex gap-8 justify-center"
|
||||||
initial={{ opacity: 0 }}
|
initial={{ opacity: 0 }}
|
||||||
animate={{ opacity: 1 }}
|
animate={{ opacity: 1 }}
|
||||||
transition={{ delay: 0.6, duration: 0.8 }}
|
transition={{ delay: 0.6, duration: 0.8 }}
|
||||||
>
|
>
|
||||||
<form
|
|
||||||
onSubmit={handleSubmit}
|
|
||||||
className="flex gap-3 w-full max-w-lg flex-col sm:flex-row"
|
|
||||||
>
|
|
||||||
<div className="relative w-full">
|
|
||||||
<Input
|
|
||||||
type="email"
|
|
||||||
placeholder="Enter your email"
|
|
||||||
className="h-11 text-base flex-1"
|
|
||||||
value={email}
|
|
||||||
onChange={(e) => setEmail(e.target.value)}
|
|
||||||
disabled={isSubmitting || !csrfToken}
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<Button
|
<Button
|
||||||
type="submit"
|
type="submit"
|
||||||
size="lg"
|
size="lg"
|
||||||
className="px-6 h-11 text-base !bg-foreground"
|
className="px-6 h-11 text-base bg-foreground"
|
||||||
disabled={isSubmitting || !csrfToken}
|
disabled={isSubmitting || !csrfToken}
|
||||||
>
|
>
|
||||||
<span className="relative z-10">
|
Try early beta
|
||||||
{isSubmitting ? "Joining..." : "Join waitlist"}
|
|
||||||
</span>
|
|
||||||
<ArrowRight className="relative z-10 ml-0.5 h-4 w-4 inline-block" />
|
<ArrowRight className="relative z-10 ml-0.5 h-4 w-4 inline-block" />
|
||||||
</Button>
|
</Button>
|
||||||
</form>
|
|
||||||
</motion.div>
|
|
||||||
<motion.div
|
|
||||||
initial={{ opacity: 0, y: 10 }}
|
|
||||||
animate={{ opacity: 1, y: 0 }}
|
|
||||||
transition={{ delay: 0.8, duration: 0.6 }}
|
|
||||||
className="mt-8 inline-flex items-center gap-2 text-sm text-muted-foreground justify-center"
|
|
||||||
>
|
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full animate-pulse" />
|
|
||||||
<span>50k+ people already joined</span>
|
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user