feat: update with infos for 2020 edition

frontinsampa · Sep 16, 2019 · e85e2a9 · e85e2a9
1 parent d4cb427
commit e85e2a9
Show file tree

Hide file tree

Showing 7 changed files with 114 additions and 139 deletions.
diff --git a/src/assets/images/banner.png b/src/assets/images/banner.png
diff --git a/src/assets/images/social.jpg b/src/assets/images/social.jpg
diff --git a/src/index.html b/src/index.html
@@ -1,27 +1,27 @@
 <!DOCTYPE html>
 <html lang="pt-br">
   <head>
-    <title>Front In Sampa 2019</title>
+    <title>Front In Sampa 2020</title>
 
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 
-    <meta name="description" content="Front In Sampa 2019 - 8ª edição do maior e mais tradicional evento de desenvolvimento front-end do Brasil. 13 de julho | Centro de Convenções Rebouças" />
-    <meta name="keywords" content="desenvolvedor frontend, desenvolvedor front-end, front-end em são paulo, eventos de front-end em são paulo, frontinsampa, frontinsampa 2019, eventos de desenvolvimento, desenvolvimento, front-end, html, css, javascript, js" />
+    <meta name="description" content="Front In Sampa 2020 - 9ª edição do maior e mais tradicional evento de desenvolvimento front-end do Brasil. 18 de julho | Teatro Gazeta, Av. Paulista - SP" />
+    <meta name="keywords" content="desenvolvedor frontend, desenvolvedor front-end, front-end em são paulo, eventos de front-end em são paulo, frontinsampa, frontinsampa 2020, eventos de desenvolvimento, desenvolvimento, front-end, html, css, javascript, js" />
 
     <meta property="og:locale" content="pt_BR" />
     <meta property="og:url" content="http://www.frontinsampa.com.br" />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Front In Sampa 2019" />
+    <meta property="og:title" content="Front In Sampa 2020" />
     <meta property="og:site_name" content="Front In Sampa">
-    <meta property="og:description" content="Front In Sampa 2019 - 8ª edição do maior e mais tradicional evento de desenvolvimento front-end do Brasil. 13 de julho | Centro de Convenções Rebouças" />
-    <meta property="og:image" content="http://www.frontinsampa.com.br/assets/images/social.png" />
+    <meta property="og:description" content="Front In Sampa 2020 - 9ª edição do maior e mais tradicional evento de desenvolvimento front-end do Brasil. 18 de julho | Teatro Gazeta, Av. Paulista - SP" />
+    <meta property="og:image" content="http://www.frontinsampa.com.br/assets/images/banner.png" />
 
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:title" content="Front In Sampa 2019" />
-    <meta name="twitter:description" content="Front In Sampa 2019 - 8ª edição do maior e mais tradicional evento de desenvolvimento front-end do Brasil. 13 de julho | Centro de Convenções Rebouças" />
+    <meta name="twitter:title" content="Front In Sampa 2020" />
+    <meta name="twitter:description" content="Front In Sampa 2020 - 9ª edição do maior e mais tradicional evento de desenvolvimento front-end do Brasil. 18 de julho | Teatro Gazeta, Av. Paulista - SP" />
     <meta name="twitter:site" content="@frontinsp" />
-    <meta name="twitter:image" content="http://www.frontinsampa.com.br/assets/images/social.png" />
+    <meta name="twitter:image" content="http://www.frontinsampa.com.br/assets/images/banner.png" />
 
     <script async src="https://www.googletagmanager.com/gtag/js?id=<%= GOOGLE_UA %>"></script>
 

diff --git a/src/scenes/Home/About/About.js b/src/scenes/Home/About/About.js
@@ -1,84 +1,18 @@
-import uuid from 'uuid/v4';
 import React from 'react';
 
-import Grid from '@material-ui/core/Grid';
 import Box from '@material-ui/core/Box';
 
 import Typography from '../../../components/Typography';
-import CountUp from '../../../components/CountUp';
 
 import Section from '../../../commons/Section';
 
-/**
- * @todo Move `ABOUT_HISTORY` to configuration file.
- */
-const ABOUT_HISTORY = [
-  {
-    number: 2000,
-    content: 'participantes',
-    color: 'energy',
-    a11y: {
-      description: 'Mais de 2 mil participantes',
-    },
-  },
-  {
-    number: 70,
-    content: 'palestrantes',
-    color: 'sunrise',
-    a11y: {
-      description: 'Mais de 70 palestrantes',
-    },
-  },
-  {
-    number: 30,
-    content: 'patrocinadores',
-    color: 'sunset',
-    a11y: {
-      description: 'Mais de 30 patrocinadores',
-    },
-  },
-  {
-    number: 70,
-    content: 'apoiadores',
-    color: 'nature',
-    a11y: {
-      description: 'Mais de 70 apoiadores',
-    },
-  },
-];
-
 const About = () => (
   <Section title="O evento" titleCustomColor="sunrise">
     <Box mb={6}>
       <Typography component="p" paragraph variant="h5">
-        O <Box component="strong" color="sunrise" fontWeight="normal">Front In Sampa é o tradicional evento de Front-End</Box> sediado em São Paulo com 7 edições de sucesso desde 2012. Com o posto de maior do Brasil no seguimento e bem aclamado pelo público da área, trazemos conteúdo de alta qualidade aliado a uma experiência incrível do início ao fim, sempre pensando na inclusão, no aprendizado e na diversão.
+        O <Box component="strong" color="sunrise" fontWeight="normal">Front In Sampa é o tradicional evento de Front-End</Box> sediado em São Paulo com 8 edições de sucesso desde 2012. Com o posto de maior do Brasil no seguimento e bem aclamado pelo público da área, trazemos conteúdo de alta qualidade aliado a uma experiência incrível do início ao fim, sempre pensando na inclusão, no aprendizado e na diversão.
       </Typography>
     </Box>
-
-    <Typography component="p" paragraph variant="h6">
-      Desde de 2012, passaram pelo <Box component="strong" color="sunrise" fontWeight="normal">Front In Sampa</Box>:
-    </Typography>
-
-    <Grid container>
-      {
-        ABOUT_HISTORY.map(({
-          number,
-          content,
-          color,
-          a11y,
-        }) => (
-          <Grid item xs={12} md={4} key={uuid()}>
-            <Box component="p" mb={4}>
-              <Typography component="span" variant="h6" aria-label={a11y.description}>
-                <Typography component="span" variant="h4" display="block" paragraph customColor={color}>
-                  <CountUp number={number} posfix="+" />
-                </Typography> {content}
-              </Typography>
-            </Box>
-          </Grid>
-        ))
-      }
-    </Grid>
   </Section>
 );
 

diff --git a/src/scenes/Home/Hero/Hero.js b/src/scenes/Home/Hero/Hero.js
@@ -13,19 +13,19 @@ import Typed from '../../../components/Typed';
 /**
  * @todo Move `DATE` to configuration file.
  */
-const DATE = 'Sat, 13 Jul 2019';
+const DATE = 'Sat, 18 Jul 2020';
 
 const Hero = () => (
   <Section>
     <Grid container direction="row" justify="center">
       <Grid item xs="auto" style={{ textAlign: 'center' }}>
         <Typed component="p" paragraph variant="h2" content={[
           '#saveTheDate',
-          'Front In Sampa 2019',
+          'Front In Sampa 2020',
         ]} />
 
         <Typography component="p" paragraph variant="h5" color="textSecondary">
-          13 de Julho | Centro de Convenções Rebouças, São Paulo
+          18 de Julho | Teatro Gazeta, Av. Paulista, São Paulo
         </Typography>
 
         <Box mt={5} mb={5}>

diff --git a/src/scenes/Home/Home.js b/src/scenes/Home/Home.js
@@ -2,20 +2,12 @@ import React from 'react';
 
 import Hero from './Hero';
 import About from './About';
-import Speakers from './Speakers';
-import Timeline from './Timeline';
-import Sponsors from './Sponsors';
-import Partners from './Partners';
 import Contact from './Contact';
 
 const Home = () => (
   <React.Fragment>
     <Hero />
     <About />
-    <Speakers />
-    <Timeline />
-    <Sponsors />
-    <Partners />
     <Contact />
   </React.Fragment>
 );