84b325876d
This PR introduces more updates to the website, such as real testimonials, case studies, copy of pricing plans table. It also adds modals for "Talk to Us" and "Become a Partner".
34 lines
746 B
TypeScript
34 lines
746 B
TypeScript
import { theme } from '@/theme';
|
|
import { css } from '@linaria/core';
|
|
import { styled } from '@linaria/react';
|
|
import NextImage from 'next/image';
|
|
|
|
const StyledContainer = styled.div`
|
|
background-color: ${theme.colors.secondary.background[100]};
|
|
height: 462px;
|
|
margin-top: ${theme.spacing(6)};
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
`;
|
|
|
|
const partnerHeroImageClassName = css`
|
|
object-fit: cover;
|
|
object-position: center;
|
|
`;
|
|
|
|
export function PartnerVisual() {
|
|
return (
|
|
<StyledContainer>
|
|
<NextImage
|
|
alt="Twenty partners"
|
|
className={partnerHeroImageClassName}
|
|
fill
|
|
priority
|
|
sizes="100vw"
|
|
src="/images/partner/hero/hero.png"
|
|
/>
|
|
</StyledContainer>
|
|
);
|
|
}
|