[RELEASE] Version 2.1

index.html

@@ -38,7 +38,7 @@
     />
     <meta
       property="og:image"
-      content="https://ensembleai-hackathon.github.io/ensembleaihackathon.pl/images/logos_25/LOGO_svg_rozowe.png"
+      content="https://ensembleai-hackathon.github.io/ensembleaihackathon.pl/images/logos_26/LOGO_różowe_białe.svg"
     />
     <meta property="og:image:width" content="480" />
     <meta property="og:image:height" content="480" />

package.json

@@ -14,7 +14,7 @@
   "homepage": "https://ensembleAI-hackathon.github.io/ensembleaihackathon.pl/",
   "name": "ensembleaihackathon.pl",
   "private": false,
-  "version": "2.0",
+  "version": "2.1",
   "type": "module",
   "scripts": {
     "predeploy": "npm run build",
@@ -25,6 +25,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "aos": "^2.3.4",
     "i18next": "^24.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

src/App.jsx

@@ -1,5 +1,7 @@
 import { useEffect } from "react";
 import { Routes, Route, useLocation } from "react-router-dom";
+import AOS from "aos";
+import "aos/dist/aos.css";
 import "./styles/styleBcg.css";
 import "./styles/style.css";
 import "./styles/navbar.css";
@@ -23,6 +25,10 @@ import NavBar from "./components/Navbar";
 const App = () => {
   const location = useLocation();
   useEffect(() => {
+    AOS.init({
+      duration: 1000,
+      once: true,
+    });
     // Firefly effect
     let bcg = document.getElementById("bcg");
     let quantity = 15;
@@ -46,6 +52,7 @@ const App = () => {
 
   useEffect(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
+    AOS.refresh();
   }, [location.pathname]);
 
   return (

src/components/2024/MainContent.jsx

@@ -2,14 +2,23 @@ import SectionMain from "./sections/SectionMain";
 import SectionPartners from "./sections/SectionPartners";
 import SectionAdmins from "./sections/SectionAdmins";
 import SectionReport from "./sections/SectionReport";
+import SectionWrapper from "../SectionWrapper";
 
 const MainContent2024 = () => {
   return (
     <main>
-      <SectionMain />
-      <SectionReport />
-      <SectionPartners />
-      <SectionAdmins />
+      <SectionWrapper direction="fade-down">
+        <SectionMain />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-right">
+        <SectionReport />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-left">
+        <SectionPartners />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-up">
+        <SectionAdmins />
+      </SectionWrapper>
     </main>
   );
 };

src/components/2025/MainContent.jsx

@@ -2,14 +2,23 @@ import SectionMain from "./sections/SectionMain";
 import SectionPartners from "./sections/SectionPartners";
 import SectionAdmins from "./sections/SectionAdmins";
 import SectionReport from "./sections/SectionReport";
+import SectionWrapper from "../SectionWrapper";
 
 const MainContent2025 = () => {
   return (
     <main>
-      <SectionMain />
-      <SectionReport />
-      <SectionPartners />
-      <SectionAdmins />
+      <SectionWrapper direction="fade-down">
+        <SectionMain />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-right">
+        <SectionReport />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-left">
+        <SectionPartners />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-up">
+        <SectionAdmins />
+      </SectionWrapper>
     </main>
   );
 };

src/components/2026/MainContent.jsx

@@ -3,15 +3,26 @@ import SectionAbout from "./sections/SectionAbout";
 import SectionAdmins from "./sections/SectionAdmins";
 import SectionTimeline from "./sections/SectionTimeline";
 import SectionPartners from "./sections/SectionPartners";
+import SectionWrapper from "../SectionWrapper";
 
 const MainContent2026 = () => {
   return (
     <main>
-      <SectionMain />
-      <SectionAbout />
-      <SectionTimeline />
-      <SectionPartners />
-      <SectionAdmins />
+      <SectionWrapper direction="fade-down">
+        <SectionMain />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-right">
+        <SectionAbout />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-left">
+        <SectionTimeline />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-right">
+        <SectionPartners />
+      </SectionWrapper>
+      <SectionWrapper direction="fade-up">
+        <SectionAdmins />
+      </SectionWrapper>
     </main>
   );
 };

src/components/2026/sections/SectionAbout.jsx

@@ -36,7 +36,7 @@ const SectionAbout = () => {
     { question: `${t("when")}`, answers: [`${t("exactHackathonDate")}`] },
     {
       question: `${t("where")}`,
-      answers: [`${t("inWarsaw")}`],
+      answers: [`${t("pw")}`],
     },
     { question: `${t("team")}`, answers: [`${t("threeToFivePeople")}`] },
   ];