Upload unmuted3-FR

src/app/unmuTED3/page.js

@@ -0,0 +1,63 @@
+"use client";
+import NewsletterTitle from "@/components/NewsletterPages/NewsletterTitle";
+import IntroductionFR from "@/components/NewsletterPages/FR/IntroductionFR";
+import FRMainContent from "@/components/NewsletterPages/FR/FRMainContent";
+import NewFooter from "@/components/Footer/NewFooter";
+import Link from "next/link";
+
+export default function FRNewsletter() {
+  return (
+    <div
+      className="bg-our-black" // bg-contain"
+      style={
+        {
+          // backgroundImage: `url('/newsletters/media/background.png')`,
+          // backgroundSize: `cover`,
+        }
+      }
+    >
+      <div className="absolute p-1 lg:p-10">
+        <Link
+          href="/unmuTED"
+          className="w-full flex items-center justify-center lg:px-5 px-2 py-2 text-sm text-white transition-colors duration-200 bg-transparent hover:bg-black border border-our-red rounded-lg gap-x-2 sm:w-auto"
+        >
+          <svg
+            className="text-our-red w-5 h-5 rtl:rotate-180"
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            strokeWidth="1.5"
+            stroke="currentColor"
+          >
+            <path
+              strokeLinejoin="round"
+              d="M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18"
+            />
+          </svg>
+          <span className="italic text-xs">Go back</span>
+        </Link>
+      </div>
+      <div className="h-8 md:h-12 lg:h-20 2xl:h-28 4xl:h-32"></div>
+      <NewsletterTitle
+        date_image={"./newsletters/fr/fr-date_31.03.24.png"}
+      />
+      <div className="h-8 md:h-12 lg:h-16 2xl:h-24"></div>
+      <div
+        id="body"
+        className="w-[80%] md:w-[60%] 3xl:w-[50%] 3xl:text-xl mx-auto"
+      >
+        <IntroductionFR />
+        <FRMainContent />
+
+        <div className="flex flex-col gap-6">
+          <p className="text-white text-xxs self-end">
+              xoxo… Fundraising Team
+            <span className="text-our-red">&lt;3</span>
+          </p>
+        </div>
+      </div>
+      <div className="h-20"></div>
+      <NewFooter />
+    </div>
+  );
+}

src/components/NewsletterPages/FR/FRMainContent.js

@@ -0,0 +1,20 @@
+import Alexandros from "./TeamMembers/Alexandros";
+import Marianna from "./TeamMembers/Marianna";
+import Naria from "./TeamMembers/Naria";
+import Maria from "./TeamMembers/Maria";
+import Pavlos from "./TeamMembers/Pavlos";
+
+
+function FRMainContent() {
+  return (
+    <div className="text-white text-justify">
+      <Marianna />
+      <Alexandros />
+      <Naria />
+      <Maria />
+      <Pavlos />
+    </div>
+  );
+}
+
+export default FRMainContent;

src/components/NewsletterPages/FR/IntroductionFR.js

@@ -0,0 +1,25 @@
+function IntroductionFR() {
+  return (
+    <div className="text-justify text-white flex flex-col gap-6 bg-our-red rounded-md py-8 px-6 md:px-8">
+      <p className="text-justify">
+        It’s time to get unfiltered, uncensored,{" "}
+        <span className="italic font-bold">unmuTED</span>!
+      </p>
+      <p>
+        Ήρθε η στιγμή να γνωρίσεις την υπέρλαμπρη ομάδα{" "}
+        <span className="font-bold">Fundraising</span>{" "}
+        του TEDxNTUA 2024!
+      </p>
+      <p className="text-justify">
+        Είμαστε o <span className="font-bold">Αλέξανδρος</span>, η{" "}
+        <span className="font-bold">Μαρία</span>, η{" "}
+        <span className="font-bold">Νάρια</span>, η{" "}
+        <span className="font-bold">Μαριάννα</span> και ο{" "}
+        <span className="font-bold">Παύλος</span> και είμαστε ενθουσιασμένοι που
+        θα κάνουμε curate το τρίτο unmuTED!
+      </p>
+    </div>
+  );
+}
+
+export default IntroductionFR;

src/components/NewsletterPages/FR/TeamMembers/Alexandros.js

@@ -0,0 +1,73 @@
+function Alexandros() {
+  return (
+    <div id="Alexandros">
+      <p className="mt-10 mb-8 font-bold text-xl lg:text-3xl text-justify">
+        Τι σημαίνει η μουσική για σένα;
+      </p>
+      <div className="w-full flex flex-col gap-6 text-justify">
+        <p className="underline">
+          Ο <span className="font-bold">Αλέξανδρος</span> μιλάει για την δική
+          του σχέση με τη μουσική.
+        </p>
+        <p>
+          Για πολλούς η μουσική αποτελεί είτε διέξοδο από τις καθημερινές
+          δυσκολίες, είτε μέσο κοινωνικοποίησης, είτε ταυτίζεται άρρηκτα με
+          χαρακτηριστικές τους αναμνήσεις. Αν και στη δική μου περίπτωση η
+          μουσική έχει λειτουργήσει με τους προαναφερόμενους ρόλους, για μένα η
+          μουσική αποτελεί, κυρίως, τρόπο να εκφράσω συναισθήματα, τα οποία είτε
+          ντρέπομαι είτε αδυνατώ να εκφέρω με λόγια.
+        </p>
+        <div className="flex flex-col lg:flex-row gap-6 items-center">
+          <p>
+            Πιο συγκεκριμένα, υπάρχει καλύτερος τρόπος να εκφέρει κανείς την
+            αγάπη και την αγωνία του για την υγεία των κοντινών του ανθρώπων,
+            από τους στίχους του τραγουδιού «
+            <span className="text-our-red">Remember Me</span>» της ταινίας «
+            <span className="text-our-red">Coco</span>» της Disney, που στο
+            τέλος της ταινίας σε κάνουν να δακρύζεις ακατάπαυστα;
+          </p>
+          <img
+            src="./newsletters/fr/akoustika.jpeg"
+            alt="akoustika"
+            className="w-[80%] lg:w-[35%] h-auto max-w-[2268px]"
+          />
+        </div>
+        <p>
+          Υπάρχει καλύτερος τρόπος να περιγράψεις εκείνες τις στιγμές που
+          νιώθεις ότι είτε η αδράνεια σου, είτε οι άστοχες αποφάσεις σου σε
+          έχουν οδηγήσει σε ένα αδιέξοδο, από τον στίχο «
+          <span className="text-our-red">Well, how did I get here?</span>» του «
+          <span className="text-our-red">Once in a Lifetime</span>» των Talking
+          Heads;
+        </p>
+        <p>
+          Η μουσική βέβαια, δεν χρειάζεται πάντα στίχους για να σου προκαλέσει
+          έντονα συναισθήματα. Χαρακτηριστικό παράδειγμα αποτελεί η μουσική των
+          ταινιών του «
+          <span className="text-our-red">Άρχοντα των Δαχτυλιδιών </span>» που σε
+          κάνει να ανατριχιάζεις κάθε φορά που βλέπεις την τελευταία επίθεση του
+          ιππικού της Rohan που αντιστέκεται στη προσωποποίηση του κακού, του
+          μίσους και της βίας, συμπεριφορές και αισθήματα με τις οποίες είτε
+          έρχεσαι αντιμέτωπος, είτε παρατηρείς ακόμα και στη καθημερινότητα σου.
+        </p>
+        <p>
+          Τέλος, αν και το κείμενο μου ίσως αφορά κυρίως στενάχωρα συναισθήματα,
+          όπως λένε και οι αγαπημένοι «
+          <span className="text-our-red">Beatles</span>», μετά από όλες τις
+          δύσκολες στιγμές και συναισθήματα, «
+          <span className="text-our-red">Here Comes the Sun</span>» και ξαφνικά
+          υπάρχει πάλι ελπίδα.
+        </p>
+      </div>
+      <div className="mt-5 mb-10">
+        <hr className="bg-white h-1" />
+        <p className="text-our-red text-xl text-center lg:text-2xl my-2 font-bold px-10 py-4">
+          “Στις αναχωρήσεις...”
+        </p>
+        <hr className="bg-white h-1" />
+      </div>
+    </div>
+  );
+}
+
+export default Alexandros;

src/components/NewsletterPages/FR/TeamMembers/Maria.js

@@ -0,0 +1,70 @@
+function Maria() {
+  return (
+    <div id="Maria">
+      <p className="my-8 italics text-md md:text-base underline text-justify">
+        Έχεις όρεξη για μία εκδρομή; H <span className="font-bold">Μαρία</span>{" "}
+        έχει βρει το ιδανικότερο μέρος να επισκεφτείς εσύ και η παρέα σου!
+      </p>
+      <div className="w-full flex flex-col gap-8">
+        <div className="flex flex-col lg:flex-row lg:gap-8  gap-5 items-center lg:items-start">
+          <div className="flex flex-col gap-10">
+            <p>
+              Μιας και, σιγά σιγά, ανοίγει ο καιρός, τι καλύτερο από μια
+              <span className="text-our-red"> μονοήμερη εκδρομή </span>μακριά
+              από την Αθήνα! Όχι τόσο μακριά, μην ανησυχείς! Μόλις μια ώρα
+              οδήγησης (με τέρμα μουσική) από την Αθήνα, το{" "}
+              <span className="text-our-red">Λουτράκι</span> σε περιμένει! Ένας
+              μαγευτικός προορισμός που θα σε κερδίσει με την πρώτη!
+            </p>
+            <p>
+              Ομολογουμένως, αυτή η εκδρομή συνδυάζει τα πάντα! Αν είσαι λάτρης
+              της φύσης, ξεκινάς από μια βόλτα στον Φάρο του Κορινθιακού Κόλπου,
+              τον <span className="text-our-red">Φάρο Μελαγκάβι</span>, ο οποίος
+              απέχει μισή ώρα από το Λουτράκι. Η διαδρομή γεμάτη καταπράσινα
+              τοπία αλλά και η θέα που σε περιμένει στον φάρο αξίζουν τις
+              (λίγες) παραπάνω στροφές που θα βρεις στην διαδρομή, trust me!
+            </p>
+          </div>
+          <img
+            src="./newsletters/fr/loutraki.jpeg"
+            alt="loutraki"
+            className="w-[50%] lg:w-[25%] h-auto max-w-[2268px]"
+          />
+        </div>
+
+        <div>
+          <p>
+            Βαρέθηκες, όμως, την πολλή σκέψη και φιλοσοφία πλάι στα δέντρα;
+            Παίρνουμε τον δρόμο της επιστροφής για το παραθαλάσσιο Λουτράκι! Θες
+            καφέ; Έχει! Θες φαγητό; Έχει, και πολύ ωραίο μάλιστα! Θες, εσύ που
+            είσαι και λίγο πιο τολμηρός, να ρίξεις και μια βουτιά στη θάλασσα;
+            Φέρε μαγιό γιατί τα πιο όμορφα και{" "}
+            <span className="text-our-red">γαλάζια νερά</span> που θα δεις ποτέ
+            δεν είναι αλλού, αλλά στο Λουτράκι!
+          </p>
+          <p>
+            <br />
+          </p>
+          <p>
+            Μην φύγεις όμως τόσο γρήγορα! Το καλό το πράγμα αργεί να γίνει, που
+            λέει και ο σοφός λαός, και στην περίπτωσή μας πρέπει να περιμένεις
+            μέχρι την δύση του ηλίου! Το{" "}
+            <span className="text-our-red">ηλιοβασίλεμα</span> που θα
+            αντικρίσεις θα σε μαγέψει, γι’ αυτό πάρε μπυρίτσα (όχι αν οδηγείς,
+            είπαμε), άραξε με την παρέα στην παραλία και περίμενε για την πιο
+            μαγική ώρα της ημέρας! Θα με θυμηθείς!
+          </p>
+        </div>
+        <div className="mt-2 mb-10">
+          <hr className="bg-white h-1" />
+          <p className="text-our-red text-xl lg:text-2xl my-2 font-bold  text-center py-5 px-5">
+            “Στο Video-Club…”
+          </p>
+          <hr className="bg-white h-1" />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Maria;

src/components/NewsletterPages/FR/TeamMembers/Marianna.js

@@ -0,0 +1,40 @@
+function Marianna() {
+  return (
+    <div id="Marianna">
+      <p className="mt-10 mb-8 font-bold text-xl lg:text-3xl text-justify">
+        Απέχουμε μία μέρα από την “Πρωταπριλιά”, είχατε όμως ποτέ την απορία πώς
+        ξεκίνησε αυτή η μέρα να ταυτίζεται με τα ψέματα;
+      </p>
+      <div className="w-full flex flex-col gap-6 text-justify">
+        <p className="underline">
+          Η <span className="font-bold">Μαριάννα</span> είναι εδώ να σας
+          εξηγήσει:
+        </p>
+        <p>
+          Σύμφωνα με την πρώτη, το έθιμο ξεκίνησε από τους{" "}
+          <span className="text-our-red">Κέλτες</span>, οι οποίοι ήταν δεινοί
+          ψαράδες. Η εποχή του ψαρέματος ξεκινούσε την 1η Απριλίου. Εκείνη όμως
+          την περίοδο τα ψάρια πιάνονταν δύσκολα, οπότε έλεγαν ψέματα{" "}
+          <span className="text-our-red">πόσα ψάρια είχαν πιάσει</span>.
+          Σιγά-σιγά αυτή η συνήθεια έγινε έθιμο.
+        </p>
+
+        <p>
+          Με βάση τη δεύτερη εκδοχή, το έθιμο γεννήθηκε στην{" "}
+          <span className="text-our-red">Γαλλία</span>{" "}
+          το 16ο αιώνα. Μέχρι το 1564 η{" "}
+          <span className="text-our-red">πρωτοχρονιά</span>{" "}
+          των Γάλλων ήταν η 1η Απριλίου. Εκείνη την χρονιά όμως άλλαξε αυτό και
+          η πρωτοχρονιά πλέον θεωρούνταν η 1η Ιανουαρίου. Στην αρχή αυτό δεν
+          έγινε αποδεκτό από όλους τους πολίτες, με αποτέλεσμα κάποιοι - ως
+          αντίδραση - συνέχιζαν να γιορτάζουν την πρωτοχρονιά την 1η Απριλίου
+          και οι υπόλοιποι τους έστελναν δώρα για να τους{" "}
+          <span className="text-our-red">κοροϊδέψουν</span>. Με τον καιρό το
+          πείραγμα αυτό μετατράπηκε σε έθιμο.
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default Marianna;

src/components/NewsletterPages/FR/TeamMembers/Naria.js

@@ -0,0 +1,70 @@
+function Naria() {
+  return (
+    <div id="Naria">
+      <p className="my-8 italics  text-md md:text-base underline text-justify">
+        Περιμένοντας ίσως κάποια αναχώρηση, η{" "}
+        <span className="font-bold">Νάρια</span> παραθέτει μερικές από τις
+        σκέψεις της:
+      </p>
+      <div className="w-full flex flex-col gap-8">
+        <div className="flex flex-col lg:flex-row lg:gap-8 gap-5 items-center lg:items-start">
+          <div className="flex flex-col gap-5">
+            <p>
+              Λένε πως είναι διαφορετικό να φεύγεις επειδή κάπου θέλεις να πας
+              και διαφορετικό να φεύγεις επειδή από κάπου θέλεις να{" "}
+              <span className="text-our-red">ξεφύγεις</span>. Αναρωτιέμαι πόσοι
+              από εμάς, καθισμένοι σε αίθουσες αναμονής αεροδρομίων, αναμένοντας
+              την έναρξη της επιβίβασης, έχει τύχει να παρατηρήσουμε τους
+              ανθρώπους γύρω μας.
+            </p>
+            <p>
+              Μάτια που λάμπουν από την ευτυχία της πολυπόθητης επιστροφής σε
+              οικογένεια και φίλους, βλέμματα γεμάτα{" "}
+              <span className="text-our-red">ανυπομονησία</span> για τις νέες
+              περιπέτειες που περιμένουν εκεί έξω ή βλέμματα{" "}
+              <span className="text-our-red">περηφάνειας</span> γιατί ίσως αυτό
+              το ταξίδι σε φέρνει ένα βήμα πιο κοντά στα{" "}
+              <span className="text-our-red">όνειρα</span> σου.
+            </p>
+            <p>
+              Αν κοιτάξεις λίγο πιο προσεκτικά θα διακρίνεις και κάποια πιο{" "}
+              <span className="text-our-red">θαμπά βλέμματα</span>. Εκείνα που
+              συγκρατούν μια συγκίνηση ή μια θλίψη.
+            </p>
+          </div>
+          <img
+            src="./newsletters/fr/agkalia.jpeg"
+            alt="agkalia"
+            className="w-[50%] lg:w-[25%] h-auto max-w-[2268px]"
+          />
+        </div>
+
+        <div className="flex flex-col gap-10">
+          <p>
+            Ανήκουν στους ανθρώπους για τους οποίους η{" "}
+            <span className="text-our-red">φυγή</span> δεν αποτελεί επιλογή αλλά
+            ένα "πρέπει" και συνήθως έχει προηγηθεί η φράση "
+            <span className="text-our-red">μέχρι την επόμενη φορά</span>". Και
+            αυτό για τον καθένα έχει διαφορετική χρονική διάρκεια αλλά για όλους
+            μετράει το ίδιο, γιατί ο{" "}
+            <span className="text-our-red">αποχωρισμός</span> είναι πάντα
+            δύσκολος.
+          </p>
+          <p>
+            Και κάπου εκεί η συνειδητοποίηση επιστρέφει! Έχει όντως διαφορά ο
+            λόγος για τον οποίο ο καθένας γύρω σου αναμένει αυτήν την πτήση. Με
+            μια απλή παρατήρηση μπορείς απλά να χτίσεις{" "}
+            <span className="text-our-red">μια πιθανή ιστορία</span>, ένα δυνατό
+            ενδεχόμενο. Το μόνο σίγουρο είναι πως όλοι μας μεταφέρουμε πολύ
+            περισσότερα από απλές αποσκευές και πως πριν την επιβίβαση αφήνουμε,
+            έστω και προσωρινά, έναν <span className="text-our-red">κύκλο</span>{" "}
+            να κλείσει για να δώσουμε τη σκυτάλη σε αυτόν που μόλις ανοίγεται
+            μπροστά μας.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Naria;