42 lines
754 B
TypeScript
42 lines
754 B
TypeScript
'use client';
|
|
|
|
import styled from '@emotion/styled';
|
|
|
|
const Title = styled.h2`
|
|
font-size: 56px;
|
|
font-weight: 600;
|
|
color: #b3b3b3;
|
|
margin-bottom: 0px;
|
|
margin-top: 64px;
|
|
|
|
@media (max-width: 810px) {
|
|
font-size: 28px;
|
|
}
|
|
`;
|
|
|
|
const Description = styled.h2`
|
|
font-size: 20px;
|
|
color: #818181;
|
|
margin-top: 0px;
|
|
margin-bottom: 36px;
|
|
font-weight: 400;
|
|
@media (max-width: 810px) {
|
|
font-size: 18px;
|
|
}
|
|
`;
|
|
|
|
export const Header = () => {
|
|
return (
|
|
<>
|
|
<Title>
|
|
Open-source <br /> <span style={{ color: 'black' }}>friends</span>
|
|
</Title>
|
|
|
|
<Description>
|
|
We are proud to collaborate with a diverse group of partners to <br />
|
|
promote open-source software.
|
|
</Description>
|
|
</>
|
|
);
|
|
};
|