Landing updates (#2205)

* team page mods

* remove bloom, always hated it on this screen

* fix matthew url

* add arnab

apps/landing/src/app/team/TeamMember.tsx

@@ -1,4 +1,4 @@
-import { Dribbble, Github, Gitlab, Twitch, Twitter } from '@sd/assets/svgs/brands';
+import { Dribbble, Github, Gitlab, Twitch, Twitter, Website } from '@sd/assets/svgs/brands';
 import clsx from 'clsx';
 import Image from 'next/image';
 import NextLink from 'next/link';
@@ -11,6 +11,9 @@ export interface TeamMemberProps {
 	// Member's role
 	role: string;
 
+	// Member's location
+	location?: string;
+
 	// Member's avatar
 	imageUrl: string;
 
@@ -21,6 +24,7 @@ export interface TeamMemberProps {
 		github?: string;
 		gitlab?: string;
 		dribbble?: string;
+		website?: string;
 	};
 
 	// Which round an investor joined at
@@ -60,18 +64,16 @@ export function TeamMember(props: TeamMemberProps) {
 					'lg:h-28 lg:w-28': props.investmentRound
 				})}
 			/>
-			<h3 className="mb-0 mt-4 text-base">{props.name}</h3>
-			<p
-				className={clsx('text-xs', {
-					'mb-0': props.investmentRound
-				})}
-			>
-				{props.role}
-			</p>
-			{props.investmentRound && (
-				<p className="my-0 text-sm font-semibold text-gray-450">{props.investmentRound}</p>
+			<h3 className="mb-0 mt-2 text-base">{props.name}</h3>
+
+			{props.location && (
+				<p className="m-0 text-sm font-semibold text-gray-450">{props.location}</p>
 			)}
-			<div className="mt-auto flex flex-row space-x-2">
+			<p className="m-0 text-xs">{props.role}</p>
+			{props.investmentRound && (
+				<p className="m-0 text-sm font-semibold text-gray-450">{props.investmentRound}</p>
+			)}
+			<div className="mt-3 flex flex-row space-x-2">
 				{props.socials?.twitter && (
 					<Link href={props.socials.twitter}>
 						<Twitter className="h-[20px] w-[20px]" />
@@ -97,6 +99,11 @@ export function TeamMember(props: TeamMemberProps) {
 						<Dribbble className="h-[20px] w-[20px]" />
 					</Link>
 				)}
+				{props.socials?.website && (
+					<Link href={props.socials.website}>
+						<Website className="h-[20px] w-[20px]" />
+					</Link>
+				)}
 			</div>
 		</div>
 	);

apps/landing/src/app/team/page.tsx

@@ -14,10 +14,6 @@ export default function Page() {
 	return (
 		<Markdown articleClassNames="mx-auto mt-32 prose-a:text-white">
 			<div className="team-page relative mx-auto">
-				<div
-					className="bloom subtle egg-bloom-one -top-60 right-[-400px]"
-					style={{ transform: 'scale(2)' }}
-				/>
 				<div className="relative z-10">
 					<h1 className="fade-in-heading text-5xl leading-tight sm:leading-snug ">
 						We believe file management should be{' '}

apps/landing/src/app/team/people.tsx

@@ -4,6 +4,7 @@ export const teamMembers: Array<TeamMemberProps> = [
 	{
 		name: 'Jamie Pine',
 		role: 'Founder, Engineer & Designer',
+		location: 'Vancouver, Canada',
 		imageUrl: '/images/team/jamie.jpg',
 		socials: {
 			twitter: 'https://x.com/jamiepine',
@@ -11,9 +12,40 @@ export const teamMembers: Array<TeamMemberProps> = [
 			github: 'https://github.com/jamiepine'
 		}
 	},
+	{
+		name: 'Utku Bakır',
+		location: 'Toronto, Canada',
+		role: 'Product Manager & TypeScript Engineer',
+		imageUrl: '/images/team/utku.jpg',
+		socials: {
+			github: 'https://github.com/utkubakir'
+		}
+	},
+	{
+		name: 'Ericson Soares',
+		location: 'Rio de Janeiro, Brazil',
+		role: 'Rust Engineer - Core & VDFS',
+		imageUrl: '/images/team/ericson.jpg',
+		socials: {
+			twitter: 'https://x.com/fogodev',
+			github: 'https://github.com/fogodev'
+		}
+	},
+
+	{
+		name: 'Nik Elšnik',
+		location: 'Slovenia',
+		role: 'TypeScript Engineer - Lead Interface',
+		imageUrl: '/images/team/nikec.jpg',
+		socials: {
+			github: 'https://github.com/niikeec',
+			twitter: 'https://x.com/nikec_'
+		}
+	},
 	{
 		name: 'Brendan Allan',
-		role: 'Rust Engineer',
+		location: 'Western Australia',
+		role: 'Rust Engineer - Database & Sync',
 		imageUrl: '/images/team/brendan.jpg',
 		socials: {
 			twitter: 'https://x.com/brendonovichdev',
@@ -23,7 +55,8 @@ export const teamMembers: Array<TeamMemberProps> = [
 	},
 	{
 		name: 'Oscar Beaumont',
-		role: 'Rust Engineer',
+		location: 'Western Australia',
+		role: 'Rust Engineer - P2P & Networking',
 		imageUrl: '/images/team/oscar.jpg',
 		socials: {
 			twitter: 'https://x.com/oscartbeaumont',
@@ -31,43 +64,29 @@ export const teamMembers: Array<TeamMemberProps> = [
 			github: 'https://github.com/oscartbeaumont'
 		}
 	},
-	{
-		name: 'Ericson Soares',
-		role: 'Rust Engineer',
-		imageUrl: '/images/team/ericson.jpg',
-		socials: {
-			twitter: 'https://x.com/fogodev',
-			github: 'https://github.com/fogodev'
-		}
-	},
-	{
-		name: 'Utku Bakır',
-		role: 'Staff Software Engineer',
-		imageUrl: '/images/team/utku.jpg',
-		socials: {
-			github: 'https://github.com/utkubakir'
-		}
-	},
-	{
-		name: 'Jake Robinson',
-		role: 'Rust Engineer & Cryptographer',
-		imageUrl: '/images/team/jake.jpg',
-		socials: {
-			github: 'https://github.com/brxken128'
-		}
-	},
 	{
 		name: 'Mihail Dounaev',
-		role: 'Graphic Designer',
+		location: 'Finland',
+		role: 'Graphic Designer - Icons & Animations',
 		imageUrl: '/images/team/mihail.jpg',
 		socials: {
 			twitter: 'https://x.com/mmmintdesign',
 			dribbble: 'https://dribbble.com/mmmint'
 		}
 	},
+	{
+		name: 'Jake Robinson',
+		location: 'United Kingdom',
+		role: 'Rust Engineer - Cryptographer',
+		imageUrl: '/images/team/jake.jpg',
+		socials: {
+			github: 'https://github.com/brxken128'
+		}
+	},
 	{
 		name: 'Ameer Al Ashhab',
-		role: 'React Engineer & Designer',
+		location: 'Jordan',
+		role: 'TypeScript Engineer - Interface Design',
 		imageUrl: '/images/team/ameer.jpg',
 		socials: {
 			github: 'https://github.com/ameer2468'
@@ -75,7 +94,8 @@ export const teamMembers: Array<TeamMemberProps> = [
 	},
 	{
 		name: 'Vítor Vasconcellos',
-		role: 'React Engineer & Designer',
+		location: 'Rio de Janeiro, Brazil',
+		role: 'TypeScript Engineer',
 		imageUrl: '/images/team/vitor.jpg',
 		socials: {
 			github: 'https://github.com/HeavenVolkoff',
@@ -84,12 +104,22 @@ export const teamMembers: Array<TeamMemberProps> = [
 		}
 	},
 	{
-		name: 'Nik Elšnik',
-		role: 'React Engineer & Designer',
-		imageUrl: '/images/team/nikec.jpg',
+		name: 'Matthew Yung',
+		location: 'Vancouver, Canada',
+		role: 'TypeScript Engineer - Intern',
+		imageUrl: '/images/team/matthew.jpg',
 		socials: {
-			github: 'https://github.com/niikeec',
-			twitter: 'https://x.com/nikec_'
+			website: 'https://myung03.github.io'
+		}
+	},
+	{
+		name: 'Arnab Chakraborty',
+		location: 'New York, United States',
+		role: 'Full Stack Engineer - Intern',
+		imageUrl: '/images/team/arnab.jpg',
+		socials: {
+			website: 'https://rocky43007.vercel.app',
+			github: 'https://github.com/Rocky43007'
 		}
 	}
 ];

packages/assets/svgs/brands/Website.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H175.8c-1.41-28.46-10.27-55.47-25.12-77A88.2,88.2,0,0,1,215.63,120ZM128,215.89c-18.73-20.27-30.09-49-31.77-79.89h63.54C158.09,166.87,146.73,195.62,128,215.89ZM96.23,120c1.68-30.87,13-59.62,31.77-79.89,18.73,20.27,30.09,49,31.77,79.89Zm9.09-77C90.47,64.53,81.61,91.54,80.2,120H40.37A88.2,88.2,0,0,1,105.32,43ZM40.37,136H80.2c1.41,28.46,10.27,55.47,25.12,77A88.2,88.2,0,0,1,40.37,136Zm110.31,77c14.85-21.56,23.71-48.57,25.12-77h39.83A88.2,88.2,0,0,1,150.68,213Z"></path></svg>

packages/assets/svgs/brands/index.ts

@@ -28,6 +28,9 @@ const Twitch = React.lazy(async () => ({ default: (await import('./Twitch.svg'))
 const Twitter = React.lazy(async () => ({
 	default: (await import('./Twitter.svg')).ReactComponent
 }));
+const Website = React.lazy(async () => ({
+	default: (await import('./Website.svg')).ReactComponent
+}));
 
 export {
 	Academia,
@@ -40,5 +43,6 @@ export {
 	Instagram,
 	Opencollective,
 	Twitch,
-	Twitter
+	Twitter,
+	Website
 };