🚀 Deploy

src/app/[lang]/components/NavbarCustom.js

@@ -62,18 +62,25 @@ const NavbarCustom = ({ lang }) => {
             <Nav.Link as={Link} href={`/${lang}/call-for-proposals`} className="nav-item">
               {i18nDictionary?.navbar?.cfp}
             </Nav.Link>
-            <Nav.Link as={Link} href={`/${lang}/keynotes`} className="nav-item">
-              {i18nDictionary?.navbar?.keynotes}
-            </Nav.Link>
-            {/* <Nav.Link as={Link} href={`/${lang}/speakers`} className="nav-item">
-              {i18nDictionary?.navbar?.speakers}
-            </Nav.Link> */}
+            <NavDropdown
+              title={i18nDictionary?.navbar?.schedule}
+              id="collapsible-nav-dropdown-schedule">
+              <NavDropdown.Item as={Link} href={`/${lang}/keynotes`}>
+                {i18nDictionary?.navbar?.keynotes}
+              </NavDropdown.Item>
+              <NavDropdown.Item as={Link} href={`/${lang}/speakers`}>
+                {i18nDictionary?.navbar?.speakers}
+              </NavDropdown.Item>
+            </NavDropdown>
             <Nav.Link as={Link} href={`/${lang}/sponsors`} className="nav-item">
               {i18nDictionary?.navbar?.sponsors}
             </Nav.Link>
             <Nav.Link as={Link} href={`/${lang}/scholarships`} className="nav-item">
               {i18nDictionary?.navbar?.scholarships}
             </Nav.Link>
+            <Nav.Link as={Link} href={`/${lang}/team`} className="nav-item">
+              {i18nDictionary?.navbar?.team}
+            </Nav.Link>
           </Nav>
           <Nav>
             <NavDropdown title="2024" id="collapsible-nav-dropdown-year">

src/app/[lang]/keynotes/[uniquepage]/Keynote.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Image from 'next/image';
-import Link from 'next/link';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -32,15 +31,13 @@ const Keynote = ({ speaker, talks, lang }) => {
           <Row className="justify-content-center">
             <Col xs={12}>
               <div className="image-wrapper">
-                <Link href={`/${lang}/keynotes/${speaker.id}`}>
-                  <Image
-                    className={`img-keynote ${colorBorderSpeaker[randomColor]}`}
-                    src={`/images/${speaker.type}/${speaker.photo}`}
-                    alt="Keynote Image"
-                    width={300}
-                    height={300}
-                  />
-                </Link>
+                <Image
+                  className={`img-keynote ${colorBorderSpeaker[randomColor]}`}
+                  src={`/images/${speaker.type}/${speaker.photo}`}
+                  alt="Keynote Image"
+                  width={300}
+                  height={300}
+                />
               </div>
             </Col>
             <Col xs={12} md={8}>

src/app/[lang]/keynotes/components/Card.js

@@ -41,7 +41,7 @@ const Card = ({ speakerData, reverse, index, lang }) => {
       </Col>
       <Col xs={12} md={8}>
         <Row>
-          <Col xs={12} md={{ span: 8, order: reverse ? 'last' : 'first' }}>
+          <Col xs={12} lg={{ span: 8, order: reverse ? 'last' : 'first' }}>
             <h3 className={`keynote-title ${reverse ? 'text-right' : 'text-left'}`}>
               <span className="bold">
                 {speakerData.first_name} {speakerData.last_name}
@@ -54,7 +54,7 @@ const Card = ({ speakerData, reverse, index, lang }) => {
               )}
             </h3>
           </Col>
-          <Col xs={12} md={4}>
+          <Col xs={12} lg={4}>
             <div className={`social-icons ${reverse ? 'text-left' : 'text-right'}`}>
               {speakerData.facebook && (
                 <a

src/app/[lang]/speakers/[uniquepage]/Speakers.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Image from 'next/image';
-import Link from 'next/link';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -12,7 +11,8 @@ import {
   faXTwitter,
   faLinkedinIn,
   faGithubAlt,
-  faFacebook
+  faFacebook,
+  faGitlab
 } from '@fortawesome/free-brands-svg-icons';
 
 const Speakers = ({ speaker, talks, lang }) => {
@@ -32,15 +32,13 @@ const Speakers = ({ speaker, talks, lang }) => {
           <Row className="justify-content-center">
             <Col xs={12}>
               <div className="image-wrapper">
-                <Link href={`/${lang}/keynotes/${speaker.id}`}>
-                  <Image
-                    className={`img-keynote ${colorBorderSpeaker[randomColor]}`}
-                    src={`/images/${speaker.type}/${speaker.photo}`}
-                    alt="Keynote Image"
-                    width={300}
-                    height={300}
-                  />
-                </Link>
+                <Image
+                  className={`img-keynote ${colorBorderSpeaker[randomColor]}`}
+                  src={`/images/${speaker.type}/${speaker.photo}`}
+                  alt="Speaker Image"
+                  width={300}
+                  height={300}
+                />
               </div>
             </Col>
             <Col xs={12} md={8}>
@@ -122,6 +120,14 @@ const Speakers = ({ speaker, talks, lang }) => {
                     </div>
                   </a>
                 )}
+                {speaker.gitlab && (
+                  <a href={`https://gitlab.com/${speaker.gitlab}`} target="_blank" rel="noreferrer">
+                    <div className="fa-stack">
+                      <FontAwesomeIcon className="fa-stack-2x" icon={faCircle} color="white" />
+                      <FontAwesomeIcon className="social-icon fa-stack-1x" icon={faGitlab} />
+                    </div>
+                  </a>
+                )}
                 {speaker.website && (
                   <a href={speaker.website} target="_blank" rel="noreferrer">
                     <div className="fa-stack">

src/app/[lang]/speakers/[uniquepage]/page.js

@@ -17,22 +17,22 @@ export async function generateStaticParams() {
 export async function generateMetadata({ params: { uniquepage, lang } }, parent) {
   const dataLang = lang === 'en' ? en : es;
   const dataSection = dataLang?.sections;
-  const speakersData = dataSection.keynotes;
-  const keynoteData = speakerslist.find((p) => p.id.toString() === uniquepage);
+  const speakersData = dataSection.speakers;
+  const speakerData = speakerslist.find((p) => p.id.toString() === uniquepage);
 
   return {
-    title: `${keynoteData.first_name} ${keynoteData.last_name} | ${speakersData.title}`,
-    description: `${keynoteData.biography[lang]}`,
+    title: `${speakerData.first_name} ${speakerData.last_name} | ${speakersData.title}`,
+    description: `${speakerData.biography[lang]}`,
     openGraph: {
-      title: `${keynoteData.first_name} ${keynoteData.last_name} | ${speakersData.title}`,
+      title: `${speakerData.first_name} ${speakerData.last_name} | ${speakersData.title}`,
       images: [
         {
-          url: `/images/keynote/${keynoteData.photo}`,
+          url: `/images/speaker/${speakerData.photo}`,
           width: 200,
           height: 200
         }
       ],
-      description: `${keynoteData.biography[lang]}`
+      description: `${speakerData.biography[lang]}`
     }
   };
 }