nodejsbrazil · ananeridev · May 11, 2026 · May 11, 2026 · May 11, 2026
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
-# JSConf Brasil 2026
+# JSConf Brasil 2026 🐢✨
 
-A **JSConf Brasil** é a conferência brasileira dentro da família **JSConf**, dedicada à comunidade **JavaScript** e ao ecossistema em torno da linguagem — do front ao back, ferramentas, performance e as pessoas que constroem produtos com tecnologia web.
+A **JSConf Brasil** é a conferência brasileira dentro da família [JSConf](https://jsconf.com/) dedicada à comunidade **JavaScript** e ao ecossistema em torno da linguagem — do front ao back, ferramentas, performance e as pessoas que constroem produtos com tecnologia web.
 
 ## Propósito
 

diff --git a/i18n/en-US/code.json b/i18n/en-US/code.json
@@ -101,6 +101,18 @@
   "gallery.community.description": {
     "message": "We organize meetups and events connecting Node.js developers across Brazil."
   },
+  "gallery.c4pGuide.heading": {
+    "message": "Submit your talk!"
+  },
+  "gallery.c4pGuide.title": {
+    "message": "Call 4 Papers Guide"
+  },
+  "gallery.c4pGuide.description": {
+    "message": "Want to submit a talk? Read the full guide with criteria, tips, and deadlines."
+  },
+  "gallery.c4pGuide.cta": {
+    "message": "Open guide"
+  },
   "gallery.networking.title": {
     "message": "Networking"
   },
@@ -150,7 +162,7 @@
     "message": "USCS - Municipal University of São Caetano do Sul"
   },
   "team.title": {
-    "message": "Our Team"
+    "message": "The team behind JSConfBR"
   },
   "team.subtitle": {
     "message": "International experts and local talent sharing the future of the web."
@@ -167,12 +179,6 @@
   "team.ana.position": {
     "message": "Senior Software Engineer"
   },
-  "team.weslley.bio": {
-    "message": "Weslley Araújo is a developer with over 11 years of experience, MySQL2 maintainer and creator of Poku, a high-performance test runner that challenges the programming language itself."
-  },
-  "team.weslley.position": {
-    "message": "Principal Developer"
-  },
   "team.lojhan.bio": {
     "message": "Tech Lead & Full Stack Developer. Helping teams build scalable applications with modern technologies. Specialized in frontend, backend and architecture design."
   },

diff --git a/i18n/es-419/code.json b/i18n/es-419/code.json
@@ -101,6 +101,18 @@
   "gallery.community.description": {
     "message": "Organizamos meetups y eventos conectando desarrolladores Node.js en todo Brasil."
   },
+  "gallery.c4pGuide.heading": {
+    "message": "¡Envía tu charla!"
+  },
+  "gallery.c4pGuide.title": {
+    "message": "Guía de Call 4 Papers"
+  },
+  "gallery.c4pGuide.description": {
+    "message": "¿Quieres enviar una charla? Consulta la guía completa con criterios, consejos y fechas."
+  },
+  "gallery.c4pGuide.cta": {
+    "message": "Ver guía"
+  },
   "gallery.networking.title": {
     "message": "Networking"
   },
@@ -150,7 +162,7 @@
     "message": "USCS - Universidad Municipal de São Caetano do Sul"
   },
   "team.title": {
-    "message": "Nuestro Equipo"
+    "message": "El equipo detrás de JSConfBR"
   },
   "team.subtitle": {
     "message": "Expertos internacionales y talentos locales compartiendo el futuro de la web."
@@ -167,12 +179,6 @@
   "team.ana.position": {
     "message": "Senior Software Engineer"
   },
-  "team.weslley.bio": {
-    "message": "Weslley Araújo es un desarrollador con más de 11 años de experiencia, mantenedor de MySQL2 y creador de Poku, un test runner de alto rendimiento que desafía al propio lenguaje de programación."
-  },
-  "team.weslley.position": {
-    "message": "Principal Developer"
-  },
   "team.lojhan.bio": {
     "message": "Tech Lead & Full Stack Developer. Ayudando a equipos a construir aplicaciones escalables con tecnologías modernas. Especializado en frontend, backend y diseño de arquitectura."
   },

diff --git a/i18n/pt-BR/code.json b/i18n/pt-BR/code.json
@@ -101,6 +101,18 @@
   "gallery.community.description": {
     "message": "Organizamos meetups e eventos conectando desenvolvedores Node.js por todo o Brasil."
   },
+  "gallery.c4pGuide.heading": {
+    "message": "Mande sua palestra!"
+  },
+  "gallery.c4pGuide.title": {
+    "message": "Guia de Call 4 Papers"
+  },
+  "gallery.c4pGuide.description": {
+    "message": "Quer submeter uma palestra? Veja o guia completo com critérios, dicas e prazos."
+  },
+  "gallery.c4pGuide.cta": {
+    "message": "Acessar guia"
+  },
   "gallery.networking.title": {
     "message": "Networking"
   },
@@ -150,7 +162,7 @@
     "message": "USCS - Universidade Municipal de São Caetano do Sul"
   },
   "team.title": {
-    "message": "Nosso Time"
+    "message": "O time por trás da JSConfBR"
   },
   "team.subtitle": {
     "message": "Especialistas internacionais e talentos locais compartilhando o futuro da web."
@@ -167,12 +179,6 @@
   "team.ana.position": {
     "message": "Senior Software Engineer"
   },
-  "team.weslley.bio": {
-    "message": "Weslley Araújo é um desenvolvedor com mais de 11 anos de experiência, mantenedor do MySQL2 e criador do Poku, um test runner de alta performance que desafia a própria linguagem de programação."
-  },
-  "team.weslley.position": {
-    "message": "Principal Developer"
-  },
   "team.lojhan.bio": {
     "message": "Tech Lead & Full Stack Developer. Ajudando equipes a construir aplicações escaláveis com tecnologias modernas. Especializado em frontend, backend e design de arquitetura."
   },

diff --git a/src/website/components/_partial/Navbar.tsx b/src/website/components/_partial/Navbar.tsx
@@ -43,8 +43,9 @@ const SECTIONS: Section[] = [
     priority: 2,
   },
   {
-    id: 'team',
-    label: <Text id='navbar.section.team' />,
+    id: 'sponsors',
+    label: <Text id='navbar.section.sponsors' />,
+    priority: 1,
   },
 ];
 
@@ -184,8 +185,8 @@ export const Navbar = () => {
           <Link to={localePath('/c4p')} data-priority={1}>
             C4P
           </Link>
-          <Link to={localePath('/sponsors')} data-priority={1}>
-            <Text id='navbar.section.sponsors' />
+          <Link to={localePath('/team')} data-priority={1}>
+            <Text id='navbar.section.team' />
           </Link>
         </nav>
         <div className='actions'>
@@ -270,8 +271,8 @@ export const Navbar = () => {
           <Link to={localePath('/c4p')} onClick={closeMenu}>
             C4P
           </Link>
-          <Link to={localePath('/sponsors')} onClick={closeMenu}>
-            <Text id='navbar.section.sponsors' />
+          <Link to={localePath('/team')} onClick={closeMenu}>
+            <Text id='navbar.section.team' />
           </Link>
           <SafeLink className='tickets' to={link.tickets}>
             <Ticket /> <Text id='navbar.tickets' />

diff --git a/src/website/components/home/Gallery.tsx b/src/website/components/home/Gallery.tsx
@@ -1,7 +1,16 @@
 import type { FC, ReactNode, RefObject } from 'react';
 import { useRef } from 'react';
-import { Camera, Handshake, PartyPopper, Users } from 'lucide-react';
+import Link from '@docusaurus/Link';
+import {
+  Camera,
+  FileText,
+  Handshake,
+  Mic,
+  PartyPopper,
+  Users,
+} from 'lucide-react';
 import { Text } from '@site/src/website/components/shared/i18n';
+import { useLocalePath } from '../../hooks/useLocalePath';
 import { useScroll } from '../../hooks/useScroll';
 import { Image } from '../shared/Image';
 
@@ -54,6 +63,8 @@ const PhotoCard: FC<PhotoCardProps> = ({ src, alt, className = '' }) => {
 };
 
 export const Gallery = () => {
+  const { localePath } = useLocalePath();
+
   return (
     <main id='gallery'>
       <div className='content'>
@@ -111,6 +122,25 @@ export const Gallery = () => {
             alt='NodeBR meetup full'
           />
         </div>
+        <h1 className='title'>
+          <Mic className='icon' /> <Text id='gallery.c4pGuide.heading' />
+        </h1>
+        <div className='c4p-cta'>
+          <div className='c4p-cta-content'>
+            <FileText className='c4p-cta-icon' />
+            <div>
+              <h3 className='c4p-cta-title'>
+                <Text id='gallery.c4pGuide.title' />
+              </h3>
+              <p className='c4p-cta-description'>
+                <Text id='gallery.c4pGuide.description' />
+              </p>
+            </div>
+            <Link to={localePath('/c4p')} className='c4p-cta-link'>
+              <Text id='gallery.c4pGuide.cta' />
+            </Link>
+          </div>
+        </div>
       </div>
     </main>
   );

diff --git a/src/website/components/home/Sponsors.tsx b/src/website/components/home/Sponsors.tsx
@@ -0,0 +1,76 @@
+import '@site/src/website/scss/pages/sponsors.scss';
+import { ExternalLink, Handshake, Heart } from 'lucide-react';
+import { Text } from '@site/src/website/components/shared/i18n';
+import { SafeLink } from '@site/src/website/components/shared/SafeLink';
+import { link } from '@site/src/website/configs/definitions';
+
+export const Sponsors = () => (
+  <section id='sponsors' className='page-content sponsors-page'>
+    <header className='header'>
+      <h1 className='title'>
+        <Text id='sponsors.hero.title' />
+      </h1>
+      <p className='intro'>
+        <Text id='sponsors.hero.intro' />
+      </p>
+    </header>
+
+    <section className='why'>
+      <h2 className='section-title'>
+        <Text id='sponsors.why.title' />
+      </h2>
+      <div className='grid'>
+        <div className='card'>
+          <Handshake className='card-icon' />
+          <h3 className='card-title'>
+            <Text id='sponsors.visibility.title' />
+          </h3>
+          <p className='card-text'>
+            <Text id='sponsors.visibility.text' />
+          </p>
+        </div>
+        <div className='card'>
+          <Heart className='card-icon' />
+          <h3 className='card-title'>
+            <Text id='sponsors.community.title' />
+          </h3>
+          <p className='card-text'>
+            <Text id='sponsors.community.text' />
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <section className='benefits'>
+      <h2 className='section-title'>
+        <Text id='sponsors.benefits.title' />
+      </h2>
+      <ul className='benefits-list'>
+        <li>
+          <Text id='sponsors.benefits.item1' />
+        </li>
+        <li>
+          <Text id='sponsors.benefits.item2' />
+        </li>
+        <li>
+          <Text id='sponsors.benefits.item3' />
+        </li>
+        <li>
+          <Text id='sponsors.benefits.item4' />
+        </li>
+      </ul>
+    </section>
+
+    <section className='cta-section'>
+      <h2 className='cta-title'>
+        <Text id='sponsors.cta.title' />
+      </h2>
+      <p className='cta-text'>
+        <Text id='sponsors.cta.text' />
+      </p>
+      <SafeLink to={link.sponsors} className='cta-button'>
+        <Text id='sponsors.cta.button' /> <ExternalLink className='icon' />
+      </SafeLink>
+    </section>
+  </section>
+);
diff --git a/src/website/components/home/Team.tsx b/src/website/components/home/Team.tsx
@@ -81,6 +81,14 @@ export const Team = () => {
               website: 'https://blog.lsantos.dev',
             }}
           />
+          <Person
+            name='Micaele Magalhães'
+            img='/img/team/mi.webp'
+            bio={text({ id: 'team.micaele.bio' })}
+            social={{
+              instagram: 'micaele_magalhaes',
+            }}
+          />
         </section>
       </div>
       <div className='content' ref={supportRef}>
@@ -92,25 +100,16 @@ export const Team = () => {
         </small>
         <section className='support'>
           <Person
-            name='Weslley Araújo'
-            img='/img/team/wells.webp'
-            bio={text({ id: 'team.weslley.bio' })}
-            position={text({ id: 'team.weslley.position' })}
-            company='weslley.io'
+            name='Mônica'
+            img='/img/team/monica.webp'
+            bio={text({ id: 'team.monica.bio' })}
+            position={text({ id: 'team.monica.position' })}
+            company='CRMBonus'
             social={{
-              instagram: '@wellwelwel',
-              youtube: '@weslleyio',
-              linkedin: 'wellwelwel',
-              github: 'wellwelwel',
-              website: 'https://weslley.io/',
-            }}
-          />
-          <Person
-            name='Micaele Magalhães'
-            img='/img/team/mi.webp'
-            bio={text({ id: 'team.micaele.bio' })}
-            social={{
-              instagram: 'micaele_magalhaes',
+              linkedin: 'mocraveirodev',
+              instagram: 'mocraveirodev',
+              github: 'mocraveirodev',
+              website: 'https://5tr.in/mocraveirodev/',
             }}
           />
           <Person

diff --git a/src/website/pages/c4p/_components/diversity.tsx b/src/website/pages/c4p/_components/diversity.tsx
@@ -2,6 +2,7 @@ import type { SubmitEvent } from 'react';
 import type { FormData } from '../../../contexts/c4p';
 import Link from '@docusaurus/Link';
 import { ArrowLeft, ArrowRight } from 'lucide-react';
+import { useLocalePath } from '@site/src/website/hooks/useLocalePath';
 import * as styles from '../_styles';
 import {
   disabilityOptions,
@@ -12,6 +13,7 @@ import {
 } from '../../../contexts/c4p';
 
 export const Diversity = () => {
+  const { localePath } = useLocalePath();
   const { formData, updateField, goToStep } = useC4P();
 
   const handleSubmit = (event: SubmitEvent) => {
@@ -46,7 +48,7 @@ export const Diversity = () => {
             física, etc.) e (c) gerar estatísticas agregadas sobre diversidade
             no C4P. Você pode revogar esse consentimento a qualquer momento
             escrevendo para um dos{' '}
-            <Link to='/#team' className='text-primary underline'>
+            <Link to={localePath('/team')} className='text-primary underline'>
               nossos voluntários
             </Link>
             .

diff --git a/src/website/pages/index.tsx b/src/website/pages/index.tsx
@@ -3,7 +3,7 @@ import { Gallery } from '../components/home/Gallery';
 import { Home } from '../components/home/Home';
 import { Location } from '../components/home/Location';
 // import { Speakers } from '../components/home/Speakers';
-import { Team } from '../components/home/Team';
+import { Sponsors } from '../components/home/Sponsors';
 import { TicketSelection } from '../components/home/TicketSelection';
 import { Waitlist } from '../components/home/Waitlist';
 import { Page } from '../components/shared/Page';
@@ -17,6 +17,6 @@ export default () => (
     <TicketSelection />
     <Waitlist />
     <Location />
-    <Team />
+    <Sponsors />
   </Page>
 );