diff --git a/app/sobre/page.tsx b/app/sobre/page.tsx index 5f958f0..2693fbf 100644 --- a/app/sobre/page.tsx +++ b/app/sobre/page.tsx @@ -1,56 +1,90 @@ 'use client' import BlueBlocks from '../src/components/atoms/BlueBlocks' +import Title from '../src/components/atoms/Title' import YellowBlocks from '../src/components/atoms/YellowBlocks' +import { EmblaCarousel } from '../src/components/molecules/Carrosel' import Footer from '../src/components/molecules/Footer' import HeroAbout from '../src/components/molecules/HeroAbout' import NavBar from '../src/components/molecules/NavBar' import ImageAndDescription from '../src/components/organisms/ImageAndDescription' +const imgs = [ + + { name: "ECOP Image 2", img: "/about-gallery/ecop-2.webp" }, + { name: "ECOP Image 3", img: "/about-gallery/ecop-3.webp" }, + { name: "ECOP Image 4", img: "/about-gallery/ecop-4.webp" }, + { name: "ECOP Image 5", img: "/about-gallery/ecop-5.webp" }, + { name: "ECOP Image 6", img: "/about-gallery/ecop-6.webp" }, + { name: "ECOP Image 7", img: "/about-gallery/ecop-7.webp" }, + { name: "ECOP Image 8", img: "/about-gallery/ecop-8.webp" }, + { name: "ECOP Image 9", img: "/about-gallery/ecop-9.webp" }, + { name: "ECOP Image 10", img: "/about-gallery/ecop-10.webp" }, + { name: "ECOP Image 11", img: "/about-gallery/ecop-11.webp" }, + { name: "ECOP Image 12", img: "/about-gallery/ecop-12.webp" }, + { name: "ECOP Image 13", img: "/about-gallery/ecop-13.webp" }, + { name: "ECOP Image 14", img: "/about-gallery/ecop-14.webp" }, + { name: "ECOP Image 15", img: "/about-gallery/ecop-15.webp" }, + { name: "ECOP Image 16", img: "/about-gallery/ecop-16.webp" }, + { name: "ECOP Image 17", img: "/about-gallery/ecop-17.webp" } +]; + export default function Sobre() { return ( -
- - - - -
- - - - Com palestras, minicursos, mesas redondas, trabalhos científicos e momentos culturais, o evento conta com uma - {' '} - - ampla aceitação de discentes da UFERSA e de outras instituições da região e de estados vizinhos - - {' '} - (e.g., escolas municipais, estaduais, institutos federais e de educação profissional, tecnologia e inovação do RN). - - } - img='/ecop-01.webp' - /> - - - O ECOP tem como objetivo {' '} promover a interação entre estudantes, pesquisadores e mercado de trabalho, {' '} além de apresentar os cursos da área de computação da UFERSA - Campus Pau dos Ferros para os estudantes da região. - - } - img='/ecop-02.webp' /> - - - - + <> +
+ + +
+ + + + Com palestras, minicursos, mesas redondas, trabalhos científicos, olimpíada de programação, hackathon, salão empresarial, momentos culturais e jogos interativos, etc., tendo uma + {' '} + + ampla aceitação de discentes da UFERSA e de outras instituições da região e de estados vizinhos + + {' '} + (e.g., escolas municipais, estaduais, institutos federais e de educação profissional, tecnologia e inovação do RN). + + } + img='/ecop-01.webp' + /> + + + O ECOP tem como objetivo {' '} promover a interação entre estudantes, pesquisadores e mercado de trabalho, {' '} além de apresentar os cursos da área de computação da UFERSA - Campus Pau dos Ferros para os estudantes da região. + + } + img='/ecop-02.webp' /> + + + + +
+ + +
+ + {/* GALLERY */} +
+
+ + <p className="text-center"><strong>Em 2026, será realizada a sua VIII edição presencial</strong>. O evento contou também com duas edições remotas, totalizando 10 edições, contrastando com a idade do Campus Pau dos Ferros (13 anos).</p> + </div> + + <EmblaCarousel images={imgs} showArrows /> </div> - + <Footer /> - </div> + </> ) } diff --git a/app/src/components/molecules/Carrosel/index.tsx b/app/src/components/molecules/Carrosel/index.tsx index 0c8e464..2386582 100644 --- a/app/src/components/molecules/Carrosel/index.tsx +++ b/app/src/components/molecules/Carrosel/index.tsx @@ -9,7 +9,7 @@ import Link from 'next/link' interface TypeImages { name: string, - link: string, + link?: string, img: string } @@ -84,22 +84,35 @@ export function EmblaCarousel({ images, showArrows = false }: EmblaCarouselProps key={index} className="flex-[0_0_60.333%] sm:flex-[0_0_56.333%] md:flex-[0_0_53.333%] lg:flex-[0_0_30.333%] mr-10 gap-10 flex justify-center" > - <Link - href={src.link} - target="_blank" - rel="noopener noreferrer" - > + {src.link ? ( + <a + href={src.link} + target="_blank" + rel="noopener noreferrer" + > + <Image + src={src.img} + alt={`Slide ${index + 1}`} + width={800} + height={288} + className="h-50 sm:h-60 w-full rounded-[10px] object-contain" + priority={index === 0} + quality={65} + unoptimized + /> + </a> + ) : ( <Image src={src.img} alt={`Slide ${index + 1}`} width={800} height={288} - className={`h-50 sm:h-60 w-full rounded-[10px] object-contain`} - priority={index == 0} + className="h-50 sm:h-60 w-full rounded-[10px] object-contain" + priority={index === 0} quality={65} unoptimized /> - </Link> + )} </div> ))} </div> diff --git a/public/about-gallery/ecop-1.webp b/public/about-gallery/ecop-1.webp new file mode 100644 index 0000000..48e0d60 Binary files /dev/null and b/public/about-gallery/ecop-1.webp differ diff --git a/public/about-gallery/ecop-10.webp b/public/about-gallery/ecop-10.webp new file mode 100644 index 0000000..f601166 Binary files /dev/null and b/public/about-gallery/ecop-10.webp differ diff --git a/public/about-gallery/ecop-11.webp b/public/about-gallery/ecop-11.webp new file mode 100644 index 0000000..0076186 Binary files /dev/null and b/public/about-gallery/ecop-11.webp differ diff --git a/public/about-gallery/ecop-12.webp b/public/about-gallery/ecop-12.webp new file mode 100644 index 0000000..1c8dce2 Binary files /dev/null and b/public/about-gallery/ecop-12.webp differ diff --git a/public/about-gallery/ecop-13.webp b/public/about-gallery/ecop-13.webp new file mode 100644 index 0000000..d2799ac Binary files /dev/null and b/public/about-gallery/ecop-13.webp differ diff --git a/public/about-gallery/ecop-14.webp b/public/about-gallery/ecop-14.webp new file mode 100644 index 0000000..770c123 Binary files /dev/null and b/public/about-gallery/ecop-14.webp differ diff --git a/public/about-gallery/ecop-15.webp b/public/about-gallery/ecop-15.webp new file mode 100644 index 0000000..f5475f0 Binary files /dev/null and b/public/about-gallery/ecop-15.webp differ diff --git a/public/about-gallery/ecop-16.webp b/public/about-gallery/ecop-16.webp new file mode 100644 index 0000000..0b802a6 Binary files /dev/null and b/public/about-gallery/ecop-16.webp differ diff --git a/public/about-gallery/ecop-17.webp b/public/about-gallery/ecop-17.webp new file mode 100644 index 0000000..455d24f Binary files /dev/null and b/public/about-gallery/ecop-17.webp differ diff --git a/public/about-gallery/ecop-2.webp b/public/about-gallery/ecop-2.webp new file mode 100644 index 0000000..48e0d60 Binary files /dev/null and b/public/about-gallery/ecop-2.webp differ diff --git a/public/about-gallery/ecop-3.webp b/public/about-gallery/ecop-3.webp new file mode 100644 index 0000000..fb29d6e Binary files /dev/null and b/public/about-gallery/ecop-3.webp differ diff --git a/public/about-gallery/ecop-4.webp b/public/about-gallery/ecop-4.webp new file mode 100644 index 0000000..2f36d85 Binary files /dev/null and b/public/about-gallery/ecop-4.webp differ diff --git a/public/about-gallery/ecop-5.webp b/public/about-gallery/ecop-5.webp new file mode 100644 index 0000000..3d9b0dc Binary files /dev/null and b/public/about-gallery/ecop-5.webp differ diff --git a/public/about-gallery/ecop-6.webp b/public/about-gallery/ecop-6.webp new file mode 100644 index 0000000..e0894f6 Binary files /dev/null and b/public/about-gallery/ecop-6.webp differ diff --git a/public/about-gallery/ecop-7.webp b/public/about-gallery/ecop-7.webp new file mode 100644 index 0000000..08d8d5f Binary files /dev/null and b/public/about-gallery/ecop-7.webp differ diff --git a/public/about-gallery/ecop-8.webp b/public/about-gallery/ecop-8.webp new file mode 100644 index 0000000..403fdd7 Binary files /dev/null and b/public/about-gallery/ecop-8.webp differ diff --git a/public/about-gallery/ecop-9.webp b/public/about-gallery/ecop-9.webp new file mode 100644 index 0000000..4787c97 Binary files /dev/null and b/public/about-gallery/ecop-9.webp differ