From d1c05571f446633274150adbb9057eeac9362790 Mon Sep 17 00:00:00 2001 From: riya-daz Date: Mon, 27 Oct 2025 21:08:58 -0400 Subject: [PATCH] updated finnvate timeline --- .DS_Store | Bin 8196 -> 8196 bytes public/.DS_Store | Bin 8196 -> 8196 bytes .../VenturesComponents/WorkshopConstants.js | 95 ++++++++++-------- .../VenturesComponents/WorkshopIcons.js | 22 ++++ .../VenturesComponents/WorkshopsChart.js | 80 ++++++++++----- 5 files changed, 134 insertions(+), 63 deletions(-) create mode 100644 src/Components/VenturesComponents/WorkshopIcons.js diff --git a/.DS_Store b/.DS_Store index 52446881785d60414bf909adfb72e22b4317c82e..3d6f518650eb9ca860502ac458df2d3a389608c8 100644 GIT binary patch delta 56 zcmV-80LTA?K!iY$PXP?EP`eKS43i8HGqZOPGXV!OIW{aHGdYv<5Eeg1?w17K?9I=Xt=qnO)*9I{@7Y3(Noj diff --git a/src/Components/VenturesComponents/WorkshopConstants.js b/src/Components/VenturesComponents/WorkshopConstants.js index b413ea4b..2b857386 100644 --- a/src/Components/VenturesComponents/WorkshopConstants.js +++ b/src/Components/VenturesComponents/WorkshopConstants.js @@ -1,77 +1,92 @@ export const WORKSHOP_CARDS = [ { - key: "kickoff1", + key: "week1", header: "Intro to Fintech", workshopNum: "1", - date: "JAN 22 2025", - startTime: "6:00 PM", - endTime: "7:00 PM", + date: "09/24", + week: "WEEK 1", + startTime: "", + endTime: "", + icon: "fintech", // placeholder for icon name }, { - key: "kickoff2", + key: "week2", header: "Ideation", workshopNum: "2", - date: "JAN 29 2025", - startTime: "6:00 PM", - endTime: "8:00 PM", + date: "10/01", + week: "WEEK 2", + startTime: "", + endTime: "", + icon: "ideation", }, { - key: "workshop1", + key: "week3", header: "Validating Ideas", workshopNum: "3", - date: "FEB 5 2025", - startTime: "11:00 AM", - endTime: "1:00 PM", + date: "10/08", + week: "WEEK 3", + startTime: "", + endTime: "", + icon: "validating", }, { - key: "workshop2", + key: "week4", header: "Business Models", workshopNum: "4", - date: "FEB 12 2025", - startTime: "11:00 AM", - endTime: "1:00 PM", + date: "10/15", + week: "WEEK 4", + startTime: "", + endTime: "", + icon: "business", }, { - key: "workshop3", + key: "week5", header: "Figma", workshopNum: "5", - date: "FEB 19 2025", - startTime: "11:00 AM", - endTime: "1:00 PM", + date: "10/22", + week: "WEEK 5", + startTime: "", + endTime: "", + icon: "figma", }, { - key: "workshop4", + key: "week6", header: "Marketing", workshopNum: "6", - date: "FEB 26 2025", - startTime: "11:00 AM", - endTime: "1:00 PM", + date: "10/29", + week: "WEEK 6", + startTime: "", + endTime: "", + icon: "marketing", }, { - key: "workshop5", + key: "week7", header: "Past Pitches", workshopNum: "7", - date: "MAR 12 2025", - startTime: "11:00 AM", - endTime: "1:00 PM", - topic1: "TBD", + date: "11/05", + week: "WEEK 7", + startTime: "", + endTime: "", + icon: "pitches", }, { - key: "workshop6", + key: "week8", header: "How to Pitch", workshopNum: "8", - date: "MAR 19 2025", - startTime: "6:00 PM", - endTime: "8:00 PM", - topic1: "TBD", + date: "11/12", + week: "WEEK 8", + startTime: "", + endTime: "", + icon: "pitch", }, { - key: "workshop7", - header: "Pitch Day & Award", + key: "award", + header: "Pitch Day & Award Ceremony!", workshopNum: "9", - date: "MAR 16 2025", - startTime: "11:00 AM", - endTime: "1:00 PM", - topic1: "TBD", + date: "11/22", + week: "", + startTime: "", + endTime: "", + icon: "award", }, ]; diff --git a/src/Components/VenturesComponents/WorkshopIcons.js b/src/Components/VenturesComponents/WorkshopIcons.js new file mode 100644 index 00000000..4cc2e1e2 --- /dev/null +++ b/src/Components/VenturesComponents/WorkshopIcons.js @@ -0,0 +1,22 @@ +// Centralized icon mapping for Finnovate timeline +import fintechIcon from '../../img/fintech.svg'; +import ideationIcon from '../../img/ideation.svg'; +import validatingIcon from '../../img/validating.svg'; +import businessIcon from '../../img/business.svg'; +import figmaIcon from '../../img/figma.svg'; +import marketingIcon from '../../img/marketing.svg'; +import pitchesIcon from '../../img/pitches.svg'; +import pitchIcon from '../../img/pitch.svg'; +import awardIcon from '../../img/award.svg'; + +export const WORKSHOP_ICONS = { + fintech: fintechIcon, + ideation: ideationIcon, + validating: validatingIcon, + business: businessIcon, + figma: figmaIcon, + marketing: marketingIcon, + pitches: pitchesIcon, + pitch: pitchIcon, + award: awardIcon, +}; diff --git a/src/Components/VenturesComponents/WorkshopsChart.js b/src/Components/VenturesComponents/WorkshopsChart.js index c3a27368..e5d00ae8 100644 --- a/src/Components/VenturesComponents/WorkshopsChart.js +++ b/src/Components/VenturesComponents/WorkshopsChart.js @@ -7,30 +7,64 @@ import PastVenturesGallery from "../PastVenturesComponents/PastVentureCard"; export default function WorkshopsChart() { return (
-

+

WORKSHOP SCHEDULE

-
- {WORKSHOP_CARDS.map((card, index) => { - const position = index % 2 === 0 ? "left" : "right"; - return ( - - ); - })} + {/* Vertical Timeline with alternating sides and center neon green line */} +
+ {/* Center neon green line */} +
+
+
+ {/* Timeline events */} +
+ {WORKSHOP_CARDS.map((card, index) => { + const isLeft = index % 2 === 0; + return ( +
+ {isLeft ? ( + <> + {/* Left side event */} +
+
+
+ {index+1} +
+ {/* Award highlight removed */} +
+
+ {card.week && {card.week}} + {card.date} + {card.header} +
+
+
+ + ) : ( + <> +
+ {/* Right side event */} +
+
+
+ {index+1} +
+ {/* Award highlight removed */} +
+
+ {card.week && {card.week}} + {card.date} + {card.header} +
+
+ + )} +
+ ); + })} +
- {/* WINNING STAR SECTION */}

@@ -43,7 +77,7 @@ export default function WorkshopsChart() { />

- {/* ✅ NEW: connector section */} + {/* Connector section */}

Curious about past winning ideas?

@@ -58,7 +92,7 @@ export default function WorkshopsChart() {

-
-); +
+ ); }