Merge pull request #72 from ConducereIT/dev

Release

client/package.json

@@ -10,14 +10,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@genezio-sdk/apv-production": "^1.0.0-prod",
     "@genezio/auth": "^2.0.19",
     "@genezio/vite-plugin-genezio": "^1.0.4",
     "@react-oauth/google": "^0.12.1",
     "@types/styled-components": "^5.1.34",
     "framer-motion": "^11.0.28",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-helmet": "^6.1.0",
     "react-icons": "^5.0.1",
     "react-parallax": "^3.5.1",
     "react-router-dom": "^6.22.3",
@@ -27,6 +27,7 @@
   "devDependencies": {
     "@types/react": "^18.2.43",
     "@types/react-dom": "^18.2.17",
+    "@types/react-helmet": "^6.1.11",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.2.1",

client/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

client/src/App.tsx

@@ -5,18 +5,33 @@ import ThemeContext from "./contexts/ThemeContext";
 import GlobalStyle from "./styles/global";
 import { lightTheme } from "./styles/themes";
 import { ThemeProvider } from "styled-components";
-
+import { Helmet } from "react-helmet";
 
 const App = () => {
   const themeMode = lightTheme;
-  
+
   return (
     <ThemeContext>
-        <ThemeProvider theme={themeMode}>
-          <GlobalStyle />
-          <RouterProvider router={router} />
-        </ThemeProvider>
-      </ThemeContext>
+      <Helmet>
+        <title>APV 2024</title>
+        <meta
+          name="description"
+          content="Crosul caritabil “Aleargă Pentru Viață” este cea mai mare competiție sportivă din București organizată exclusiv de studenți."
+        />
+        <meta
+          name="keywords"
+          content="alearga, pentru, viata, cross, maraton, cauza, lse "
+        />
+        <meta
+          name="author"
+          content="Made by Miloiu Cristi, Boscanici Adrian, Aniculesei Mihnea, Ionita Ana-Maroa, Calin Silvian"
+        />
+      </Helmet>
+      <ThemeProvider theme={themeMode}>
+        <GlobalStyle />
+        <RouterProvider router={router} />
+      </ThemeProvider>
+    </ThemeContext>
   );
 };
 

client/src/components/AboutHome.component.tsx

@@ -12,10 +12,10 @@ export default function AboutHome() {
           <h2 className="text-3xl md:text-5xl font-barlow-condensed leading-normal font-bold md:mt-3">
             ALEARGĂ PENTRU VIAȚĂ, CROS CARITABIL
           </h2>
-          <h2 className="text-2xl md:text-5xl font-barlow-condensed leading-normal font-bold mt-4 md:mt-16">
+          <h2 className="text-2xl md:text-4xl font-barlow-condensed leading-normal font-bold mt-4 md:mt-16">
             O TRADIȚIE DE 15 ANI
           </h2>
-          <p className="text-base md:text-2xl font-barlow font-normal leading-normal text-custom-gray mt-8 md:mt-12">
+          <p className="text-base md:text-xl font-barlow font-normal leading-normal text-custom-gray mt-8 md:mt-12">
             Crosul caritabil “Aleargă Pentru Viață” este cea mai mare competiție
             sportivă din București organizată exclusiv de studenți. În fiecare
             an își propune ca fiecare alergător care trece linia de sosire să
@@ -37,12 +37,11 @@ export default function AboutHome() {
             Cauză
           </button>
         </div>
-
-        <div>
+        <div className="lg:flex lg:items-center lg:justify-center lg:w-2/3 lg:pl-20 mt-10 lg:mt-8">
           <img
             src={AboutImgHome}
             alt="About Image"
-            className="w-auto md:w-11/12 mr-6 my-20 md:mx-64 md:my-40 rounded-lg"
+            className="w-auto mr-6 md:mr-40 my-20 md:mx-64 md:my-40 rounded-lg"
           />
         </div>
       </div>

client/src/components/AboutText.component.tsx

@@ -3,54 +3,47 @@ import AboutImage from "../assets/aboutimg.webp";
 
 export default function AboutText() {
   return (
-    <div className="max-w-auto mx-10 mt-28 md:mt-6 md:mx-60 md:flex text-custom-blue">
-      <div>
-        <h2 className="md:text-5xl font-barlow-condensed leading-normal font-bold md:mt-40">
+    <div className="mx-10 mt-28 md:mt-32 md:mx-20 lg:mx-60 lg:mt-36 lg:flex lg:flex-wrap lg:justify-center">
+      <div className="lg:flex lg:flex-col lg:justify-center lg:items-start lg:w-1/2 lg:pr-8">
+        <h2 className="text-2xl md:text-3xl lg:text-5xl text-[#1D1A3F] font-barlow-condensed font-bold leading-normal">
           CE ESTE ALEARGĂ PENTRU VIAȚĂ?
         </h2>
-        <p className="text-sm md:text-base font-barlow font-normal leading-normal text-custom-gray mt-8 md:mt-12">
+        <p className="text-sm md:text-base lg:text-lg font-barlow font-normal text-custom-gray mt-8 lg:mt-14">
           Având o tradiție de peste 14 ani, Aleargă Pentru Viață reprezintă un
           cros caritabil organizat de Liga Studenților Electroniști. Acesta este
           format din mai multe curse împărțite pe categorii de vârstă, la care
           participarea se face pe baza unei donații pentru o cauză umanitară.
         </p>
-
-        <p className="text-sm md:text-base font-barlow font-normal leading-normal text-custom-gray mt-4 md:mt-6">
+        <p className="text-sm md:text-base lg:text-lg font-barlow font-normal leading-normal text-custom-gray mt-4 md:mt-6">
           Astfel, scopul evenimentului Aleargă Pentru Viață este de a da o mână
           de ajutor unei persoane care se confruntă cu o situație dificilă din
           punct de vedere medical, reușind să aducă un aport semnificativ pentru
           revenirea la o viață normală a acesteia.
         </p>
-
-        <p className="text-sm md:text-base font-barlow font-normal leading-normal text-custom-gray mt-4 md:mt-6">
+        <p className="text-sm md:text-base lg:text-lg font-barlow font-normal leading-normal text-custom-gray mt-4 md:mt-6">
           Prin intermediul acestui eveniment reușim atât să îi ajutăm pe cei
           aflați în dificultate, cât și să promovăm mișcarea și un stil de viață
           sănătos în rândul oamenilor din jurul nostru.
         </p>
-
-        <div className="mt-6 md:mt-8 flex items-center">
-          <img src={LocationPin} alt="Location Pin" className="w-4 md:w-5"/>
+        <div className="flex items-center mt-6 md:mt-8">
+          <img src={LocationPin} alt="Location Pin" className="w-4 md:w-6"/>
           <span className="ml-2 text-sm md:text-lg font-barlow font-semibold text-gray-800">
             Rectoratul UPB
           </span>
         </div>
-
         <button
-          className="bg-[#006470] text-white font-semibold py-2 px-4 md:py-4 md:px-6 rounded-lg uppercase tracking-wide hover:bg-teal-500 focus:outline-none focus:ring transition duration-300 mt-8 w-[10rem] md:mt-10 md:w-[12rem]"
-          onClick={
-            () => {
-              window.location.href = "/cauza";
-            }
-          }>
+          className="bg-[#006470] text-white font-semibold py-2 px-4 md:py-4 md:px-6 rounded-lg uppercase tracking-wide hover:bg-teal-500 focus:outline-none focus:ring transition duration-300 mt-8 w-[10rem] md:w-[12rem]"
+          onClick={() => {
+            window.location.href = "/cauza";
+          }}>
           Cauza
         </button>
       </div>
-
-      <div>
+      <div className="lg:flex lg:items-center lg:justify-center lg:w-1/2 lg:pl-8 mt-10 lg:mt-8">
         <img
           src={AboutImage}
           alt="About Image"
-          className="w-auto md:w-10/12 mr-10  my-20 md:mx-72 md:my-40 rounded-lg "
+          className="w-auto md:w-11/12 mr-6 md:mr-40 my-20 md:mx-64 md:my-40 rounded-lg"
         />
       </div>
     </div>

client/src/components/Banner.component.tsx

@@ -5,16 +5,12 @@ import { motion, useAnimation } from "framer-motion";
 interface BannerProps {
   video: string;
   LseBanner: string;
-  firstTitle: string;
-  secondTitle: string;
   maiputernici: boolean;
 }
 
 const Banner: React.FC<BannerProps> = ({
   video,
   LseBanner,
-  firstTitle,
-  secondTitle,
   maiputernici,
 }) => {
   const ref = useRef<HTMLDivElement>(null);
@@ -83,12 +79,6 @@ const Banner: React.FC<BannerProps> = ({
               animate={isInViewControls}
               transition={{ duration: 0.5, delay: 0.25 }}
             >
-              <h1 className="text-3xl font-extrabold sm:text-5xl lg:p-4 text-gray-200 ">
-                {firstTitle}
-              </h1>
-              <h2 className="text-3xl font-extrabold text-teal-600 sm:text-5xl sm:pb-5 pb-2">
-                {secondTitle}
-              </h2>
               {maiputernici ? (
                 <motion.p
                   initial={{ y: 10, opacity: 0 }}

client/src/components/CauzaHome.component.tsx

@@ -3,26 +3,23 @@ export default function CauzaHome() {
   return (
     <>
       <div className="md:hidden grid place-items-center">
-        <h2 className=" font-semibold text-teal-700 tracking-widest">
+        <h2 className="text-3xl font-barlow-condensed font-bold leading-normal text-[#1D1A3F] mb-8">
           Cauza Aleargă Pentru Viață 2024{" "}
         </h2>
-        <h1 className=" text-2xl font-bold text-black hover:text-black mb-10">
-          Ionuț Frățilă
-        </h1>
         <img
           src={Ionut}
           alt="Ionut"
-          className=" w-3/4 md:w-full h-full object-cover rounded-3xl"
+          className="w-[85%] md:w-full object-cover rounded-lg"
         />
         <div>
-          <p className="overflow-visible text-lg mx-10 mt-10 text-gray-700 hover:text-gray-700 h-1/6 md:full">
+          <p className="overflow-visible text-base font-barlow font-normal leading-normal mx-8 text-custom-gray mt-8 h-1/6 md:full">
             Ionuț Frățilă este un soț iubitor și tată devotat, pentru care
             familia reprezintă totul. Speranțele, planurile și visurile sale au
             fost spulberate brusc când, la doar 26 de ani, viața lui a luat o
             întorsătură dramatică.
           </p>
           <br />
-          <p className="overflow-visible mb-24 text-lg mx-10 text-gray-700 hover:text-gray-700 h-1/6 md:full">
+          <p className="overflow-visible mb-24 text-base font-barlow font-normal leading-normal mx-8 text-custom-gray h-1/6 md:full">
             În data de 13 august 2023, destinul lui Ionuț s-a schimbat radical.
             Din cauza unei probleme de funcționare a mașinii, acesta a fost
             victima unui grav accident auto, rostogolindu-se cu mașina, în urma
@@ -37,19 +34,19 @@ export default function CauzaHome() {
           transition: "opacity 1.5s ease-in-out",
         }}
       >
-        <div className=" h-full md:h-full max-w-screen-lg flex items-center justify-center flex-col md:flex-row">
-          <div className="w-5/6 md:w-1/3 p-2 overflow-hidden h-screen md:h-full  rounded-lg">
+        <div className="h-full md:h-full max-w-screen-lg flex items-center justify-center flex-col md:flex-row">
+          <div className="w-5/6 md:w-1/3 p-2 overflow-hidden h-screen md:h-full rounded-lg">
             <div className=" rounded-lg flex justify-center">
               <img
                 src={Ionut}
                 alt="Ionut"
-                className="w-[70%] md:w-full h-full object-cover rounded-3xl"
+                className="w-[70%] md:w-full h-full object-cover rounded-lg"
               />
             </div>
           </div>
           <div className="w-full h-screen md:w-2/3 p-4 text-black flex flex-col justify-between rounded-lg ml-4">
             <div className="mb-10">
-              <h2 className=" font-semibold text-teal-700 text-center tracking-widest">
+              <h2 className="text-lg font-semibold text-custom-green text-center tracking-widest">
                 Cauza Aleargă Pentru Viață 2024{" "}
               </h2>
               <br />
@@ -59,13 +56,13 @@ export default function CauzaHome() {
                 </p>
               </span>
               <br />
-              <p className="overflow-visible text-xl text-gray-700 hover:text-gray-700 h-1/6 md:full">
+              <p className="overflow-visible  font-barlow font-normal leading-normal text-custom-gray text-xl h-1/6 md:full">
                 Ionuț Frățilă este un soț iubitor și tată devotat, pentru care
                 familia reprezintă totul. Speranțele, planurile și visurile sale
                 au fost spulberate brusc când, la doar 26 de ani, viața lui a
                 luat o întorsătură dramatică.
               </p>
-              <p className="overflow-visible text-xl mt-10 text-gray-700 hover:text-gray-700 h-1/6 md:full">
+              <p className="overflow-visible font-barlow font-normal leading-normal text-xl text-custom-gray mt-12 h-1/6 md:full">
                 În data de 13 august 2023, destinul lui Ionuț s-a schimbat
                 radical. Din cauza unei probleme de funcționare a mașinii,
                 acesta a fost victima unui grav accident auto, rostogolindu-se