chore: update logos

.gitignore

@@ -18,4 +18,5 @@ yarn-error*
 .prettierrc.json
 
 # next
-.next/*
+.next/*
+out/*

page-container/careers-page/CareerPageContainer.tsx

@@ -59,7 +59,7 @@ const CareerPage = () => {
         <Grid container direction="column" alignItems="center">
           <Grid item className={classes.title}>
             <Typography variant="h2" color="primary">
-              Join Pedia Lab
+              Join Fractal Labs
             </Typography>
           </Grid>
           <Grid item container className={classes.linkContainer} justify="center">

page-container/index-page/ClientCompanies.tsx

@@ -12,14 +12,12 @@ const content = {
     // { name: 'Mocaverse', logoSrc: '/logo_mocaverse.svg' },
     { name: 'HYPEBEAST', logoSrc: '/logo_hypebeast.png' },
     { name: 'Codibook', logoSrc: '/logo_codibook.png' },
-    { name: 'Gritus', logoSrc: '/logo_gritus.png' },
+
     { name: 'Mozilla', logoSrc: '/logo_mozilla.png' },
     { name: 'SLEEEP', logoSrc: '/logo_sleeep.png' },
     { name: 'StockViva', logoSrc: '/logo_sv.png' },
     { name: 'SpaceShip', logoSrc: '/logo_spaceship.png' },
-    { name: 'GOGOX', logoSrc: '/logo_gogox.png' },
     { name: 'JavaScript', logoSrc: '/logo_js.png' },
-    { name: 'HK01', logoSrc: '/logo_hongkong01.png' },
     {
       name: 'Shaw Brothers Pictures International Limited',
       logoSrc: '/logo_SB.png'

page-container/index-page/IndexPageContainer.tsx

@@ -148,7 +148,7 @@ const IndexPageContainer = () => {
       <Box mx={{ xs: '5.8%', md: '10%' }}>
         <ProjectScopes className={classes.projectScopes} />
         <TeamUpWithTechlead className={classes.teamUpWithTechlead} />
-        <DeveloperSupport className={classes.developerSupport} />
+        {/* <DeveloperSupport className={classes.developerSupport} /> */}
         <OurTeam className={classes.ourTeam} />
 
       </Box>

page-container/index-page/OurCompany.tsx

@@ -27,22 +27,22 @@ const OurCompany = ({ className }: Partial<{ className: string }>) => {
     <Grid container direction="column" component="article" className={className} id="our-company">
 
       <Typography component="h3" variant="h2" color="primary">
-          The Pedia Lab
-          Difference
-        </Typography>
-        <br />
-        <Typography component="p" variant="body1" color="secondary">
-          Why employ Tech Lead as a service to grow together instead of just outsourcing?
-        </Typography>
-        <Grid item className={classes.imageContainer}>
-          <img src="/our_company_img.svg" width="415" height="361" alt="our company introduction logo" />
-     
-        </Grid>
-         
-        <Grid item className={classes.imageContainer}>
-     
-        </Grid>
-  
+        The Fractal Labs
+        Difference
+      </Typography>
+      <br />
+      <Typography component="p" variant="body1" color="secondary">
+        Why employ Tech Lead as a service to grow together instead of just outsourcing?
+      </Typography>
+      <Grid item className={classes.imageContainer}>
+        <img src="/fractal_labs.png" width="415" height="361" alt="our company introduction logo" />
+
+      </Grid>
+
+      <Grid item className={classes.imageContainer}>
+
+      </Grid>
+
       <Grid item className={classes.textContainer}>
         <Typography variant="body1" color="secondary">
           We are a team of ex-startup founders & tech-leads, who understand both the power of technology and trade-offs to make in fast paced startups or

page-container/index-page/OurTeam.tsx

@@ -10,14 +10,19 @@ const content = {
     </Typography>
   ),
   brands: [
-    { name: 'Yahoo!', logoSrc: '/logo_yahoo.png' },
-    { name: 'J.P.Morgan', logoSrc: '/logo_jp.png' },
 
-    { name: 'HK01', logoSrc: '/logo_hongkong01.png' },
-    { name: 'Oursky', logoSrc: '/logo_oursky.png' },
-    { name: 'Entrepreneur First', logoSrc: '/logo_entrepreneur-first.png' },
+    { name: 'Animoca Brands', logoSrc: '/logo_ab.png' },
+    { name: 'LiquidX studio', logoSrc: '/logo_lx.svg' },
+    {
+      name: 'PALO IT',
+      logoSrc: '/logo_palo_it.png'
+    },
+    {
+      name: 'Bowtie',
+      logoSrc: '/logo_bowtie.jpg'
+    },
     { name: 'StockViva', logoSrc: '/logo_sv.png' },
-    { name: 'House News', logoSrc: '/logo_house_news.png' },
+    { name: 'Gritus', logoSrc: '/logo_gritus.png' },
     { name: 'SpaceShip', logoSrc: '/logo_spaceship.png' },
     { name: 'Developer Circles from Facebook', logoSrc: '/logo_fb_dev_cir.png' }
   ]
@@ -27,16 +32,21 @@ const members = [
   {
     avatarSrc: '/avatar_vincent.jpg',
     name: 'Vincent Lau',
+    position: 'Founding Partner'
+  },
+  {
+    avatarSrc: '/avatar_ken.jpg',
+    name: 'Ken Yiu',
     position: 'Partner'
   },
   {
-    avatarSrc: '/avatar_keung.jpg',
-    name: 'Keung Ho',
+    avatarSrc: '/avatar_justin.jpg',
+    name: 'Justin Lau',
     position: 'Partner'
   },
   {
-    avatarSrc: '/avatar_roger.jpg',
-    name: 'Roger Ho',
+    avatarSrc: '/avatar_brian.jpg',
+    name: 'Brian Wong',
     position: 'Partner'
   }
 ];

page-container/index-page/VendorDifference.tsx

@@ -13,8 +13,8 @@ const content = {
       'Your budget is spent on their sales and middle management.'
     ]
   },
-  pedialab: {
-    title: 'Pedia Lab',
+  fractal: {
+    title: 'Fractal Labs',
     lists: [
       'We’re experienced startup founders and tech-lead that you can count on, committed to work with your team.',
       'Day to day you gain insights in technology related to your product and stay on top of the game.',
@@ -111,9 +111,9 @@ const VendorDifference = ({ className }: Partial<{ className: string }>) => {
         </Grid>
         <Grid component="section" className={classes.secondSection} item container wrap="nowrap" justify="space-evenly" lg={6} xs={12}>
           <Typography variant="h3" color="textPrimary">
-            {content.pedialab.title}
+            {content.fractal.title}
           </Typography>
-          <TextList texts={content.pedialab.lists} width="18.4vw" />
+          <TextList texts={content.fractal.lists} width="18.4vw" />
         </Grid>
       </Grid>
       <Grid container justify="center">

pages/careers.tsx

@@ -5,10 +5,10 @@ function CareersPage() {
   return (
     <>
       <Head>
-        <title>Pedia Lab - Careers</title>
-        <meta name="description" content="Join Pedia Lab" />
-        <meta property="og:title" content="Pedia Lab - Careers" />
-        <meta property="og:description" content="Join Pedia Lab" />
+        <title>Fractal Labs - Careers</title>
+        <meta name="description" content="Join Fractal Labs" />
+        <meta property="og:title" content="Fractal Labs - Careers" />
+        <meta property="og:description" content="Join Fractal Labs" />
         <meta property="og:image" content="https://fractal.box/og_logo_592_310.png" />
       </Head>
       <CareerPageContainer />

pages/case-study/[title].tsx

@@ -53,10 +53,10 @@ const CaseStudyPage = ({ markdown }: Props) => {
     <>
       <Head>
         <title>
-          {`Pedia Lab - ${title}`}
+          {`Fractal Labs - ${title}`}
         </title>
         <meta name="description" content={summary} />
-        <meta property="og:title" content={`Pedia Lab - ${title}`} />
+        <meta property="og:title" content={`Fractal Labs - ${title}`} />
         <meta property="og:description" content={summary} />
         <meta property="og:image" content={packageConfig.homepage.concat(heroImagePath)} />
         <link rel="preload" as="image" href={heroImagePath} />

pages/case-study/index.tsx

@@ -46,9 +46,9 @@ function CaseStudiesPage({ articleCards }: Props) {
   return (
     <>
       <Head>
-        <title>Pedia Lab - Case Study</title>
+        <title>Fractal Labs - Case Study</title>
         <meta name="description" content={pageDescription} />
-        <meta property="og:title" content="Pedia Lab - Case Study" />
+        <meta property="og:title" content="Fractal Labs - Case Study" />
         <meta property="og:description" content={pageDescription} />
         <meta property="og:image" content="https://fractal.box/og_logo_592_310.png" />
       </Head>

pages/index.tsx

@@ -7,9 +7,9 @@ function HomePage() {
   return (
     <>
       <Head>
-        <title>Pedia Lab</title>
+        <title>Fractal Labs</title>
         <meta name="description" content={description} />
-        <meta property="og:title" content="Pedia Lab" />
+        <meta property="og:title" content="Fractal Labs" />
         <meta property="og:description" content={description} />
         <meta property="og:image" content="https://fractal.box/og_logo_592_310.png" />
         <link rel="preload" as="image" href="/hero_image.jpg" />

pages/thank-you.tsx

@@ -5,9 +5,9 @@ function CareersPage() {
   return (
     <>
       <Head>
-        <title>Pedia Lab - Thank You</title>
+        <title>Fractal Labs - Thank You</title>
         <meta name="description" content="Thank you to contact us, we will get in touch with you shortly" />
-        <meta property="og:title" content="Pedia Lab - Thank You" />
+        <meta property="og:title" content="Fractal Labs - Thank You" />
         <meta property="og:description" content="Thank you to contact us, we will get in touch with you shortly" />
         <meta property="og:image" content="https://fractal.box/og_logo_592_310.png" />
       </Head>