public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add svgs + add in signup container

pull/11421/merge^2
Sean Brydon 2023-09-14 09:54:13 +01:00
parent f6a9e3e645
commit dc277a0afa
8 changed files with 168 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
apps/web/pages/signup.tsx
View File

@ -44,10 +44,9 @@ export default function Signup({ prepopulateFormValues, token, orgSlug }: Signup
const { t, i18n } = useLocale();
const router = useRouter();
const flags = useFlagMap();
const formMethods = useForm<FormValues>({
mode: "onChange",
const formMethods = useForm({
resolver: zodResolver(signupSchema),
defaultValues: prepopulateFormValues satisfies FormValues,
// defaultValues: prepopulateFormValues satisfies FormValues,
});
const {
register,
@ -125,10 +124,7 @@ export default function Signup({ prepopulateFormValues, token, orgSlug }: Signup
</div>
{/* Form Container */}
<div className="mt-10">
<Form
className="flex flex-col gap-5"
form={formMethods}
onSubmit={(values) => console.log(values)}>
<Form className="flex flex-col gap-5" form={formMethods}>
{/* Username */}
<TextField
{...register("username")}
@ -233,11 +229,39 @@ export default function Signup({ prepopulateFormValues, token, orgSlug }: Signup
</div>
</div>
<div
className="my-6 w-full rounded-l-lg"
className="my-6 flex w-full flex-col items-end justify-center rounded-l-lg"
style={{
background: "radial-gradient(234.86% 110.55% at 109.58% 35%, #667593 0%, #D4D4D5 100%)",
}}>
<></>
<div className="ml-12 flex self-start">
{/* <div className="my-5 flex gap-4 ">
<img
className="hidden max-h-10 md:block"
alt="Product of the Day"
src="/product-cards/product-of-the-day.svg"
/>
<img
className="max-h-10"
alt="Product of the Week"
src="/product-cards/product-of-the-week.svg"
/>
<img
className="max-h-10"
alt="Product of the Month"
src="/product-cards/product-of-the-month.svg"
/>
</div> */}
{/* <div className="mb-5 flex space-x-8">
<img className="max-h-14" alt="4.3 Stars on Trustpilot" src="/product-cards/trustpilot.svg" />
<img className="max-h-14 pt-1" alt="4.5 Stars on G2" src="/product-cards/g2.svg" />
<img
className="max-h-14 pt-1"
alt="5 Stars on ProductHunt"
src="/product-cards/producthunt.svg"
/>
</div> */}
</div>
<img src="/mock-event-type-list.svg" alt="#" />
</div>
{/* <div className="sm:mx-auto sm:w-full sm:max-w-md">
<h2 className="font-cal text-emphasis text-center text-3xl font-extrabold">

98
apps/web/public/mock-event-type-list.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 242 KiB

10
apps/web/public/product-cards/g2.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="161" height="76" viewBox="0 0 161 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6 21.2L4.8 24L5 15.7L0 9.2L7.9 6.8L12.6 0L17.3 6.8L25.2 9.2L20.2 15.7L20.4 24L12.6 21.2Z" fill="#FF492C"/>
<path d="M46.4 21.2L38.6 24L38.9 15.7L33.8 9.2L41.7 6.8L46.4 0L51.1 6.8L59 9.2L54 15.7L54.2 24L46.4 21.2Z" fill="#FF492C"/>
<path d="M80.2 21.2L72.4 24L72.7 15.7L67.6 9.2L75.6 6.8L80.2 0L84.9 6.8L92.8 9.2L87.8 15.7L88 24L80.2 21.2Z" fill="#FF492C"/>
<path d="M114 21.2L106.2 24L106.5 15.7L101.4 9.2L109.4 6.8L114 0L118.7 6.8L126.7 9.2L121.6 15.7L121.8 24L114 21.2Z" fill="#FF492C"/>
<path d="M147.8 0L143.2 6.8L135.2 9.2L140.3 15.7L140 24L147.8 21.2V0Z" fill="#FF492C"/>
<path d="M155.4 15.7L160.5 9.2L152.5 6.8L147.8 0V21.2L155.6 24L155.4 15.7Z" fill="#38536B"/>
<path d="M40.0663 56.6613C40.0663 66.8282 31.8282 75.0663 21.6613 75.0663C11.4945 75.0663 3.25644 66.8282 3.25644 56.6613C3.25644 46.4945 11.4945 38.2564 21.6613 38.2564C31.8282 38.2564 40.0663 46.5018 40.0663 56.6613Z" fill="#FF492C"/>
<path d="M29.627 53.6577H24.8712V53.4368C24.8712 52.627 25.0331 51.957 25.3571 51.4343C25.681 50.9043 26.2405 50.4405 27.0503 50.0282L27.4184 49.8442C28.0736 49.5129 28.2429 49.2258 28.2429 48.8871C28.2429 48.4822 27.8896 48.1877 27.3227 48.1877C26.6454 48.1877 26.1374 48.5411 25.7841 49.2552L24.8712 48.3423C25.0699 47.9153 25.3939 47.5767 25.8209 47.3043C26.2552 47.0319 26.7337 46.8994 27.2564 46.8994C27.9117 46.8994 28.4785 47.0687 28.9423 47.4221C29.4209 47.7755 29.6564 48.2613 29.6564 48.8724C29.6564 49.8515 29.1043 50.4478 28.0736 50.9779L27.492 51.2724C26.8736 51.5816 26.5718 51.8613 26.4834 52.3546H29.627V53.6577V53.6577ZM29.2074 55.1595H24.0025L21.4037 59.665H26.6086L29.2147 64.1705L31.8135 59.665L29.2074 55.1595ZM21.8528 62.6761C18.5399 62.6761 15.8454 59.9816 15.8454 56.6687C15.8454 53.3558 18.5399 50.6613 21.8528 50.6613L23.9141 46.3546C23.2442 46.2221 22.5595 46.1558 21.8528 46.1558C16.0442 46.1558 11.3325 50.8675 11.3325 56.6687C11.3325 62.4773 16.0368 67.189 21.8528 67.189C24.1644 67.189 26.3068 66.438 28.0442 65.1718L25.762 61.2258C24.7166 62.1239 23.3472 62.6761 21.8528 62.6761Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

1
apps/web/public/product-cards/product-of-the-day.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

1
apps/web/public/product-cards/product-of-the-month.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

1
apps/web/public/product-cards/product-of-the-week.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

9
apps/web/public/product-cards/producthunt.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="161" height="75" viewBox="0 0 161 75" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6 21.2L4.8 24L5 15.7L0 9.2L7.9 6.8L12.6 0L17.3 6.8L25.2 9.2L20.2 15.7L20.4 24L12.6 21.2Z" fill="#E9A944"/>
<path d="M46.4 21.2L38.6 24L38.9 15.7L33.8 9.2L41.7 6.8L46.4 0L51.1 6.8L59 9.2L54 15.7L54.2 24L46.4 21.2Z" fill="#E9A944"/>
<path d="M80.2 21.2L72.4 24L72.7 15.7L67.6 9.2L75.6 6.8L80.2 0L84.9 6.8L92.8 9.2L87.8 15.7L88 24L80.2 21.2Z" fill="#E9A944"/>
<path d="M114 21.2L106.2 24L106.5 15.7L101.4 9.2L109.4 6.8L114 0L118.7 6.8L126.7 9.2L121.6 15.7L121.8 24L114 21.2Z" fill="#E9A944"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 56.5C40 66.7175 31.7175 75 21.5 75C11.2825 75 3 66.7175 3 56.5C3 46.2825 11.2825 38 21.5 38C31.7175 38 40 46.2825 40 56.5Z" fill="#FF6154"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.967 56.5H18.725V50.95H23.967C24.703 50.95 25.4088 51.2424 25.9292 51.7628C26.4496 52.2832 26.742 52.989 26.742 53.725C26.742 54.461 26.4496 55.1668 25.9292 55.6872C25.4088 56.2076 24.703 56.5 23.967 56.5ZM23.967 47.25H15.025V65.75H18.725V60.2H23.967C25.6843 60.2 27.3312 59.5178 28.5455 58.3035C29.7598 57.0892 30.442 55.4423 30.442 53.725C30.442 52.0077 29.7598 50.3608 28.5455 49.1465C27.3312 47.9322 25.6843 47.25 23.967 47.25Z" fill="white"/>
<path d="M147.6 21.2L139.8 24L140.1 15.7L135 9.2L143 6.8L147.6 0L152.3 6.8L160.3 9.2L155.2 15.7L155.4 24L147.6 21.2Z" fill="#E9A944"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

15
apps/web/public/product-cards/trustpilot.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB