xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: change button to waitlist

Browse Source
This commit is contained in:
Maze Winther
2025-06-22 13:12:00 +02:00
parent 5792eecfc3
commit ceb253f585
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/web/src/components/landing/hero.tsx
View File

@ -2,6 +2,7 @@
import { motion } from "motion/react"; import { motion } from "motion/react";
import { Button } from "../ui/button"; import { Button } from "../ui/button";
import { Input } from "../ui/input";
import { ArrowRight } from "lucide-react"; import { ArrowRight } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
@ -44,12 +45,18 @@ export function Hero() {
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 0.6, duration: 0.8 }} transition={{ delay: 0.6, duration: 0.8 }}
> >
<Link href="/editor"> <form className="flex gap-3 w-full max-w-lg">
<Button size="lg" className="px-6 h-11 text-base"> <Input
<span className="relative z-10">Start editing</span> type="email"
placeholder="Enter your email"
className="h-11 text-base flex-1"
required
/>
<Button type="submit" size="lg" className="px-6 h-11 text-base">
<span className="relative z-10">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>
</Link> </form>
</motion.div> </motion.div>
</motion.div> </motion.div>