add social proof for IS_CALCOM
Sean Brydon
parent
3d189c2852
commit
3230eaf7d5
|
|
@ -386,6 +386,19 @@ export default function Signup({ prepopulateFormValues, token, orgSlug }: Signup
|
|||
</div>
|
||||
</div>
|
||||
<div className="bg-subtle border-subtle hidden w-full flex-col justify-between rounded-l-2xl py-12 pl-12 lg:flex">
|
||||
{IS_CALCOM && (
|
||||
<div className="mb-12 mr-12 grid h-full w-full grid-cols-4 gap-4 ">
|
||||
<div className="">
|
||||
<img src="/product-cards/trustpilot.svg" className="h-[54px] w-full" alt="#" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/product-cards/g2.svg" className="h-[54px] w-full" alt="#" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/product-cards/producthunt.svg" className="h-[54px] w-full" alt="#" />
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
className="rounded-2xl border-y border-l border-dashed border-[#D1D5DB5A] py-[6px] pl-[6px]"
|
||||
style={{
|
||||
|
|
@ -394,26 +407,27 @@ export default function Signup({ prepopulateFormValues, token, orgSlug }: Signup
|
|||
<img src="/mock-event-type-list.svg" alt="#" className="" />
|
||||
</div>
|
||||
<div className="mr-12 mt-8 grid h-full w-full grid-cols-3 gap-4 overflow-hidden">
|
||||
{FEATURES.map((feature) => (
|
||||
<>
|
||||
<div className="flex flex-col leading-none">
|
||||
<div className="text-emphasis items-center">
|
||||
<feature.icon className="mb-1 h-4 w-4" />
|
||||
<span className="text-sm font-medium">{t(feature.title)}</span>
|
||||
{!IS_CALCOM &&
|
||||
FEATURES.map((feature) => (
|
||||
<>
|
||||
<div className="flex flex-col leading-none">
|
||||
<div className="text-emphasis items-center">
|
||||
<feature.icon className="mb-1 h-4 w-4" />
|
||||
<span className="text-sm font-medium">{t(feature.title)}</span>
|
||||
</div>
|
||||
<div className="text-subtle text-sm">
|
||||
<p>
|
||||
{t(
|
||||
feature.description,
|
||||
feature.i18nOptions && {
|
||||
...feature.i18nOptions,
|
||||
}
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-subtle text-sm">
|
||||
<p>
|
||||
{t(
|
||||
feature.description,
|
||||
feature.i18nOptions && {
|
||||
...feature.i18nOptions,
|
||||
}
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
))}
|
||||
</>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,17 @@
|
|||
<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 width="115" height="54" viewBox="0 0 115 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_12158_115893)">
|
||||
<path d="M8.95263 15.0632L3.41053 17.0526L3.55263 11.1553L0 6.53684L5.61316 4.83158L8.95263 0L12.2921 4.83158L17.9053 6.53684L14.3526 11.1553L14.4947 17.0526L8.95263 15.0632Z" fill="#FF492C"/>
|
||||
<path d="M32.9684 15.0632L27.4263 17.0526L27.6394 11.1553L24.0157 6.53684L29.6289 4.83158L32.9684 0L36.3079 4.83158L41.921 6.53684L38.3684 11.1553L38.5105 17.0526L32.9684 15.0632Z" fill="#FF492C"/>
|
||||
<path d="M56.9842 15.0632L51.4421 17.0526L51.6553 11.1553L48.0316 6.53684L53.7158 4.83158L56.9842 0L60.3237 4.83158L65.9369 6.53684L62.3843 11.1553L62.5264 17.0526L56.9842 15.0632Z" fill="#FF492C"/>
|
||||
<path d="M81 15.0632L75.4579 17.0526L75.671 11.1553L72.0474 6.53684L77.7316 4.83158L81 0L84.3395 4.83158L90.0237 6.53684L86.4 11.1553L86.5421 17.0526L81 15.0632Z" fill="#FF492C"/>
|
||||
<path d="M105.016 0L101.747 4.83158L96.0631 6.53684L99.6868 11.1553L99.4736 17.0526L105.016 15.0632V0Z" fill="#FF492C"/>
|
||||
<path d="M110.416 11.1553L114.039 6.53684L108.355 4.83158L105.016 0V15.0632L110.558 17.0526L110.416 11.1553Z" fill="white"/>
|
||||
<path d="M28.4682 40.2593C28.4682 47.4831 22.6148 53.3365 15.391 53.3365C8.1672 53.3365 2.31384 47.4831 2.31384 40.2593C2.31384 33.0355 8.1672 27.1821 15.391 27.1821C22.6148 27.1821 28.4682 33.0407 28.4682 40.2593Z" fill="#FF492C"/>
|
||||
<path d="M21.0507 38.1252H17.6716V37.9683C17.6716 37.3929 17.7866 36.9168 18.0168 36.5454C18.247 36.1689 18.6445 35.8393 19.2199 35.5464L19.4815 35.4156C19.947 35.1802 20.0673 34.9762 20.0673 34.7356C20.0673 34.4479 19.8163 34.2386 19.4135 34.2386C18.9322 34.2386 18.5713 34.4897 18.3202 34.9971L17.6716 34.3485C17.8128 34.0451 18.043 33.8045 18.3464 33.611C18.655 33.4174 18.995 33.3233 19.3664 33.3233C19.832 33.3233 20.2347 33.4436 20.5642 33.6947C20.9043 33.9458 21.0716 34.2909 21.0716 34.7251C21.0716 35.4208 20.6793 35.8445 19.947 36.2212L19.5338 36.4304C19.0944 36.6501 18.8799 36.8488 18.8171 37.1993H21.0507V38.1252ZM20.7526 39.1923H17.0544L15.2079 42.3936H18.9061L20.7578 45.5948L22.6043 42.3936L20.7526 39.1923ZM15.527 44.533C13.173 44.533 11.2585 42.6185 11.2585 40.2646C11.2585 37.9107 13.173 35.9962 15.527 35.9962L16.9916 32.9362C16.5156 32.842 16.0291 32.7949 15.527 32.7949C11.3998 32.7949 8.052 36.1427 8.052 40.2646C8.052 44.3918 11.3945 47.7396 15.527 47.7396C17.1694 47.7396 18.6916 47.206 19.9261 46.3063L18.3045 43.5026C17.5618 44.1407 16.5888 44.533 15.527 44.533Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_12158_115893">
|
||||
<rect width="114.395" height="54" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.6 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.8 KiB |
Loading…
Reference in New Issue