Develop

.env.example

@@ -3,4 +3,4 @@ DATABASE_URL=""
 DIRECT_URL=""
 
 # URL
-NEXT_PUBLIC_SITE_URL=""
+NEXT_PUBLIC_SITE_URL=""

app/materials/eletroino-a-origem/Sample.css

@@ -57,4 +57,4 @@ body {
 .Example__container__document .react-pdf__message {
   padding: 20px;
   color: white;
-}
+}

app/materials/page.tsx

@@ -57,7 +57,7 @@ export default function OurMaterials() {
                 fontSize={{ base: "md", md: "lg", lg: "xl" }}
                 textAlign="center"
               >
-                Nos da include gurias acreditamos que a tecnologia é uma
+                Nós do Include Gurias acreditamos que a tecnologia é uma
                 ferramenta poderosa para transformar a vida das pessoas. Por
                 isso, desenvolvemos programas de formação e mentoria para
                 mulheres que desejam ingressar na área de tecnologia.

app/sobre-nos/page.tsx

@@ -4,7 +4,6 @@ import { useEffect } from "react";
 import { TbBook } from "react-icons/tb";
 import { useMaterialsStore, useSocialMediaStore } from "app/states";
 import {
-  AboutUsValues,
   AllPartners,
   AllPeople,
   BolsistasSection,
@@ -15,6 +14,9 @@ import {
   SubHeadingText,
   SubText,
   TeamForAboutUs,
+  MissionValuesCard,
+  AboutUsValues,
+  TeamWithNoFounder,
 } from "components";
 import Material from "types/data/material";
 import getSocialmediaIcon from "utils/getSocialMediaIcon";
@@ -50,75 +52,8 @@ export default function AboutUs() {
             span: "mb-8",
           }}
         />
-        <AboutUsValues />
-
-        <SubHeadingText
-          text="Quer ficar por dentro de tudo? siga o include!"
-          align={"start"}
-          classNames={{ text: "mt-8" }}
-        />
-        <Stack
-          direction={"row"}
-          spacing={6}
-          justifyContent={{ base: "center", lg: "start" }}
-          mb={4}
-        >
-          {SocialMediaData.map((socialMedia, index) => (
-            <SocialButton
-              key={socialMedia.name + index}
-              size={45}
-              label={socialMedia.name}
-              href={socialMedia.href}
-              animation="rotateHover"
-              delay={index * 0.1}
-            >
-              {getSocialmediaIcon({
-                socialMedia: socialMedia.name,
-                props: { size: 25, color: "white" },
-              })}
-            </SocialButton>
-          ))}
-        </Stack>
-      </Box>
 
-      <Box p={4} className="section">
-        <HeadingText text="Nossos Materias" align={"start"} />
-        <SubText
-          text="Nossa missão é empoderar mulheres e meninas através da tecnologia, ciência e inovação."
-          align={"start"}
-        />
-        <Grid
-          gridTemplateColumns={{ base: "repeat(1, 1fr)", lg: "repeat(3, 1fr)" }}
-          gap={4}
-          className="mt-4"
-        >
-          {/* array de 3 items do materials */}
-          {loading ? (
-            <Spinner />
-          ) : (
-            materials
-              .slice(0, 3)
-              .map((material: Material) => (
-                <MaterialCard
-                  key={material.title}
-                  title={material.title}
-                  description={material.description}
-                  isNew={material.isNew}
-                  imageUrl={material.imageUrl}
-                  href={material.href}
-                />
-              ))
-          )}
-        </Grid>
-        <Flex justifyContent={"center"} mt={6}>
-          <PrimaryButton
-            recuo={-255}
-            classNames={{ divContainer: "w-[325px]" }}
-            icon={<TbBook size={25} />}
-          >
-            Ver todos os materiais
-          </PrimaryButton>
-        </Flex>
+        <MissionValuesCard />
       </Box>
 
       <Box p={4} className="section">
@@ -141,10 +76,10 @@ export default function AboutUs() {
             align={"center"}
             classNames={{ text: "mt-16" }}
           />
-          <TeamForAboutUs />
+          <TeamWithNoFounder />
 
           <SubHeadingText
-            text="Nossas Bolsistas"
+            text="Nossos Bolsistas e Voluntários 2026/2"
             align={"center"}
             classNames={{ text: "mt-16" }}
           />

app/timeline/layout.tsx

@@ -4,7 +4,7 @@ import baseMetadata from "utils/metadata";
 
 export const metadata: Metadata = {
   ...baseMetadata,
-  title: "Linha do Tempo",
+  title: "Nossa História",
   description: "Conheça a história do projeto #include <gurias>!",
 };
 

components/AboutUs/AboutUsValues.tsx

@@ -16,12 +16,6 @@ const AboutUsValues = () => {
         <GridItem key={item.id} maxW="300px" h="fit-content" p={4} w="100%">
           <Reveal animationdirection="left" delay={0.3}>
             <Flex direction="column" h="full">
-              <Image
-                src={item.icon}
-                width={150}
-                height={150}
-                alt={item.title}
-              />
               <Text
                 fontSize="3xl"
                 fontWeight="bold"

components/AllPartners/AllPartners.tsx

@@ -25,7 +25,6 @@ const PartnerImage = ({ name, href, imageUrl }: Partner) => {
             height="100%"
             cursor="pointer"
             transition="filter 0.3s ease-in-out"
-            filter={"grayscale(100%)"}
             scale={0.9}
             _hover={{
               filter: "grayscale(0%)",

components/Cards/MissionValuesCard.tsx

@@ -0,0 +1,25 @@
+import { Box, SimpleGrid, Text, Heading, Stack, Icon } from "@chakra-ui/react";
+import missionValues from "data/missionValues";
+
+export default function MissionValuesCard() {
+  return (
+    <SimpleGrid columns={{ base: 1, md: 3 }} spacing={4} className="mt-6">
+      {missionValues.map((item) => (
+        <Box
+          key={item.id}
+          borderRadius="md"
+          boxShadow="sm"
+          p={4}
+          bg="white"
+          role="group"
+        >
+          <Stack direction="row" spacing={3} align="center">
+            <Icon as={item.icon} boxSize={6} color="brand.500" />
+            <Heading size="sm">{item.title}</Heading>
+          </Stack>
+          <Text mt={2}>{item.text}</Text>
+        </Box>
+      ))}
+    </SimpleGrid>
+  );
+}

components/Header/Header.tsx

@@ -19,36 +19,11 @@ import { FaChevronDown, FaChevronRight } from "react-icons/fa";
 import { GoChevronDown } from "react-icons/go";
 import { IoClose } from "react-icons/io5";
 import { RxHamburgerMenu } from "react-icons/rx";
-import { useMaterialsStore } from "app/states";
-import Material from "types/data/material";
 import { HeaderMotion, LogoMotion } from "./HeaderMotion";
 
 export default function WithSubnavigation() {
   const { isOpen, onToggle } = useDisclosure();
-  const { getMaterials } = useMaterialsStore((state) => ({
-    getMaterials: state.getMaterials,
-  }));
-  const [IncludeMaterials] = useMaterialsStore((state) => [state.materials]);
 
-  useEffect(() => {
-    getMaterials();
-  }, [getMaterials]);
-
-  const materialsItem = NAV_ITEMS?.find(
-    (item) => item.label === "Nossos Materiais"
-  );
-
-  if (materialsItem) {
-    materialsItem.children = IncludeMaterials.map((material: Material) => ({
-      label: material.title,
-      href: `${material.href}`,
-    })).concat([
-      {
-        label: "Ver todos",
-        href: "/materials",
-      },
-    ]);
-  }
   return (
     <HeaderMotion>
       <>
@@ -210,7 +185,7 @@ const MobileNavItem = ({ label, children, href }: NavItem) => {
   const { isOpen, onToggle } = useDisclosure();
   return (
     <Stack spacing={4} onClick={children && onToggle}>
-      <Link href={href === "/materials" ? "#" : href} key={label}>
+      <Link href={href} key={label}>
         <Box
           py={2}
           display={"flex"}
@@ -282,7 +257,7 @@ const NAV_ITEMS: Array<NavItem> = [
         href: "/equipe",
       },
       {
-        label: "Linha do tempo",
+        label: "Nossa História",
         href: "/timeline",
       },
     ],

components/Partners/partners.css

@@ -8,7 +8,13 @@
   width: 100%;
   margin: 16px !important;
   height: 150px;
-  mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));
+  mask-image: linear-gradient(
+    to right,
+    hsl(0 0% 0% / 0),
+    hsl(0 0% 0% / 1) 20%,
+    hsl(0 0% 0% / 1) 80%,
+    hsl(0 0% 0% / 0)
+  );
 }
 
 .marquee--8 {
@@ -35,7 +41,8 @@
     calc(100% + var(--marquee-item-width))
   );
   --marquee-delay: calc(
-    var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1
+    var(--marquee-duration) / var(--marquee-items) *
+      (var(--marquee-items) - var(--marquee-item-index)) * -1
   );
   position: absolute;
   inset-inline-start: var(--marquee-item-offset);

components/carousel/VideoCarousel/embla.module.css

@@ -8,7 +8,13 @@
 }
 .embla__viewport {
   overflow: hidden;
-  -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
+  -webkit-mask: linear-gradient(
+    90deg,
+    transparent,
+    white 10%,
+    white 90%,
+    transparent
+  );
   mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
 }
 .embla__container {

components/index.ts

@@ -18,6 +18,7 @@ export { TeamCard } from "./Cards/TeamCards";
 export { default as FounderCard } from "./Cards/FounderCard";
 export { default as MaterialCard } from "./Cards/MaterialCard";
 export { default as WomanCard } from "./Cards/WomanCard";
+export { default as MissionValuesCard } from "./Cards/MissionValuesCard";
 
 // sections
 export { default as NewsSection } from "./News/NewsSection";

data/aboutUsValues.ts

@@ -3,23 +3,10 @@ import { AboutUsIcon, AboutUsIcon2, AboutUsIcon3 } from "public";
 const aboutUsValues = [
   {
     id: 1,
-    icon: AboutUsIcon,
     title: "Nossa História",
     description:
       "Tudo comecou em 2016, com a profª. Drª Fabrícia Damando Santos, docente da UERGS. O projeto está vinculado ao Curso de Engenharia de Computação - na unidade em Guaíba/RS. ...vermais",
   },
-  {
-    id: 2,
-    icon: AboutUsIcon2,
-    title: "Mestrados e Doutorados",
-    description: "@TODO - Ver o que colocar aqui",
-  },
-  {
-    id: 3,
-    icon: AboutUsIcon3,
-    title: "Graduação",
-    description: "@TODO - Ver o que colocar aqui",
-  },
 ];
 
 export default aboutUsValues;

data/missionValues.ts

@@ -0,0 +1,25 @@
+import { FaBullseye, FaEye, FaHandshake } from "react-icons/fa"; // Usando ícones React
+
+const missionValues = [
+  {
+    id: 1,
+
+    icon: FaBullseye,
+    title: "Missão",
+    text: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt numquam totam nesciunt labore laudantium voluptate aspernatur perferendis. Rem quasi temporibus a ex sint, assumenda quibusdam eos nam harum. Nisi, similique?",
+  },
+  {
+    id: 2,
+    icon: FaEye,
+    title: "Visão",
+    text: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Natus nisi, rem voluptatum suscipit vel quis id at odio saepe impedit nam dolor inventore ipsum. Tempore accusamus eius voluptatem iure sunt?",
+  },
+  {
+    id: 3,
+    icon: FaHandshake,
+    title: "Valores",
+    text: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad alias placeat dolores expedita mollitia repellendus impedit praesentium error recusandae, distinctio laudantium perferendis ullam, consectetur quos ex perspiciatis, earum est sit!",
+  },
+];
+
+export default missionValues;