From 0664de93ab1fa5a7709fcbe2e2d4e266f5ca9849 Mon Sep 17 00:00:00 2001 From: Adithya Krishna Date: Fri, 16 Feb 2024 17:54:23 +0530 Subject: [PATCH] feat: update marketing site Signed-off-by: Adithya Krishna --- apps/marketing/src/app/(marketing)/layout.tsx | 2 ++ .../src/components/(marketing)/callout.tsx | 6 ++-- .../src/components/(marketing)/header.tsx | 9 ++++++ .../src/components/(marketing)/hero.tsx | 9 +++--- .../(marketing)/mobile-navigation.tsx | 12 +++++++- .../src/components/(marketing)/widget.tsx | 4 +-- packages/ui/primitives/announcement-bar.tsx | 30 +++++++++++++++++++ packages/ui/primitives/toggle.tsx | 3 +- 8 files changed, 64 insertions(+), 11 deletions(-) create mode 100644 packages/ui/primitives/announcement-bar.tsx diff --git a/apps/marketing/src/app/(marketing)/layout.tsx b/apps/marketing/src/app/(marketing)/layout.tsx index dd1a46418..75baefd99 100644 --- a/apps/marketing/src/app/(marketing)/layout.tsx +++ b/apps/marketing/src/app/(marketing)/layout.tsx @@ -5,6 +5,7 @@ import React, { useEffect, useState } from 'react'; import { usePathname } from 'next/navigation'; import { cn } from '@documenso/ui/lib/utils'; +import { AnnouncementBar } from '@documenso/ui/primitives/announcement-bar'; import { Footer } from '~/components/(marketing)/footer'; import { Header } from '~/components/(marketing)/header'; @@ -38,6 +39,7 @@ export default function MarketingLayout({ children }: MarketingLayoutProps) { 'bg-background/50 backdrop-blur-md': scrollY > 5, })} > +
diff --git a/apps/marketing/src/components/(marketing)/callout.tsx b/apps/marketing/src/components/(marketing)/callout.tsx index 72ae3907b..ba801159e 100644 --- a/apps/marketing/src/components/(marketing)/callout.tsx +++ b/apps/marketing/src/components/(marketing)/callout.tsx @@ -40,9 +40,9 @@ export const Callout = ({ starCount }: CalloutProps) => { className="rounded-full bg-transparent backdrop-blur-sm" onClick={onSignUpClick} > - Get the Early Adopters Plan - - $30/mo. forever! + Claim Community Plan + + -80% diff --git a/apps/marketing/src/components/(marketing)/header.tsx b/apps/marketing/src/components/(marketing)/header.tsx index e1813f7f6..038185031 100644 --- a/apps/marketing/src/components/(marketing)/header.tsx +++ b/apps/marketing/src/components/(marketing)/header.tsx @@ -74,6 +74,15 @@ export const Header = ({ className, ...props }: HeaderProps) => { > Sign in + + + Sign up + + { className="rounded-full bg-transparent backdrop-blur-sm" onClick={onSignUpClick} > - Get the Early Adopters Plan - - $30/mo. forever! + Claim Community Plan + + -80% diff --git a/apps/marketing/src/components/(marketing)/mobile-navigation.tsx b/apps/marketing/src/components/(marketing)/mobile-navigation.tsx index 982e2967a..1c71da78a 100644 --- a/apps/marketing/src/components/(marketing)/mobile-navigation.tsx +++ b/apps/marketing/src/components/(marketing)/mobile-navigation.tsx @@ -50,6 +50,10 @@ export const MENU_NAVIGATION_LINKS = [ href: 'https://app.documenso.com/signin', text: 'Sign in', }, + { + href: 'https://app.documenso.com/signup', + text: 'Sign up', + }, ]; export const MobileNavigation = ({ isMenuOpen, onMenuOpenChange }: MobileNavigationProps) => { @@ -104,7 +108,13 @@ export const MobileNavigation = ({ isMenuOpen, onMenuOpenChange }: MobileNavigat onClick={() => handleMenuItemClick()} target={target} > - {text} + {href === 'https://app.documenso.com/signup' ? ( + + {text} + + ) : ( + text + )} ))} diff --git a/apps/marketing/src/components/(marketing)/widget.tsx b/apps/marketing/src/components/(marketing)/widget.tsx index d4305a04c..c894316de 100644 --- a/apps/marketing/src/components/(marketing)/widget.tsx +++ b/apps/marketing/src/components/(marketing)/widget.tsx @@ -194,7 +194,7 @@ export const Widget = ({ className, children, ...props }: WidgetProps) => { className="bg-foreground/5 col-span-12 flex flex-col rounded-2xl p-6 lg:col-span-5" onSubmit={handleSubmit(onFormSubmit)} > -

Sign up for the early adopters plan

+

Sign up to Community Plan

with Timur Ercan & Lucas Smith from Documenso

@@ -215,7 +215,7 @@ export const Widget = ({ className, children, ...props }: WidgetProps) => { diff --git a/packages/ui/primitives/announcement-bar.tsx b/packages/ui/primitives/announcement-bar.tsx new file mode 100644 index 000000000..46292b6bb --- /dev/null +++ b/packages/ui/primitives/announcement-bar.tsx @@ -0,0 +1,30 @@ +import Link from 'next/link'; + +interface AnnouncementBarProps { + isShown: boolean; +} + +export const AnnouncementBar: React.FC = ({ isShown }) => { + return ( + isShown && ( +
+
+ + Claim your documenso public profile URL now! + {' '} + documenso.com/u/yourname +
+ +
+
+ + Claim now + +
+
+
+ ) + ); +}; diff --git a/packages/ui/primitives/toggle.tsx b/packages/ui/primitives/toggle.tsx index 8deabffab..543d96a79 100644 --- a/packages/ui/primitives/toggle.tsx +++ b/packages/ui/primitives/toggle.tsx @@ -3,7 +3,8 @@ import * as React from 'react'; import * as TogglePrimitive from '@radix-ui/react-toggle'; -import { VariantProps, cva } from 'class-variance-authority'; +import type { VariantProps } from 'class-variance-authority'; +import { cva } from 'class-variance-authority'; import { cn } from '../lib/utils';