360 lines
11 KiB
TypeScript
360 lines
11 KiB
TypeScript
import type { Data } from '@/types/data';
|
|
|
|
const data: Data = {
|
|
seo: {
|
|
title: 'Mark Freeman - Senior React Developer',
|
|
description:
|
|
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ac dui at vestibulum. In condimentum metus id dui tincidunt, in blandit mi vehicula.',
|
|
},
|
|
main: {
|
|
config: {
|
|
icon: 'fa6-solid:user',
|
|
},
|
|
image: { src: import('@/assets/my-image.jpeg'), alt: 'Mark Freeman picture' },
|
|
fullName: 'Mark Freeman',
|
|
role: 'Senior React Developer',
|
|
details: [
|
|
{ label: 'Phone', value: '+48 604 343 212' },
|
|
{ label: 'Email', value: 'veeeery.long.email.address@gmail.com' },
|
|
{ label: 'From', value: 'Warsaw, Poland' },
|
|
{ label: 'Salary range', value: '18 000 - 25 000 PLN' },
|
|
],
|
|
description:
|
|
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ac dui at vestibulum. In condimentum metus id dui tincidunt, in blandit mi vehicula. Nulla lacinia, erat sit amet elementum vulputate, lectus mauris volutpat mi, vitae accumsan metus elit ut nunc. Vestibulum lacinia enim eget eros fermentum scelerisque. Proin augue leo, posuere ut imperdiet vitae, fermentum eu ipsum. Sed sed neque sagittis, posuere urna nec, commodo leo. Pellentesque posuere justo vitae massa volutpat maximus.',
|
|
tags: [{ name: 'Open for freelance' }, { name: 'Available for mentoring' }, { name: 'Working on side project' }],
|
|
action: {
|
|
label: 'Download CV',
|
|
url: '#',
|
|
},
|
|
socials: [
|
|
{ name: 'Facebook', icon: 'fa6-brands:facebook-f', url: '#' },
|
|
{ name: 'GitHub', icon: 'fa6-brands:github', url: '#' },
|
|
{ name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' },
|
|
{ name: 'Twitter', icon: 'fa6-brands:twitter', url: '#' },
|
|
],
|
|
},
|
|
skills: {
|
|
config: {
|
|
title: 'Skills',
|
|
icon: 'fa6-solid:bars-progress',
|
|
},
|
|
skillSets: [
|
|
{
|
|
title: 'I already know',
|
|
skills: [
|
|
{
|
|
icon: 'simple-icons:react',
|
|
iconColor: '#61DAFB',
|
|
name: 'React.js',
|
|
level: 5,
|
|
url: 'https://reactjs.org/',
|
|
description:
|
|
'Proin ut erat sed massa tempus suscipit. Mauris efficitur nunc sem, nec scelerisque ligula bibendum ut.',
|
|
},
|
|
{
|
|
icon: 'simple-icons:typescript',
|
|
iconColor: '#3178C6',
|
|
name: 'TypeScript',
|
|
level: 4,
|
|
url: 'https://www.typescriptlang.org/',
|
|
description:
|
|
'Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',
|
|
},
|
|
{
|
|
icon: 'simple-icons:sass',
|
|
iconColor: '#CC6699',
|
|
name: 'SASS',
|
|
level: 4,
|
|
url: 'https://sass-lang.com/',
|
|
description:
|
|
'Nulla interdum pellentesque ultricies. Ut id eros commodo, ultrices ligula eu, elementum ante.',
|
|
},
|
|
{
|
|
icon: 'simple-icons:chakraui',
|
|
iconColor: '#319795',
|
|
name: 'Chakra UI',
|
|
level: 5,
|
|
url: 'https://chakra-ui.com/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:tailwindcss',
|
|
iconColor: '#06B6D4',
|
|
name: 'Tailwind CSS',
|
|
level: 2,
|
|
url: 'https://tailwindcss.com/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:prettier',
|
|
iconColor: '#F7B93E',
|
|
name: 'Prettier',
|
|
level: 5,
|
|
url: 'https://prettier.io/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:eslint',
|
|
iconColor: '#4B32C3',
|
|
name: 'ESLint',
|
|
level: 4,
|
|
url: 'https://eslint.org/',
|
|
description:
|
|
'Nulla tempor turpis at vehicula pharetra. Vestibulum tellus tortor, commodo et suscipit id, lobortis id nunc.',
|
|
},
|
|
{
|
|
icon: 'simple-icons:nestjs',
|
|
iconColor: '#E0234E',
|
|
name: 'NestJS',
|
|
level: 2,
|
|
url: 'https://nestjs.com/',
|
|
description:
|
|
'Praesent feugiat ultricies iaculis. In posuere vehicula odio, sed consequat velit porta viverra.',
|
|
},
|
|
{
|
|
icon: 'simple-icons:postgresql',
|
|
iconColor: '#4169E1',
|
|
name: 'PostgreSQL',
|
|
level: 2,
|
|
url: 'https://www.postgresql.org/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:mongodb',
|
|
iconColor: '#47A248',
|
|
name: 'MongoDB',
|
|
level: 1,
|
|
url: 'https://www.mongodb.com/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:firebase',
|
|
iconColor: '#FFCA28',
|
|
name: 'Firebase',
|
|
level: 1,
|
|
url: 'https://firebase.google.com/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:pnpm',
|
|
iconColor: '#F69220',
|
|
name: 'pnpm',
|
|
level: 3,
|
|
url: 'https://pnpm.io/',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: 'I want to learn',
|
|
skills: [
|
|
{
|
|
icon: 'simple-icons:apollographql',
|
|
iconColor: '#311C87',
|
|
name: 'Apollo GraphQL',
|
|
},
|
|
{
|
|
icon: 'simple-icons:astro',
|
|
iconColor: '#FF5D01',
|
|
name: 'Astro',
|
|
},
|
|
{
|
|
icon: 'simple-icons:supabase',
|
|
iconColor: '#3ECF8E',
|
|
name: 'Supabase',
|
|
},
|
|
{
|
|
icon: 'simple-icons:cypress',
|
|
iconColor: '#17202C',
|
|
name: 'Cypress',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: 'I speak',
|
|
skills: [
|
|
{
|
|
icon: 'circle-flags:pl',
|
|
name: 'Polish - native',
|
|
},
|
|
{
|
|
icon: 'circle-flags:us',
|
|
name: 'English - C1',
|
|
},
|
|
{
|
|
icon: 'circle-flags:es-variant',
|
|
name: 'Spanish - B1',
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
experience: {
|
|
config: {
|
|
title: 'Work experience',
|
|
icon: 'fa6-solid:suitcase',
|
|
},
|
|
jobs: [
|
|
{
|
|
role: 'Senior front-end developer',
|
|
company: 'Google',
|
|
startDate: new Date('2020-02'),
|
|
endDate: null,
|
|
description: [
|
|
'In tristique vulputate augue vel egestas.',
|
|
'Quisque ac imperdiet tortor, at lacinia ex.',
|
|
'Duis vel ex hendrerit, commodo odio sed, aliquam enim.',
|
|
'Ut arcu nulla, tincidunt eget arcu eget, molestie vulputate nisi.',
|
|
'Nunc malesuada leo et est iaculis facilisis.',
|
|
'Fusce eu urna ut magna malesuada fringilla.',
|
|
],
|
|
tags: [
|
|
{
|
|
icon: 'simple-icons:react',
|
|
iconColor: '#61DAFB',
|
|
name: 'React.js',
|
|
url: 'https://reactjs.org/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:nextdotjs',
|
|
iconColor: '#000000',
|
|
name: 'Next.js',
|
|
url: 'https://nextjs.org/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:typescript',
|
|
iconColor: '#3178C6',
|
|
name: 'TypeScript',
|
|
url: 'https://www.typescriptlang.org/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:nx',
|
|
iconColor: '#143055',
|
|
name: 'Nx',
|
|
url: 'https://nx.dev/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:firebase',
|
|
iconColor: '#FFCA28',
|
|
name: 'Firebase',
|
|
url: 'https://firebase.google.com/',
|
|
},
|
|
],
|
|
socials: [
|
|
{ name: 'Facebook', icon: 'fa6-brands:facebook-f', url: '#' },
|
|
{ name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' },
|
|
],
|
|
},
|
|
{
|
|
role: 'React.js developer',
|
|
company: 'Facebook',
|
|
startDate: new Date('2019-04'),
|
|
endDate: new Date('2020-02'),
|
|
description: [
|
|
'Aenean eget ultricies felis. Pellentesque dictum massa ut tellus eleifend, sed posuere massa mattis.',
|
|
'Ut posuere massa lacus, eleifend molestie tortor auctor vel.',
|
|
'Sed sed sollicitudin eros, id ultricies mi. Aliquam sodales elit vel ante tempor, non vehicula nibh facilisis.',
|
|
'Cras feugiat ultricies maximus. Aliquam tristique ex odio, ac semper urna accumsan a.',
|
|
],
|
|
tags: [
|
|
{
|
|
icon: 'simple-icons:react',
|
|
iconColor: '#61DAFB',
|
|
name: 'React.js',
|
|
url: 'https://reactjs.org/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:reactquery',
|
|
iconColor: '#FF4154',
|
|
name: 'TanStack Query',
|
|
url: 'https://tanstack.com/query',
|
|
},
|
|
{
|
|
icon: 'simple-icons:chakraui',
|
|
iconColor: '#319795',
|
|
name: 'Chakra UI',
|
|
url: 'https://chakra-ui.com/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:eslint',
|
|
iconColor: '#4B32C3',
|
|
name: 'ESLint',
|
|
url: 'https://eslint.org/',
|
|
},
|
|
],
|
|
socials: [
|
|
{ name: 'Website', icon: 'fa6-solid:globe', url: '#' },
|
|
{ name: 'Instagram', icon: 'fa6-brands:instagram', url: '#' },
|
|
],
|
|
},
|
|
{
|
|
role: 'Junior front-end developer',
|
|
company: 'GitLab',
|
|
startDate: new Date('2016-09'),
|
|
endDate: new Date('2019-04'),
|
|
description: [
|
|
'Nulla volutpat justo ante, rhoncus posuere massa egestas in.',
|
|
'Quisque pellentesque, dolor nec sollicitudin iaculis, sem velit consequat ligula, eget tempus ligula leo et est.',
|
|
'Maecenas ut elit sit amet nibh maximus condimentum in nec lorem. Pellentesque tincidunt odio vel leo suscipit, in interdum mi gravida.',
|
|
'Donec non vulputate augue.',
|
|
],
|
|
tags: [
|
|
{
|
|
icon: 'simple-icons:vuedotjs',
|
|
iconColor: '#4FC08D',
|
|
name: 'Vue.js',
|
|
url: 'https://vuejs.org/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:tailwindcss',
|
|
iconColor: '#06B6D4',
|
|
name: 'Tailwind CSS',
|
|
url: 'https://tailwindcss.com/',
|
|
},
|
|
{
|
|
icon: 'simple-icons:pnpm',
|
|
iconColor: '#F69220',
|
|
name: 'pnpm',
|
|
url: 'https://pnpm.io/',
|
|
},
|
|
],
|
|
socials: [
|
|
{ name: 'Twitter', icon: 'fa6-brands:twitter', url: '#' },
|
|
{ name: 'GitHub', icon: 'fa6-brands:github', url: '#' },
|
|
],
|
|
},
|
|
],
|
|
},
|
|
portfolio: {
|
|
config: {
|
|
title: 'Projects',
|
|
icon: 'fa6-solid:rocket',
|
|
filter: null,
|
|
},
|
|
projects: [],
|
|
},
|
|
testimonials: {
|
|
config: {
|
|
title: 'Testimonials',
|
|
icon: 'fa6-solid:comment',
|
|
},
|
|
testimonials: [],
|
|
},
|
|
favorites: {
|
|
config: {
|
|
title: 'My favorites',
|
|
icon: 'fa6-solid:star',
|
|
},
|
|
books: {
|
|
title: 'Books I read',
|
|
data: [],
|
|
},
|
|
medias: {
|
|
title: 'People I learn from',
|
|
data: [],
|
|
},
|
|
people: {
|
|
title: 'Videos I watched',
|
|
data: [],
|
|
},
|
|
videos: {
|
|
title: 'Media I follow',
|
|
data: [],
|
|
},
|
|
},
|
|
};
|
|
|
|
export default data;
|