New folder structure for website (#4159)

New folder structure

packages/twenty-website/src/app/_components/oss-friends/Header.tsx

@@ -0,0 +1,41 @@
+'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>
+    </>
+  );
+};