Merge pull request #21 from TailUFPB/about-page

About page

public/electron.js

@@ -23,7 +23,7 @@ function startFlaskServer() {
  ? "./api/app.py"
  : "./api/app.py";
 
- flaskServerProcess = childProcess.spawn("python3", [pythonPath], {
+ flaskServerProcess = childProcess.spawn("python", [pythonPath], {
  detached: false,
  stdio: ["ignore", "pipe", "pipe"],
  });

src/components/menu/menu.tsx

@@ -46,6 +46,9 @@ export function Menu() {
  <li className="my-2 hover:text-blue-300 transition">
  <Link to="/train">Treinar</Link>
  </li>
+ <li className="my-2 hover:text-blue-300 transition">
+ <Link to="/about">Sobre</Link>
+ </li>
  </ul>
  </nav>
  </CSSTransition>

src/pages/about.tsx

@@ -0,0 +1,90 @@
+import { Menu } from "../components/menu/menu";
+import { FaLinkedin, FaGithub } from 'react-icons/fa';
+
+export default function About() {
+ const teamMembers = [
+ {
+ name: 'Jonas Gabriel',
+ linkedin: 'https://www.linkedin.com/in/jonas-gabriel-araujo/',
+ github: 'https://github.com/jonasgabriel18',
+ photo: '/assets/jonas.jpg',
+ },
+
+ {
+ name: 'Luiz Gusttavo',
+ linkedin: 'https://www.linkedin.com/in/luiz-gusttavo-oliveira-de-souza-7538091b1/',
+ github: 'https://github.com/GusttavoOliveira',
+ photo: '/assets/luiz.jpg',
+ },
+
+ {
+ name: 'Bertrand Lira',
+ linkedin: 'https://www.linkedin.com/in/bertrand-lira-veloso-52aa4926a/',
+ github: 'https://github.com/BertrandLira',
+ photo: '/assets/bertrand.jpg',
+ },
+
+ {
+ name: 'Cameron Maloney',
+ linkedin: 'https://www.linkedin.com/in/cameronmal/',
+ github: 'https://github.com/cmaloney111',
+ photo: '/assets/cameron.jpg',
+ },
+
+ {
+ name: 'Gisele Silva',
+ linkedin: 'https://www.linkedin.com/in/gisele-silva-6692941a4/',
+ github: 'https://github.com/GiseleBr678',
+ photo: '/assets/gisele.jpg',
+ },
+
+ {
+ name: 'Thauã Magalhães',
+ linkedin: 'https://www.linkedin.com/in/thaua-lucas/',
+ github: 'https://github.com/tahaluh',
+ photo: '/assets/thaua.jpg',
+ },
+
+ {
+ name: 'Thiago Rodrigues',
+ linkedin: 'https://www.linkedin.com/in/thiago-rodrigues-b8a328249/',
+ github: 'https://github.com/tahaluh',
+ photo: '/assets/thiago.jpg',
+ },
+ ];
+
+ return (
+ <div className="bg-main-darker text-white min-h-screen flex flex-col">
+ <Menu />
+
+ <div className="p-8 text-center font-roboto">
+ <h1 className="text-3xl font-bold mb-6 mt-6">
+ Linguif<span className="text-main-light">AI</span>
+ </h1>
+
+ <h2 className="text-2xl font-semibold mb-4">Conheça a Equipe</h2>
+
+ <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
+ {teamMembers.map((member, index) => (
+ <div key={index} className="text-center">
+ <img
+ src={member.photo}
+ alt={member.name}
+ className="rounded-full w-32 h-32 mx-auto mb-2"
+ />
+ <p className="text-lg font-medium mb-1">{member.name}</p>
+ <div className="flex justify-center space-x-4">
+ <a href={member.linkedin} target="_blank" rel="noopener noreferrer">
+ <FaLinkedin className="w-6 h-6" />
+ </a>
+ <a href={member.github} target="_blank" rel="noopener noreferrer">
+ <FaGithub className="w-6 h-6" />
+ </a>
+ </div>
+ </div>
+ ))}
+ </div>
+ </div>
+ </div>
+ );
+}

src/routes/elements.tsx

@@ -13,3 +13,4 @@ const Loadable = (Component: ElementType) => (props: any) => {
 
 export const Home = Loadable(lazy(() => import("../pages/home")));
 export const Train = Loadable(lazy(() => import("../pages/train")));
+export const About = Loadable(lazy(() => import("../pages/about")));

src/routes/index.tsx

@@ -1,5 +1,5 @@
 import { Navigate, useRoutes } from "react-router-dom";
-import { Home, Train } from "./elements";
+import { Home, Train, About } from "./elements";
 
 export default function Router() {
  return useRoutes([
@@ -11,6 +11,10 @@ export default function Router() {
  path: "/train",
  element: <Train />,
  },
+ {
+ path: "/about",
+ element: <About />,
+ },
  { path: "*", element: <Navigate to="/404" replace /> },
  { path: "/404", element: <>404</> },
  ]);