- Why Partner with Tech4R?
-
+
+
+ Tech4R is built on collaboration. Together with our partners, we bring diverse expertise and resources to support technology-driven disaster response and resilience. UN Volunteers (UNV) is our main partner, helping us connect skilled volunteers worldwide with meaningful opportunities to contribute to open-source digital solutions. Alongside UNV, we work with Bridge to Türkiye Fund, ATÖLYE, EKA Creative Studio, LJUS, and HP LIFE—each adding unique value, from mobilizing communities and advancing education to fostering innovation and entrepreneurship. As Tech4R grows, we are continuously expanding our partnerships to strengthen our global network and maximize impact.
-
{reasons.map(e => (
{e} ))}
+
- {e.title}
+ {assignments.map((e, i) => ( +{e.title}{i}
{e.description}
-
-
{e.id}
+ {/*Unused code from Figma:*/}{e.id}
-Failed to load
); @@ -14,12 +14,12 @@ async function TestimonyCarousel() { return ({e.title}{i}
*/} -{e.quote}
-
- 
+
+ {e.quote}
+
+ {/*Unused code from Figma design
{e.name}
{/*Unused code from Figma design{e.vtitle}
*/} diff --git a/src/app/volunteers/page.tsx b/src/app/volunteers/page.tsx index fa954a5..ce8970a 100644 --- a/src/app/volunteers/page.tsx +++ b/src/app/volunteers/page.tsx @@ -4,22 +4,61 @@ import Title from '@/components/Title' import VolunteerCarousel from './CarouselVolunteer' import TestimonyCarousel from './CarouselTestimony' import AssignmentsCarousel from './CarouselAssignments' -import { FaScrewdriverWrench, FaListOl, FaRegHandPointRight, FaClock, FaLanguage, FaHandshake } from "react-icons/fa6"; +import { FaScrewdriverWrench, FaListOl } from "react-icons/fa6"; import { generateVolunteersMetadata } from '@/lib/seo'; export const metadata = generateVolunteersMetadata(); +// · Go to app.unv.org +// · Create a free account or log in if you already have one. + +// · Fill in your profile details (skills, education, experience) – this helps us match you with assignments. +//filling arrays with dummy data to test appearance const skills = [ - {name:"Time Commitment",desc:`5-7 hours/week.\nFlexible, remote.`,ico:FaClock}, - {name:"Team Player",desc:"Team player in a multicultural environment.",ico:FaHandshake}, - {name:"Good English",desc:"Other UN languages are a plus.",ico:FaLanguage}, - {name:"Professional",desc:"Reliable, professional, and deadline-oriented.",ico:FaHandshake}, - {name:"Passionate",desc:"Passion for technology & disaster resilience.",ico:FaScrewdriverWrench}, - {name:"For Data Collectors",desc:"Experience with Excel/Sheets, research, attention to detail.",ico:FaScrewdriverWrench}, - {name:"For Web Developers",desc:"Experience with HTML, CSS, JavaScript, UX/UI, Figma",ico:FaScrewdriverWrench}, - {name:"For GIS volunteers",desc:"Experience with QGIS/ArcGIS, disaster mapping skills",ico:FaScrewdriverWrench}, - {name:"For Communicators",desc:"Experience at writing, editing, translation, graphic design",ico:FaScrewdriverWrench}, - {name:"For Automation",desc:"Experience with low-code/no-code tools, APIs, workflow automation",ico:FaScrewdriverWrench} + { name: "Skill Name", desc: "Lorem Ipsum etc. 2 lines each", ico: FaScrewdriverWrench }, + { name: "Skill Name", desc: "Lorem Ipsum etc. 2 lines each", ico: FaScrewdriverWrench }, + { name: "Skill Name", desc: "Lorem Ipsum etc. 2 lines each", ico: FaScrewdriverWrench }, + { name: "Skill Name", desc: "Lorem Ipsum etc. 2 lines each", ico: FaScrewdriverWrench }, + { name: "Skill Name", desc: "Lorem Ipsum etc. 2 lines each", ico: FaScrewdriverWrench }, + { name: "Skill Name", desc: "Lorem Ipsum etc. 2 lines each", ico: FaScrewdriverWrench } +]; +const steps = [ + { + name: "Sign up / Log in", + desc: [ + "Go to app.unv.org", + "Create a free account or log in if you already have one.", + "Fill in your profile details (skills, education, experience) – this helps us match you with assignments.", + ], + ico: FaListOl + }, + { + name: "Find Tech4R opportunities", + desc: [ + "On your dashboard, select “Find Assignments”.", + "Use the filter “Type of Assignment → Online”.", + "Search for “Tech4R” in the keywords or scroll to see available postings." + ], + ico: FaListOl + }, + { + name: "Apply", + desc: [ + "Click on the assignment you’re interested in.", + "Read the description and requirements.", + "Hit “Apply” and submit a short motivation statement (why you’d like to join)." + ], + ico: FaListOl + }, + { + name: "Selection & Start", + desc: [ + "If selected, you’ll receive an email from UNV.", + "You’ll then collaborate with the Tech4R team entirely online.", + "At the end of your assignment, you’ll get an official UNV Certificate of Appreciation." + ], + ico: FaListOl + } ]; export default function VolunteersPage() { @@ -46,48 +85,21 @@ export default function VolunteersPage() {
+
How to Get Involved as a Volunteer
-
All Tech4R volunteer opportunities are hosted on the UNV Unified Volunteering Platform (UVP).
--
-
-
-
- Step 1
-
Sign Up/Log In-
-
- Go to app.unv.org -
- Create a free account or log in if you already have one -
- Fill in your profile details (skills, education, experience) - this helps us match you with assignments -
- -
-
- Step 2
-
Find Tech4R opportunities-
-
- On your dashboard, select “Find Assignments” -
- Use the filter “Type of Assignment → Online” -
- Search for “Tech4R” in the keywords or scroll to see available postings -
- -
-
- Step 3
-
Apply-
-
- Click on the assignment you’re interested in -
- Read the description and requirements -
- Hit “Apply” and submit a short motivation statement (why you’d like to join) -
- -
-
- Step 4
-
Selection & Start-
-
- If selected, you’ll receive an email from UNV -
- You’ll then collaborate with the Tech4R team entirely online -
- At the end of your assignment, you’ll get an official UNV Certificate of Appreciation -
-
+ {steps.map((step, idx) => (
+
-
+ {(typeof step.ico == 'string') ? (<>) : (
)} + {step.name}
+-
+ {step.desc.map((line, i) => (
+
- {line} + ))} +
+ ))}
Tip: Assignments are competitive! Fill in your profile carefully and highlight relevant skills to increase your chances.
@@ -97,7 +109,7 @@ export default function VolunteersPage() {
Browse Volunteer Assignments in Ongoing Projects
-
+