Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-15 09:12:02 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: update callout CTAs

Browse Source
This commit is contained in:
Timur Ercan
2024-05-23 14:22:28 +02:00
parent 76e6adcf59
commit c2c0d4d259
2 changed files with 24 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/marketing/src/components/(marketing)/callout.tsx
View File

@ -34,17 +34,18 @@ export const Callout = ({ starCount }: CalloutProps) => {
return ( return (
<div className="mt-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-4"> <div className="mt-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-4">
<Link href="https://app.documenso.com/signup?utm_source=marketing-callout">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"
className="rounded-full bg-transparent backdrop-blur-sm" className="rounded-full bg-transparent backdrop-blur-sm"
onClick={onSignUpClick}
> >
Claim Early Adopter Plan Try our Free Plan
<span className="bg-primary dark:text-background -mr-2.5 ml-2.5 rounded-full px-2 py-1.5 text-xs font-medium"> <span className="bg-primary dark:text-background -mr-2.5 ml-2.5 rounded-full px-2 py-1.5 text-xs font-medium">
$30/mo No Credit Card required
</span> </span>
</Button> </Button>
</Link>
<Link <Link
href="https://github.com/documenso/documenso" href="https://github.com/documenso/documenso"

25
apps/marketing/src/components/(marketing)/hero.tsx
View File

@ -72,23 +72,6 @@ export const Hero = ({ className, ...props }: HeroProps) => {
const heroMarketingCTA = getFlag('marketing_landing_hero_cta'); const heroMarketingCTA = getFlag('marketing_landing_hero_cta');
const onSignUpClick = () => {
const el = document.getElementById('email');
if (el) {
const { top } = el.getBoundingClientRect();
window.scrollTo({
top: top - 120,
behavior: 'smooth',
});
requestAnimationFrame(() => {
el.focus();
});
}
};
return ( return (
<motion.div className={cn('relative', className)} {...props}> <motion.div className={cn('relative', className)} {...props}>
<div className="absolute -inset-24 -z-10"> <div className="absolute -inset-24 -z-10">
@ -123,18 +106,18 @@ export const Hero = ({ className, ...props }: HeroProps) => {
animate="animate" animate="animate"
className="mt-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-4" className="mt-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-4"
> >
<Link href="https://app.documenso.com/signup?utm_source=marketing-hero">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"
className="rounded-full bg-transparent backdrop-blur-sm" className="rounded-full bg-transparent backdrop-blur-sm"
onClick={onSignUpClick}
> >
Claim Early Adopter Plan Try our Free Plan
<span className="bg-primary dark:text-background -mr-2.5 ml-2.5 rounded-full px-2 py-1.5 text-xs font-medium"> <span className="bg-primary dark:text-background -mr-2.5 ml-2.5 rounded-full px-2 py-1.5 text-xs font-medium">
$30/mo No Credit Card required
</span> </span>
</Button> </Button>
</Link>
<Link href="https://github.com/documenso/documenso" onClick={() => event('view-github')}> <Link href="https://github.com/documenso/documenso" onClick={() => event('view-github')}>
<Button variant="outline" className="rounded-full bg-transparent backdrop-blur-sm"> <Button variant="outline" className="rounded-full bg-transparent backdrop-blur-sm">
<LuGithub className="mr-2 h-5 w-5" /> <LuGithub className="mr-2 h-5 w-5" />