Merge branch 'feature/page-lead' of github.com:tech-leads-club/curso-…

…apps-enterprise-nodejs-landing-page into feature/page-lead
tech-leads-club · Jul 17, 2024 · 122b4c1 · 122b4c1
2 parents 6b44239 + 04d7829
commit 122b4c1
Show file tree

Hide file tree

Showing 11 changed files with 83 additions and 73 deletions.
diff --git a/.github/workflows/lead-landing-page.yaml b/.github/workflows/lead-landing-page.yaml
@@ -1,45 +1,51 @@
-name: CI
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
 
-on: push
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ['feature/page-lead']
 
-jobs:
-  setup:
-    name: setup
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-
-      - name: Install Dependencies
-        run: npm install
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
 
-      - name: Build
-        run: npm run build
+# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
 
-      - name: Setup Pages
-        if: github.ref == 'refs/heads/feature/page-lead'
-        uses: actions/configure-pages@v3
-
-      - name: Upload Artifact
-        if: github.ref == 'refs/heads/feature/page-lead'
-        uses: actions/upload-pages-artifact@v1
-        with:
-          path: "./dist"
-
-  deploy-coverage:
-    if: github.ref == 'refs/heads/feature/page-lead'
-    runs-on: ubuntu-latest
-    needs: setup
-    permissions:
-      pages: write
-      id-token: write
+# Allow one concurrent deployment
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
 
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
     environment:
-      # environment created automatically by GitHub
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
-
+    runs-on: ubuntu-latest
     steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+      - name: Install dependencies
+        run: npm ci
+      - name: Build
+        run: npm run build && cp ./dist/index.html ./dist/404.html
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload dist folder
+          path: './dist'
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4
diff --git a/index.html b/index.html
@@ -4,7 +4,8 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/tlc_simbolo_branco.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>TECH LEADS CLUB</title>
+    <meta name="description" content="Aprenda como utilizar os conceitos de Arquitetura Evolutiva e Modular para desenvolver projetos de qualquer porte, tirando o melhor proveito de cada padrão no momento certo e se tornar um líder técnico eficiente.">
+    <title>Workshop Arquiteturas Evolutivas e Modulares na Prática.</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/assets/youtube.jpg b/src/assets/youtube.jpg
diff --git a/src/components/firstPage/firstPage.tsx b/src/components/firstPage/firstPage.tsx
@@ -12,12 +12,12 @@ function FirstPage() {
       <div className='flex flex-col items-center px-5 text-center sm:px-6 lg:px-10 2xl:px-14'>
         <div className='max-w-[500px] md:max-w-700 lg:max-w-1000 2xl:max-w-1400'>
           <p className='mt-10 text-center text-15 sm:text-20 lg:text-25 2xl:text-35'>
-            APRENDA A CONSTRUIR SOFTWARE COM QUALIDADE EM GRANDE ESCALA.
+            WORKSHOP ARQUITETURAS EVOLUTIVAS E MODULARES NA PRÁTICA.
           </p>
         </div>
 
         <p className='mt-2.5 text-12 text-subtitle sm:text-14 lg:text-17 2xl:text-20'>
-          Desenvolver software que escala não precisa ser complexo.
+          Aprenda os fundamentos para construir software de qualquer porte de forma eficiente.
         </p>
       </div>
 
@@ -26,14 +26,14 @@ function FirstPage() {
           <LeftFirstPage />
         </div>
         <div>
-          <YoutubeVideo embedId='FIG3xjgnicg?si=w9HkgomD07M4olZS' />
+          <YoutubeVideo embedId='dHJCYiwLBFI?si=z3_I850H69iwGlSF' />
         </div>
       </div>
 
       <div className='flex flex-col items-center px-5 pb-10 sm:px-6 sm:pb-16 lg:px-10 2xl:px-14'>
         <p className=' mt-5 max-w-[500px] text-center text-15 sm:mt-10 sm:max-w-[760px] sm:text-20 lg:mt-16 lg:max-w-[1100px] lg:text-25 2xl:mt-20 2xl:max-w-[1600px] 2xl:text-35'>
           Você estuda linguagens, Frameworks, DDD, Arquitetura Hexagonal,
-          Arquitetura Limpa, Microsserviços e testes, mas{' '}
+          Arquitetura Limpa e Microsserviços, mas{' '}
           <span className='bg-blueBox text-white'>
             sente que suas soluções não estão entregando valor
           </span>{' '}
@@ -45,16 +45,16 @@ function FirstPage() {
         </p>
 
         <p className=' 2xl:mb-18 mb-7 max-w-[500px] text-center text-15 sm:mb-10 sm:max-w-[760px] sm:text-20 lg:mb-14 lg:max-w-[1100px] lg:text-25 2xl:max-w-[1600px] 2xl:text-30'>
-          O que não falta é curso falando da “maneira certa”, “arquitetura
-          certa” e o “jeito certo”. Mas, a maioria deles, não trazem a bagagem e
-          a experiência de quem desenvolve software de grande escala há muito
-          tempo.
+          É claro que esses padrões são fundamentais mas isso não significa que existam balas de prata ou que existe a
+          “maneira certa”, “arquitetura certa” ou o  “jeito certo”.
+          Tudo depende do contexto e o mais importante é o processo evolutivo e a tomada de decisão.
         </p>
 
         <p className=' max-w-[500px] text-center text-15 sm:max-w-[760px] sm:text-20 lg:max-w-[1100px] lg:text-25 2xl:max-w-[1600px] 2xl:text-30'>
-          Entender profundamente sobre linguagens e padrões de arquitetura e
-          desenvolvimento é crucial, mas saber quando{' '}
-          <span className='bg-blueBox text-white'>aplicar é essencial.</span>
+          Nesse workshop você vai aprender como utilizar os conceitos de Arquitetura Evolutiva 
+          e Modular para desenvolver projetos de qualquer porte, tirando o melhor
+          proveito de cada padrão no {' '}
+          <span className='bg-blueBox text-white'>momento certo</span> e se tornar um líder técnico eficiente.
         </p>
       </div>
     </section>

diff --git a/src/components/forms-sign-in/index.tsx b/src/components/forms-sign-in/index.tsx
@@ -30,8 +30,8 @@ export default function LeftFirstPage() {
       <div className=' flex h-[25rem] w-full items-center justify-center   sm:h-96     md:w-full lg:h-[480px]  lg:w-[50vw] lg:pr-20 2xl:h-[700px] 2xl:w-[49vw] 2xl:max-w-[1020px] '>
         <div className='flex max-w-[460px] flex-col items-center justify-center   sm:min-w-[550px] sm:max-w-[530px] md:max-w-[530px] lg:w-[500px] lg:max-w-[500px]  xl:w-[600px]  xl:max-w-[600px] 2xl:ml-10 2xl:min-w-[840px] 2xl:max-w-[840px]'>
           <div className=' lg:text-18 mb-4 w-[60%] text-left  font-segoe font-light sm:mb-8 xl:mb-10 2xl:mb-16 2xl:w-[55%] 2xl:text-30'>
-            Lorem ipsum dolor sit amet. Ea galisum harum vel distinctio
-            voluptatibus non temporibus
+            <p>Workshop ao vivo dias <b>13/08</b> e <b>14/08</b> as <b>19:00 horas</b></p>
+            <p>Conteudo inédito e exclusivo!</p>
           </div>
           <form
             onSubmit={handleSubmit(onSubmit)}

diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
@@ -29,7 +29,7 @@ function Header() {
       </div>
 
       <div className=' sm:px-6 lg:px-10 2xl:px-14'>
-        <YoutubeVideo embedId='FIG3xjgnicg?si=w9HkgomD07M4olZS' />
+        <YoutubeVideo embedId='dHJCYiwLBFI?si=z3_I850H69iwGlSF' />
       </div>
 
       <div className='flex flex-col items-center px-5 pb-10 sm:px-6 sm:pb-16 lg:px-10 2xl:px-14'>

diff --git a/src/components/learn/learn.tsx b/src/components/learn/learn.tsx
@@ -16,23 +16,23 @@ const learnTexts = [
   },
   {
     photo: DecisionPhoto,
-    text: 'Tomar decisões técnicas efetivas e liderar.',
+    text: 'Como tomar decisões técnicas chave para a arquitetura.',
   },
   {
     photo: VersusPhoto,
-    text: 'Monolito vs Microsserviço vs Arquitetura',
+    text: 'Monolito vs Microsserviço vs Arquitetura Modular.',
   },
   {
     photo: UnitTestPhoto,
-    text: 'Testes de unidade, integração e ponta a ponta.',
+    text: 'Testes e qualidade.',
   },
   {
     photo: ArchitecturePhoto,
-    text: 'Arquitetura modular em grande escala',
+    text: 'Arquitetura Modular em grande escala',
   },
   {
     photo: PatternsPhoto,
-    text: 'Padrões de arquitetura enterprise e quando adotar DDD, Hexagonal',
+    text: 'Padrões de arquitetura enterprise como DDD, Arquitetura Hexagonal e Arquitetura Limpa.',
   },
 ]
 

diff --git a/src/components/teachers/teachers.tsx b/src/components/teachers/teachers.tsx
@@ -18,7 +18,7 @@ import './carousel.css'
 const teachersData = [
   {
     name: 'Waldemar Neto',
-    subtitle: 'Subtitulo, cargo, empresa etc...',
+    subtitle: 'Tech Advisor | Autor | Mentor',
     description:
       'Waldemar Neto, enquanto na Atlassian, foi um dos líderes técnicos do desenvolvimento da plataforma de plugins Forge. Seu time foi o maior usuário de Lambda de toda a Ásia/Pacifico.',
     photo: WaldemarPhoto,
@@ -28,7 +28,7 @@ const teachersData = [
   },
   {
     name: 'William Calderipe',
-    subtitle: 'Subtitulo, cargo, empresa etc...',
+    subtitle: 'Staff Engineer | Tech Lead | Mentor',
     description:
       'William Calderipe, enquanto na ThoughtWorks, foi um dos líderes técnicos na fusão de Lan e Tam que originou a Latam, um projeto de anos que envolveu a refatoração de diversos sistemas de grande escala.',
     photo: WillianPhoto,

diff --git a/src/pages/leads.tsx b/src/pages/leads.tsx
@@ -6,23 +6,23 @@ import Teachers from '../components/teachers/teachers'
 
 const dataModules = [
   {
-    name: 'FUNDAMENTOS DE CONSTRUÇÃO DE SOFTWARE ENTERPRISE',
+    name: 'AULA 1: FUNDAMENTOS DA CONSTRUÇÃO DE SOFTWARE ENTERPRISE',
     topics: [
-      'Bla bla bla bla',
-      'Bla bla bla bla',
-      'Bla bla bla bla',
-      'Bla bla bla bla',
-      'Bla bla bla bla',
+      'Porque overengineering acontece',
+      'Principios da arquitetura evolutiva',
+      'Construindo o software certo',
+      'Arquitetura simples, flexivel e aberta a mudanças',
+      'Designs Patterns fundamentais',
     ],
   },
   {
-    name: 'ARQUITETURA MODULAR EM ESCALA',
+    name: 'AULA 2: ARQUITETURA MODULAR EM ESCALA',
     topics: [
-      'Bla bla bla bla',
-      'Bla bla bla bla',
-      'Bla bla bla bla',
-      'Bla bla bla bla',
-      'Bla bla bla bla',
+      'Módulos vs Microsserviços vs Monolitos',
+      'Como arquitetar um sistema modular',
+      'Comunicação entre módulos',
+      'Banco de dados e módulos',
+      'Modularização extrema',
     ],
   },
 ]

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
@@ -4,14 +4,16 @@ import InformationPage from "../pages/information";
 import LeadsPage from "../pages/leads";
 
 
+//const basePath = '/curso-apps-enterprise-nodejs-landing-page';
+
 export default function Router() {
     return (
         <BrowserRouter>
             <Routes>
-                <Route path="/" element={<Navigate to="/increva-se" />} />
-                <Route path="/increva-se" element={<LeadsPage />} />
-                <Route path="/informacoes" element={<InformationPage />} />
+                <Route path={`/`} element={<Navigate to={`/increva-se`} />} />
+                <Route path={`/increva-se`} element={<LeadsPage />} />
+                <Route path={`/informacoes`} element={<InformationPage />} />
             </Routes>
         </BrowserRouter>
-    );  
-}
+    );
+}
diff --git a/vite.config.ts b/vite.config.ts
@@ -3,5 +3,6 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  //base: '/curso-apps-enterprise-nodejs-landing-page/',
   plugins: [react()],
 })