feat: create speakers section

Makefile

@@ -103,7 +103,7 @@ install:
 			mv hugo.exe "$(BIN_DIR)/hugo.exe"; \
 			echo "✅ Moved hugo.exe to $(BIN_DIR). Ensure it's in your PATH."; \
 		else \
-			sudo mkdir -p "$(BIN_DIR)"; \
+			mkdir -p "$(BIN_DIR)"; \
 			mv hugo "$(BIN_DIR)/hugo"; \
 			echo "✅ Moved hugo to $(BIN_DIR). Ensure $(BIN_DIR) is in your PATH."; \
 		fi; \
@@ -128,7 +128,7 @@ update: check-env
 			if [ "$(PLATFORM)" = "windows" ]; then \
 				del "$(HUGO_BIN)" || echo "Failed to remove Hugo executable. Please remove manually."; \
 			else \
-				sudo rm -f "$(HUGO_BIN)" || echo "Failed to remove Hugo executable. Please remove manually."; \
+				rm -f "$(HUGO_BIN)" || echo "Failed to remove Hugo executable. Please remove manually."; \
 			fi; \
 			$(MAKE) install; \
 		fi; \

content/data/section/schedule.json

@@ -9,15 +9,15 @@
                 "title": "Ciclo de desenvolvimento de automações com Python e BotCity.",
                 "speaker": {
                     "name": "Bruna Ferreira",
-                    "photo": "images/keynotes/bruna-ferreira.png"
+                    "photo": "images/keynotes/bruna-ferreira.jpg"
                 },
                 "category": "web",
                 "type": "workshop"
             },
             {
                 "start": "09:00",
                 "end": "12:00",
-                "duration": "40m",
+                "duration": "3h",
                 "title": "Criando a sua primeira análise de sentimentos utilizando técnicas NLP e LLM’s ",
                 "speaker": {
                     "name": "Bernardo De Castro",
@@ -170,7 +170,7 @@
                 "title": "Keynote de Encerramento",
                 "speaker": {
                     "name": "Bruna Ferreira (bug_elseif)",
-                    "photo": "images/keynotes/bruna-ferreira.png"
+                    "photo": "images/keynotes/bruna-ferreira.jpg"
                 },
                 "category": "keynote"
             }

src/assets/scss/main.scss

@@ -29,6 +29,7 @@
 @import "./sections/buy-ticket"; // buy-ticket/tickets section
 @import "./sections/keynotes"; // Keynote speakers section
 @import "./sections/schedule"; // Schedule section
+@import "./sections/speakers"; // Speakers section
 
 @import "./pages/single-post"; // Single blog post layout
 @import "./pages/content-list"; // Content list page layout

src/assets/scss/sections/_speakers.scss

@@ -0,0 +1,106 @@
+.speakers {
+  @extend .section;
+  text-align: left;
+
+  .section-header {
+    margin-bottom: $space-8;
+    text-align: center;
+  }
+}
+
+.speakers .speakers-grid {
+  display: grid;
+  gap: $space-2;
+
+  @media (min-width: $breakpoint-md) {
+    grid-template-columns: repeat(4, 1fr);
+    gap: $space-6;
+  }
+
+  .speaker-card {
+    @extend .card;
+    box-shadow: $box-shadow-md;
+    border-radius: $radius-4;
+    border: 1px solid var(--color-border);
+    background-color: var(--color-bg);
+    height: auto;
+
+    .speaker-photo {
+      width: 100%;
+      height: 100%;
+
+      figure {
+        margin: 0;
+        width: 100%;
+        aspect-ratio: 1/1;
+        border-radius: $radius-4;
+        overflow: hidden;
+
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+        }
+      }
+    }
+
+    .speaker-info {
+      width: 100%;
+      height: 100%;
+      padding: $space-4;
+      margin-top: -4.5rem;
+      background-color: var(--color-bg);
+      border-top-left-radius: $radius-4;
+      border-top-right-radius: $radius-4;
+
+      box-shadow:
+        0 -10px 24px -12px rgba(0, 0, 0, 0.22),
+        0 -2px 6px rgba(0, 0, 0, 0.08);
+      will-change: box-shadow;
+
+      @include flex-column-start;
+
+      .speaker-name {
+        font-size: 1.5rem;
+        font-weight: bold;
+        margin-bottom: $space-2;
+      }
+
+      .speaker-title {
+        font-size: 0.85rem;
+        font-weight: 600;
+        margin-bottom: $space-2;
+        opacity: 0.8;
+      }
+
+      .speaker-bio {
+        font-size: 0.85rem;
+        margin-top: $space-4;
+      }
+
+      .external-links {
+        margin-top: auto;
+        padding-top: $space-6;
+        @include flex-start;
+        gap: $space-3;
+
+        a {
+          margin: 0;
+          padding: 0;
+          color: var(--color-text);
+
+          &:hover {
+            color: var(--color-accent);
+          }
+
+          svg {
+            width: 1.5rem;
+            height: 1.5rem;
+            fill: currentColor;
+            stroke: currentColor;
+          }
+        }
+      }
+    }
+  }
+}

src/i18n/en.toml

@@ -155,4 +155,10 @@ other = "Testing and Quality"
 other = "Schedule"
 
 [section_schedule_description]
-other = "Check out the full schedule of talks, workshops, and activities planned for the event."
+other = "Check out the full schedule of talks, workshops, and activities planned for the event."
+
+[section_speakers_title]
+other = "Speakers"
+
+[section_speakers_description]
+other = "Meet the speakers who will share their knowledge and experiences during the event." 

src/i18n/es.toml

@@ -154,4 +154,10 @@ other = "Pruebas y Calidad"
 other = "Agenda"
 
 [section_schedule_description]
-other = "Consulta la agenda completa del evento, incluyendo charlas, talleres y actividades especiales para cada día."
+other = "Consulta la agenda completa del evento, incluyendo charlas, talleres y actividades especiales para cada día."
+
+[section_speakers_title]
+other = "Oradores"
+
+[section_speakers_description]
+other = "Conoce a los oradores que compartirán sus conocimientos y experiencias durante el evento."

src/i18n/pt-br.toml

@@ -155,4 +155,11 @@ other = "Testes e Qualidade"
 other = "Programação"
 
 [section_schedule_description]
-other = "Confira a programação completa do evento, incluindo palestras, workshops e atividades especiais planejadas para cada dia."
+other = "Confira a programação completa do evento, incluindo palestras, workshops e atividades especiais planejadas para cada dia."
+
+
+[section_speakers_title]
+other = "Palestrantes"
+
+[section_speakers_description]
+other = "Conheça os palestrantes que compartilharão seus conhecimentos e experiências durante o evento."

src/layouts/_partials/sections/speakers.html

@@ -0,0 +1,39 @@
+{{ $content := .Site.Data.speakers }}
+
+
+<section class="speakers" id="speakers">
+    <div class="container">
+        <div class="section-header">
+            <h2>
+                {{ i18n "section_speakers_title" }}
+            </h2>
+            <p>
+                {{ i18n "section_speakers_description" }}
+            </p>
+        </div>
+
+        <div class="speakers-grid">
+            {{ range $index, $speaker := $content }}
+            <div class="speaker-card">
+                <div class="speaker-photo">
+                  {{ partial "core/image.html" (dict "src" $speaker.photo "alt" $speaker.name "avatar" true "className" "avatar") }}
+                </div>
+                <div class="speaker-info">
+                    <h3 class="speaker-name">{{ $speaker.name }}</h3>
+                    <p class="speaker-title">{{ $speaker.title }}</p>
+                    <p class="speaker-bio">{{ $speaker.bio }}</p>
+                    <div class="external-links">
+                      {{ range $key, $link := $speaker.external_links }}
+                        <a href="{{ $link }}" target="_blank" rel="noopener noreferrer">
+                          {{ partial (printf "svg/icons/%s.svg" $key ) }}
+                        </a>
+                      {{ end }}
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+
+    </div>
+
+</section>

src/layouts/home.html

@@ -1,15 +1,16 @@
 {{ define "main" }}
 
-{{ partial "sections/hero.html" . }}         {{/* Hero section: main banner or introduction */}}
-{{ partial "sections/features.html" . }}     {{/* Features section: highlights key features */}}
-{{ partial "sections/keynotes.html" . }}     {{/* Keynotes section: keynote speakers */}}
-{{/* partial "sections/cfp.html" . /*}}          {{/* Call for Papers section: submission info */}}
-{{ partial "sections/buy-ticket.html" . }}  {{/* Buy a ticket */}}
-{{ partial "sections/schedule.html" . }}    {{/* Schedule section: event schedule */}}
-{{ partial "sections/blog.html" . }}         {{/* Blog section: latest news or posts */}}
-{{ partial "sections/sponsors.html" . }}     {{/* Sponsors section: sponsor logos/info */}}
-{{ partial "sections/supporters.html" . }}   {{/* Supporters section: supporter logos/info */}}
-{{ partial "sections/location.html" . }}     {{/* Location section: event or company location */}}
-{{ partial "sections/subscribe.html" . }}    {{/* Subscribe section: newsletter signup */}}
+{{ partial "sections/hero.html" . }} {{/* Hero section: main banner or introduction */}}
+{{ partial "sections/features.html" . }} {{/* Features section: highlights key features */}}
+{{ partial "sections/buy-ticket.html" . }} {{/* Buy a ticket */}}
+{{ partial "sections/keynotes.html" . }} {{/* Keynotes section: keynote speakers */}}
+{{/* partial "sections/cfp.html" . */}} {{/* Call for Papers section: submission info */}}
+{{ partial "sections/schedule.html" . }} {{/* Schedule section: event schedule */}}
+{{ partial "sections/speakers.html" . }} {{/* Speakers section: list of speakers */}}
+{{ partial "sections/blog.html" . }} {{/* Blog section: latest news or posts */}}
+{{ partial "sections/sponsors.html" . }} {{/* Sponsors section: sponsor logos/info */}}
+{{ partial "sections/supporters.html" . }} {{/* Supporters section: supporter logos/info */}}
+{{ partial "sections/location.html" . }} {{/* Location section: event or company location */}}
+{{ partial "sections/subscribe.html" . }} {{/* Subscribe section: newsletter signup */}}
 
-{{ end }}
+{{ end }}