version with isabel webpage

Author: ebarra

app/contact/page.js

@@ -3,7 +3,7 @@
 import { useTranslation } from "react-i18next";
 
 import Heading from "@/components/ui/Heading";
-import Text from "@/components/ui/text";
+import Text from "@/components/ui/Text";
 import LocationOnOutlinedIcon from "@mui/icons-material/LocationOnOutlined";
 import LocalPhoneOutlinedIcon from "@mui/icons-material/LocalPhoneOutlined";
 import MailOutlinedIcon from "@mui/icons-material/MailOutlined";

app/courses/page.js

@@ -5,14 +5,14 @@ import Link from "next/link";
 import { useState, useEffect } from "react";
 import { courses } from "@/constants/courses";
 import { useTranslation } from "react-i18next";
-import Text from "@/components/ui/text";
+import Text from "@/components/ui/Text";
 import Heading from "@/components/ui/Heading";
 
 import ArrowOutwardIcon from "@mui/icons-material/ArrowOutwardRounded";
 import { GitHub } from "@mui/icons-material";
 import Image from "@/components/ui/image";
 import { Divider, DividerVariants } from "@/components/ui/divider";
-import CourseCard from "@/components/cards/CourseCard";
+import CourseCard from "@/components/cards/courseCard";
 
 export default function Tools(props) {
   const { t, i18n } = useTranslation();

app/globals.css

@@ -17,10 +17,10 @@ html {
 
 
 .standard_margin {
-  @apply m-6 sm:my-6 sm:mx-8 md:my-8 md:mx-14 lg:my-12 lg:mx-24 xl:mx-32 ;
+  @apply m-6 sm:my-6 sm:mx-8 md:my-8 md:mx-14 lg:my-12 lg:mx-24 xl:mx-32 2xl:mx-44 3xl:mx-72;
 }
 .standard_margin-s {
- @apply m-4 sm:my-4 sm:mx-4 md:my-4 md:mx-10 lg:my-8 lg:mx-16 xl:mx-24; 
+ @apply m-4 sm:my-4 sm:mx-4 md:my-4 md:mx-10 lg:my-8 lg:mx-16 xl:mx-24 2xl:mx-32 3xl:mx-60; 
 }
 .standard_margin-xl {
   @apply m-6 sm:my-6 sm:mx-12 md:my-12 md:mx-32 lg:my-24 lg:mx-40 xl:mx-72 2xl:mx-96;

app/page.js

@@ -81,12 +81,12 @@ export default function Page() {
         id="researchlines"
       >
         <Divider size="md"></Divider>
-        <Heading level="h3" className="mb-8">
+        <Heading level="h3" className="mb-8 text-center md:text-left">
           {t("front.ResearchLines.sectionTitle")}
         </Heading>
         {/* Cards con iconos */}
 
-        <section className="pb-12 flex flex-col justify-center justify-items-center gap-4 mx-auto place-items-center sm:grid sm:grid-cols-2 sm:items-start md:grid-cols-3 md:w-fit auto-rows-min xl:grid-cols-5">
+        <section className="pb-12 flex flex-col justify-center justify-items-center gap-4 mx-auto md:mx-0 place-items-center sm:grid sm:grid-cols-2 sm:items-start md:grid-cols-3 md:w-fit auto-rows-min xl:grid-cols-5">
           <ResearchLineCard
             researchLine="videoconference"
             title={t("front.ResearchLines.ResearchLine4.ResearchLineTitle")}

app/projects/page.js

@@ -6,7 +6,7 @@ import { projects } from "@/constants/projects";
 import ProjectCard from "@/components/cards/ProjectCard";
 import { researchlines } from "@/constants/researchlines";
 import Heading from "@/components/ui/Heading";
-import Text from "@/components/ui/text";
+import Text from "@/components/ui/Text";
 import ProjectsFilter from "@/components/filters/ProjectsFilter";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useState, useEffect } from "react";
@@ -134,7 +134,7 @@ function ProjectsPage() {
             pathname={pathname}
           />
         </div>
-        <Divider size="md"/>
+        {/* <Divider size="md"/> */}
         <div className="project_cards my-4 sm:my-6 lg:my-10 sm:gap-4">
           {filteredItems.map(
             (

app/research/page.js

@@ -8,7 +8,7 @@ import { useTranslation } from "react-i18next";
 import PublicationCard from "@/components/cards/PublicationCard";
 import { Button, ButtonVariants } from "@/components/ui/button";
 import Heading from "@/components/ui/Heading";
-import Text from "@/components/ui/text";
+import Text from "@/components/ui/Text";
 import { Divider, DividerVariants } from "@/components/ui/divider";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Suspense } from "react";

app/team/page.js

@@ -41,6 +41,7 @@ const Team = (props) => {
         key
       ) => {
         const translatedRole = t("team.professorCards.roles." + role);
+       console.log(translatedRole)
         return (
           <TeamCard
             key={key}

app/tools/page.js

@@ -1,13 +1,13 @@
 "use client";
 
-import ToolCard from "@/components/cards/ToolCard";
+import ToolCard from "@/components/cards/toolCard";
 import React from "react";
 import Link from "next/link";
 import { useState, useEffect } from "react";
 import { tools } from "@/constants/tools";
 import { useTranslation } from "react-i18next";
 import FaceIcon from "@mui/icons-material/Face";
-import Text from "@/components/ui/text";
+import Text from "@/components/ui/Text";
 import Heading from "@/components/ui/Heading";
 
 import ArrowOutwardIcon from "@mui/icons-material/ArrowOutwardRounded";

components/cards/ProjectCard.jsx

@@ -55,7 +55,7 @@ const Card = React.forwardRef(
     }
 
     return (
-      <CustomCard className="py-6 flex flex-col items-start sm:flex-row gap-3 sm:gap-6 bg-transparent border-transparent shadow-none border-b-gray-400 border-b-1 rounded-none ">
+      <CustomCard className="py-6 flex flex-col items-start sm:flex-row gap-3 sm:gap-6 bg-transparent border-transparent shadow-none border-b-gray-400 border-b rounded-none ">
         <div
           className={`w-full min-w-[184px] sm:w-1/2 h-[237px] bg-cover sm:bg-center ${backgroundColor} rounded-md`}
         >

components/cards/PublicationCard.jsx

@@ -16,7 +16,7 @@ import { researchlines } from "@/constants/researchlines";
 
 // Components
 import { Mybadge, badgeVariants } from "../ui/mybadge";
-import Text from "../ui/text";
+import Text from "../ui/Text";
 import { Button, ButtonVariants } from "../ui/button";
 import Image from "../ui/image";
 import {