+ I hope this email finds you well. My name is {{{senderName}}} from ragTech, and I'm reaching out because we believe your students at {{{schoolName}}} would benefit from our hands-on technology workshops delivered by practising software engineers.
+
+
+
Who We Are
+
+ ragTech brings real engineers who are actively building technology into classrooms. We're not professional trainers who used to work in tech ā we're engineers who are still coding, still learning, and bringing that real-world experience into every session.
+
+
+
+ Our Tech Podcast: We host the ragTech Podcast where we explore the topics and questions that matter in tech today ā from AI ethics and career growth to responsible innovation and community building. Our podcast reflects our approach: honest conversations, practical insights, and making complex tech topics accessible to everyone.
+
- Tap to view business card ā
+ Tap to view business card ->
diff --git a/app/data/team.ts b/app/data/team.ts
index adba3f0..ca7df4b 100644
--- a/app/data/team.ts
+++ b/app/data/team.ts
@@ -3,9 +3,21 @@ import type { TeamMember } from '../components/TeamMemberCard';
export const team: TeamMember[] = [
{
name: 'Saloni',
- role: 'Software Developer',
+ role: 'Senior Software Engineer, Co-Director (WomenDevs SG)',
description:
- 'Software developer who loves breaking down complex concepts into bite-sized, understandable pieces.',
+ 'Engineering leader who turns complex software and AI concepts into practical workflows teams can apply immediately.',
+ experienceSummary:
+ '10+ years in software engineering with workshop leadership across developer and product audiences.',
+ experienceHighlights: [
+ 'Led AI 101 for Software Developers workshop: practical guidance on where AI helps and where engineering judgment still matters.',
+ 'Teaches concrete AI usage patterns including scoped coding tasks, PR review support, framework explanations, test generation, and repetitive workflow automation.',
+ 'Demonstrated AI-assisted app building with side-by-side comparisons against traditional implementation approaches.',
+ 'Delivered Tech Concepts for Product Managers sessions covering CI/CD, LLM fundamentals, and model limitations beyond prompt-only usage.',
+ 'Created Interview Ready online course content for developers preparing for technical interviews.',
+ ],
+ featuredLinks: [
+ { label: 'Interview Ready Online Course Series', href: 'https://www.youtube.com/watch?v=WJS2QeE1_-4' },
+ ],
color: 'from-primary/20 to-primary/5',
roleColor: '#fda2a9',
image: '/assets/team/saloni.png',
@@ -14,9 +26,20 @@ export const team: TeamMember[] = [
},
{
name: 'Victoria',
- role: 'Solutions Engineer',
+ role: 'Solutions Architect, GitHub Star, Co-Director (WomenDevs SG)',
description:
- 'Combines technical expertise with storytelling to make tech topics engaging and relatable.',
+ 'Solutions architect and technical communicator known for making advanced topics accessible and actionable.',
+ experienceSummary:
+ 'One of only two GitHub Stars in Singapore, with startup and large fintech architecture experience.',
+ experienceHighlights: [
+ 'Delivered How to Make Opportunities Find You: Personal Branding 101 at NTU, based on a long-term practical visibility framework.',
+ 'Runs system design interview prep workshops with concise frameworks, practical examples, and collaborative exercises.',
+ 'Facilitated hands-on group design sessions, including Netflix-style system design problem solving.',
+ 'Recognized technical blogger with six years of consistent technical writing and community education.',
+ ],
+ featuredLinks: [
+ { label: 'Technical Blog by Victoria', href: 'https://lo-victoria.com/' },
+ ],
color: 'from-secondary/20 to-secondary/5',
roleColor: '#a2d4d1',
image: '/assets/team/victoria.png',
@@ -25,9 +48,33 @@ export const team: TeamMember[] = [
},
{
name: 'Natasha',
- role: 'Software Engineer',
+ role: 'Software Engineer, Partnerships Lead (WomenDevs SG)',
description:
- 'Passionate about making technology inclusive and accessible for everyone, regardless of their background.',
+ 'Builder and facilitator focused on responsible tech adoption, community leadership, and 0 to 1 product execution.',
+ experienceSummary:
+ 'Masters in Computer Information Systems (Boston University), UCLA Global Studies with Digital Humanities minor, plus startup and US venture accelerator experience.',
+ experienceHighlights: [
+ 'Designed and facilitated a 1-hour Intentional AI workshop for STT Global Data Centres using custom cards to evaluate high-impact vs low-impact AI use cases for operations.',
+ 'Included live demos of generating SVG code for image alternatives in selected scenarios to support more conscious resource usage decisions.',
+ 'Organized and facilitated the ethics panel Navigating the Ethical Landscape of AI: Causality, Principles and Perspectives.',
+ 'Hosted multiple women empowerment workshops on speaking up, communication, and confidence in tech spaces.',
+ 'NTU Women in Tech mentor and facilitator of networking sessions for technologists using technical analogies for collaboration strategy.',
+ 'Led open source community efforts including month-long Hacktoberfest programming with livestream contribution guides.',
+ ],
+ featuredLinks: [
+ {
+ label: 'Navigating the Ethical Landscape of AI Panel',
+ href: 'https://www.youtube.com/watch?v=BPYt_Xs20q8&t=1400s',
+ },
+ {
+ label: 'Networking for Techies - JuniorDevSG',
+ href: 'https://www.youtube.com/watch?v=oE_EWQUYpj8&t=6s',
+ },
+ {
+ label: 'Website',
+ href: 'https://natashaannn.com/',
+ },
+ ],
color: 'from-accent/20 to-accent/5',
roleColor: '#eec08c',
image: '/assets/team/natasha.png',
diff --git a/app/workshops/corporate/page.tsx b/app/workshops/corporate/page.tsx
new file mode 100644
index 0000000..8985ba1
--- /dev/null
+++ b/app/workshops/corporate/page.tsx
@@ -0,0 +1,414 @@
+'use client';
+
+import Link from 'next/link';
+import Image from 'next/image';
+import { useMemo, useState } from 'react';
+import { motion } from 'framer-motion';
+import Hero from '../../components/Hero';
+import BusinessCard from '../../components/BusinessCard';
+import TeamMemberCard, { TeamMember } from '../../components/TeamMemberCard';
+import { team } from '../../data/team';
+
+const workshops = [
+ {
+ tag: 'FOR ENGINEERING TEAMS',
+ title: 'Intentional AI for High-Impact Delivery',
+ description:
+ 'A practical workshop for engineering and operations teams to evaluate where AI adds meaningful value and where it introduces unnecessary cost, risk, or resource usage.',
+ highlights: [
+ '60-90 minute format for teams and leadership groups',
+ 'Custom scenario cards mapped to your business domain',
+ 'Team exercise: classify high-impact vs low-impact AI use cases',
+ 'Focus on responsible resource usage, including energy and water awareness',
+ 'Includes live technical demonstrations for implementation decisions',
+ ],
+ image: '/workshop/intentional-ai-corporate-workshop.jpg',
+ speakerNote: 'Designed and facilitated by Natasha',
+ },
+ {
+ tag: 'FOR SOFTWARE ENGINEERS',
+ title: 'AI 101 for Software Developers',
+ description:
+ 'A hands-on session for developers who want practical AI workflows they can use immediately in day-to-day engineering work.',
+ highlights: [
+ '60-90 minute workshop with implementation-focused guidance',
+ 'Covers scoped coding tasks, PR review, framework explainers, and test generation',
+ 'Discusses where AI improves velocity and where human judgment is critical',
+ 'Includes live app-building workflow demonstrations',
+ 'Delivered with real examples from production engineering contexts',
+ ],
+ image: '/workshop/saloni-ai-101-for-software-developers.jpg',
+ speakerNote: 'Delivered by Saloni',
+ },
+ {
+ tag: 'FOR PRODUCT AND BUSINESS',
+ title: 'Tech Concepts for Product Managers',
+ description:
+ 'Bridge the communication gap between product, engineering, and business stakeholders with practical explanations of modern delivery systems and AI foundations.',
+ highlights: [
+ '60-90 minute workshop for PMs and cross-functional teams',
+ 'Covers CI/CD, LLM fundamentals, and common misconceptions',
+ 'Explains limitations, reliability, and risk in AI-enabled product decisions',
+ 'Analogy-based teaching for non-engineering audiences',
+ 'Can run standalone or as a companion to AI 101 for engineers',
+ ],
+ image: '/workshop/saloni-tech-concepts-for-pm-workshop.jpg',
+ speakerNote: 'Delivered by Saloni',
+ },
+ {
+ tag: 'FOR LEADERSHIP AND EVENTS',
+ title: 'Navigating AI Ethics and Governance',
+ description:
+ 'A facilitated panel or keynote format for leaders and practitioners exploring ethics principles, accountability, and practical governance for AI initiatives.',
+ highlights: [
+ '60-90 minute panel, fireside, or keynote options',
+ 'Topics include bias, accountability, and decision-making tradeoffs',
+ 'Designed for leadership offsites, innovation forums, and internal summits',
+ 'Includes moderated Q and A with audience engagement',
+ 'Can be customized to industry-specific policy and risk concerns',
+ ],
+ image: '/workshop/natasha-tech-sustainability-panel.jpg',
+ speakerNote: 'Organized and facilitated by Natasha',
+ videoUrl: 'https://www.youtube.com/watch?v=BPYt_Xs20q8&t=1400s',
+ },
+ {
+ tag: 'FOR INNOVATION PROGRAMS',
+ title: 'Hackathon Facilitation and Judging',
+ description:
+ 'From kickoff design to final judging, we support corporate hackathons with clear challenge framing, mentoring, and evaluation criteria.',
+ highlights: [
+ 'Half-day, full-day, and multi-week innovation formats',
+ 'Mentor office hours, judging rubrics, and finalist showcase support',
+ 'Themes available: AI for good, open source, sustainability tech',
+ 'Hybrid and livestream support for distributed teams',
+ 'Delivered by facilitators with hands-on hackathon judge experience',
+ ],
+ image: '/workshop/natasha-intentional-ai-workshop.jpg',
+ speakerNote: 'Facilitated by the RagTech team',
+ },
+];
+
+const formats = [
+ { label: 'Lunch and Learn', duration: '45-60 min', desc: 'Focused sessions for department-wide upskilling' },
+ { label: 'Team Workshops', duration: '60-120 min', desc: 'Hands-on collaborative working sessions' },
+ { label: 'Leadership Briefings', duration: '45-90 min', desc: 'Decision-oriented sessions for leads and managers' },
+ { label: 'Hackathons', duration: 'Half day to multi-week', desc: 'Innovation programs with mentoring and judging' },
+];
+
+const icebreakerFeatures = [
+ 'Custom Techie Taboo cards adapted to your team context and vocabulary',
+ 'Gets technical and non-technical stakeholders aligned quickly',
+ 'Creates shared language before deeper workshop discussion',
+ 'Can be included as a standalone team-building activity',
+];
+
+const featuredVideos = [
+ {
+ title: 'Navigating the Ethical Landscape of AI: Causality, Principles and Perspectives',
+ speaker: 'Organized and facilitated by Natasha',
+ src: 'https://www.youtube.com/embed/BPYt_Xs20q8?start=1400',
+ },
+ {
+ title: 'Networking for Techies - JuniorDevSG',
+ speaker: 'By Natasha',
+ src: 'https://www.youtube.com/embed/oE_EWQUYpj8?start=6',
+ },
+ {
+ title: 'Interview Ready Online Course Series',
+ speaker: 'By Saloni',
+ src: 'https://www.youtube.com/embed/WJS2QeE1_-4',
+ },
+];
+
+const audiences = [
+ { label: 'Engineering Teams', icon: 'ENG' },
+ { label: 'Product and Design', icon: 'PM' },
+ { label: 'Data and AI Teams', icon: 'AI' },
+ { label: 'Leadership Groups', icon: 'LDR' },
+ { label: 'Innovation Programs', icon: 'INN' },
+ { label: 'Internal Tech Communities', icon: 'COM' },
+];
+
+export default function CorporateWorkshopsPage() {
+ const [selectedMember, setSelectedMember] = useState(null);
+ const speakers = useMemo(
+ () => team.filter((member) => ['Natasha', 'Saloni', 'Victoria'].includes(member.name)),
+ []
+ );
+
+ return (
+
+
+
+
+
+ We use our custom Techie Taboo card game to kick off corporate workshops. It quickly creates shared context,
+ encourages participation, and makes complex topics easier to discuss across functions.
+
+
+ {icebreakerFeatures.map((item) => (
+
+ -
+ {item}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+ Corporate Programmes
+
+
+ Each programme is tailored to your team goals, role mix, and delivery context.
+
+
+
+
+ {workshops.map((workshop, index) => (
+
+
+
+
+
+
+
{workshop.tag}
+
{workshop.title}
+
{workshop.description}
+
{workshop.speakerNote}
+
+ Programme Highlights
+
+
+ {workshop.highlights.map((item) => (
+
+ -
+ {item}
+
+ ))}
+
+
+
+ Book This Session
+
+ {workshop.videoUrl ? (
+
+ Watch Recording
+
+ ) : null}
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+ Delivery Formats
+
+
+ We adapt to your team structure, timeline, and operating cadence.
+
+
+
+ {formats.map((format, index) => (
+
+
{format.label}
+
{format.duration}
+
{format.desc}
+
+ ))}
+
+
+
+
+
+
+
+
+ Meet the Speakers
+
+
+ Practicing engineers and tech leaders who bring implementation reality into every session.
+
+
+
+ {speakers.map((member, index) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+ See Us in Action
+
+
+ Recordings from talks and sessions led by our facilitators.
+
+
+
+ {featuredVideos.map((video, index) => (
+
+
+
+
+
+
{video.title}
+
{video.speaker}
+
+
+ ))}
+
+
+
+
+
+
+
+ Bring RagTech to Your Team
+
+
+ Share your goals, team profile, and preferred format. We will tailor a workshop plan aligned to your business context.
+
+
+ Available for engineering orgs, product teams, leadership offsites, and internal community programs.
+
+ We open most sessions with our custom-designed Techie Taboo card game ā a fast, fun way to get groups engaged with tech concepts before the workshop even begins. It breaks the ice, sparks curiosity, and gets everyone on the same page without anyone feeling left behind.
+
+
+ {icebreakerFeatures.map((item) => (
+
+ ā
+ {item}
+
+ ))}
+
+
+
+
+
+
+ {/* Workshop Programme Cards */}
+
+
+
+
+ Our Past Programmes
+
+
+ Each workshop is designed and delivered by working software engineers. All sessions can be tailored to your audience, curriculum goals, and event format.
+
+ We fit around your timetable, venue, and event needs.
+
+
+
+ {formats.map((format, index) => (
+
+
{format.label}
+
{format.duration}
+
{format.desc}
+
+ ))}
+
+
+
+
+ {/* Speakers */}
+
+
+
+
+ Meet the Speakers
+
+
+ We're not professional trainers who used to work in tech ā we're engineers who are still building, still learning, and bringing that real-world experience into every session. Prominent leads at WomenDevsSG with experience across startups, fintech, and global tech.
+
+
+
+ {/* Speaker highlights */}
+
+ {speakers.map((member, index) => (
+
+
+
+ ))}
+
+
+
+
+ {/* Featured Recordings */}
+
+
+
+
+ See Us in Action
+
+
+ Past recordings from our speakers and workshops.
+
+
+
+ {featuredVideos.map((video, index) => (
+
+
+
+
+
+
{video.title}
+
{video.speaker}
+
+
+ ))}
+
+
+
+
+ {/* CTA */}
+
+
+
+ Bring RagTech to Your Event
+
+
+ Tell us about your audience and goals ā we'll put together a session that fits. All workshops can be customised by topic, format, and duration.
+
+
+ We work with secondary schools, JCs, polytechnics, universities, corporate teams, and community tech events.
+
+
+ Get in Touch
+
+
+
+
+ {selectedMember && (
+ setSelectedMember(null)} />
+ )}
+
+ );
+}
+
+
diff --git a/app/workshops/school/page.tsx b/app/workshops/school/page.tsx
new file mode 100644
index 0000000..91ecfb8
--- /dev/null
+++ b/app/workshops/school/page.tsx
@@ -0,0 +1,323 @@
+'use client';
+
+import Link from 'next/link';
+import Image from 'next/image';
+import { useMemo, useState } from 'react';
+import { motion } from 'framer-motion';
+import Hero from '../../components/Hero';
+import BusinessCard from '../../components/BusinessCard';
+import TeamMemberCard, { TeamMember } from '../../components/TeamMemberCard';
+import { team } from '../../data/team';
+
+const workshops = [
+ {
+ tag: 'FOR STUDENTS',
+ title: 'Intro to Coding',
+ description:
+ 'A hands-on session that demystifies programming for complete beginners. Students write their first lines of real code, solve mini challenges, and leave with the confidence that coding is something they can do.',
+ highlights: [
+ 'Suitable for 60ā90 minute classroom sessions or assembly talks',
+ 'Available for secondary, JC, and polytechnic/university levels',
+ 'Languages covered: Python, JavaScript, or web basics (HTML/CSS)',
+ 'No prior experience required ā designed for absolute beginners',
+ 'In-person or virtual delivery options available',
+ ],
+ emoji: 'š»',
+ },
+ {
+ tag: 'FOR STUDENTS',
+ title: 'Gen AI & Tech Literacy',
+ description:
+ 'Students interact daily with AI-powered tools ā but do they understand how they work, or when not to trust them? This workshop builds foundational AI literacy, covering how large language models function, responsible usage, bias, hallucinations, and the ethical implications of generative AI.',
+ highlights: [
+ 'Suitable for 60-minute assembly talks or 90-minute workshops',
+ 'Available for secondary, JC, and polytechnic/university levels',
+ 'Covers: what is Gen AI, prompt engineering, bias & hallucinations, privacy, responsible use',
+ 'Interactive demos with live AI tools',
+ 'Flexible delivery: in-person or virtual',
+ ],
+ emoji: 'š¤',
+ },
+ {
+ tag: 'FOR STUDENTS',
+ title: 'Mini Hackathon',
+ description:
+ 'An energetic, team-based problem-solving experience. Students form small groups, tackle a real-world challenge, and pitch their ideas ā all in one session. Perfect for innovation days, orientation events, or enrichment programmes.',
+ highlights: [
+ 'Half-day or full-day format',
+ 'Suitable for secondary school through university',
+ 'Themes available: sustainability tech, community apps, AI for good, and more',
+ 'Facilitated by practising software engineers from RagTech',
+ ],
+ emoji: 'š ļø',
+ },
+ {
+ tag: 'FOR STUDENTS',
+ title: 'Tech & Sustainability',
+ description:
+ 'How is technology shaping our planet ā for better and for worse? This session explores the intersection of tech and the environment: from the carbon cost of AI and data centres, to how engineers are building greener solutions. Students leave with a more critical lens on the digital world.',
+ highlights: [
+ 'Suitable for 45ā60 minute assembly talks or classroom sessions',
+ 'Adaptable for geography, computing, or general science classes',
+ 'Covers: AI energy usage, e-waste, green software, sustainable design',
+ 'Discussion-based activities included',
+ 'In-person or virtual delivery',
+ ],
+ emoji: 'š±',
+ },
+ {
+ tag: 'FOR STUDENTS',
+ title: 'Breaking Into Tech',
+ description:
+ 'A candid, practical session on what a career in tech actually looks like ā from software engineering and product management to UX and data. Our speakers share their own journeys, debunk myths about who belongs in tech, and give students a real playbook for getting started.',
+ highlights: [
+ 'Suitable for 45ā90 minute assembly talks or career day panels',
+ 'Available for upper secondary through university',
+ 'Covers: career paths, skills needed, how to get experience, navigating the industry',
+ 'Q&A and networking time with working engineers',
+ 'Especially popular for underrepresented groups in tech',
+ ],
+ emoji: 'š',
+ },
+];
+
+const formats = [
+ { label: 'Assembly Talks', duration: '30ā60 min', desc: 'Engaging large-group sessions for the whole cohort' },
+ { label: 'Classroom Workshops', duration: '60ā120 min', desc: 'Deeper, interactive small-group learning' },
+ { label: 'Mini Hackathons', duration: 'Half or full day', desc: 'Team-based, project-driven problem solving' },
+ { label: 'Career & Mentorship Panels', duration: '45ā90 min', desc: 'Live Q&A with practising engineers' },
+];
+
+const featuredVideos = [
+ {
+ title: 'Navigating the Ethical Landscape of AI: Causality, Principles and Perspectives',
+ speaker: 'Organized and facilitated by Natasha',
+ src: 'https://www.youtube.com/embed/BPYt_Xs20q8?start=1400',
+ },
+ {
+ title: 'Networking for Techies - JuniorDevSG',
+ speaker: 'By Natasha',
+ src: 'https://www.youtube.com/embed/oE_EWQUYpj8?start=6',
+ },
+ {
+ title: 'Interview Ready Online Course Series',
+ speaker: 'By Saloni',
+ src: 'https://www.youtube.com/embed/WJS2QeE1_-4',
+ },
+];
+
+export default function SchoolWorkshopsPage() {
+ const [selectedMember, setSelectedMember] = useState(null);
+ const speakers = useMemo(
+ () => team.filter((member) => ['Natasha', 'Saloni', 'Victoria'].includes(member.name)),
+ []
+ );
+
+ return (
+
+
+
+ {/* Workshop Programme Cards ā Cyberlite-style */}
+
+
+
+
+ Our Programmes
+
+
+ Each workshop is designed and delivered by working software engineers. All sessions can be customised to your school's curriculum goals, age group, and event format.
+
+ We're not professional trainers who used to work in tech ā we're engineers who are still building, still learning, and bringing that real-world experience into every session.
+
+
+
+ {speakers.map((member, index) => (
+
+
+
+ ))}
+
+
+
+
+ {/* Featured Recordings */}
+
+
+
+
+ See Us in Action
+
+
+ Past talks and recordings from our speakers.
+
+
+
+ {featuredVideos.map((video, index) => (
+
+
+
+
+
+
{video.title}
+
{video.speaker}
+
+
+ ))}
+
+
+
+
+ {/* CTA */}
+
+
+
+ Bring RagTech to Your School
+
+
+ Tell us what you're looking for ā we'll tailor a session to your students, curriculum goals, and event format. All workshops can be customised according to your requirements.
+
+
+ Suitable for secondary schools, junior colleges, polytechnics, and universities.
+
+
+ Get in Touch
+
+
+
+
+ {selectedMember && (
+ setSelectedMember(null)} />
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/app/workshops/speaking/page.tsx b/app/workshops/speaking/page.tsx
new file mode 100644
index 0000000..efe94f5
--- /dev/null
+++ b/app/workshops/speaking/page.tsx
@@ -0,0 +1,251 @@
+'use client';
+
+import Link from 'next/link';
+import Image from 'next/image';
+import { useMemo, useState } from 'react';
+import { motion } from 'framer-motion';
+import Hero from '../../components/Hero';
+import BusinessCard from '../../components/BusinessCard';
+import TeamMemberCard, { TeamMember } from '../../components/TeamMemberCard';
+import { team } from '../../data/team';
+
+const speakingTopics = [
+ 'Responsible AI in Practice: from principles to team decisions',
+ 'Will AI Replace Developers? Practical adoption patterns for engineering teams',
+ 'Tech Concepts for Product and Business Stakeholders',
+ 'Personal Branding and Career Growth in Tech',
+ 'System Design Thinking and Interview Readiness',
+];
+
+const speakingFormats = [
+ 'Conference keynote',
+ 'Panel speaker or moderator',
+ 'Fireside chat',
+ 'Workshop + talk combination',
+];
+
+const speakingCaseStudies = [
+ {
+ src: '/workshop/natasha-tech-sustainability-panel.jpg',
+ alt: 'Tech sustainability panel',
+ caption: 'Ethics and sustainability panel speaking engagement',
+ },
+ {
+ src: '/workshop/victoria-system-design-workshop.jpg',
+ alt: 'Victoria speaking session',
+ caption: 'Technical talk',
+ },
+ {
+ src: '/workshop/natasha-motivational-sharing-as-woman-in-tech.jpg',
+ alt: 'Motivational sharing as woman in tech',
+ caption: 'Women in tech motivational speaking session',
+ },
+ {
+ src: '/workshop/natasha-human-library-speaker.jpg',
+ alt: 'Human library talk',
+ caption: 'Community speaking and mentoring conversation',
+ },
+];
+
+const featuredVideos = [
+ {
+ title: 'Navigating the Ethical Landscape of AI: Causality, Principles and Perspectives',
+ speaker: 'Organized and facilitated by Natasha',
+ src: 'https://www.youtube.com/embed/BPYt_Xs20q8?start=1400',
+ },
+ {
+ title: 'Networking for Techies - JuniorDevSG',
+ speaker: 'By Natasha',
+ src: 'https://www.youtube.com/embed/oE_EWQUYpj8?start=6',
+ },
+ {
+ title: 'Interview Ready Online Course Series',
+ speaker: 'By Saloni',
+ src: 'https://www.youtube.com/embed/WJS2QeE1_-4',
+ },
+];
+
+export default function SpeakingPage() {
+ const [selectedMember, setSelectedMember] = useState(null);
+
+ const speakers = useMemo(
+ () => team.filter((member) => ['Natasha', 'Saloni', 'Victoria'].includes(member.name)),
+ []
+ );
+
+ return (
+
+
+
+
+
+ Tap a speaker card to view contact details and profile.
+
+
+
+
+ {speakers.map((member, index) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+ Featured Recordings
+
+
+
+ {featuredVideos.map((video, index) => (
+
+
+
+
+
+
{video.title}
+
{video.speaker}
+
+
+ ))}
+
+
+
+
+
+
+
+ Book a Paid Speaker
+
+
+ Share your event format, audience, and topic goals. We will propose the best speaker and format.
+
+
+ Contact Us
+
+
+
+
+ {selectedMember && (
+ setSelectedMember(null)} />
+ )}
+
+ );
+}
diff --git a/emails/SchoolWorkshopOutreachEmail-resend-template.json b/emails/SchoolWorkshopOutreachEmail-resend-template.json
new file mode 100644
index 0000000..26f83ae
--- /dev/null
+++ b/emails/SchoolWorkshopOutreachEmail-resend-template.json
@@ -0,0 +1,92 @@
+{
+ "message": "Template created successfully",
+ "templateId": "12aa7027-e497-4f9b-bd14-17b325b4138c",
+ "templateName": "School Workshop Outreach",
+ "variables": [
+ {
+ "name": "schoolName",
+ "type": "string",
+ "description": "Name of the target school",
+ "default_value": "[School Name]"
+ },
+ {
+ "name": "contactName",
+ "type": "string",
+ "description": "Name of the contact person at the school",
+ "default_value": "[Contact Person Name]"
+ },
+ {
+ "name": "senderName",
+ "type": "string",
+ "description": "Name of the sender from ragTech",
+ "default_value": "[Your Name]"
+ },
+ {
+ "name": "senderTitle",
+ "type": "string",
+ "description": "Title/role of the sender",
+ "default_value": "[Your Title]"
+ },
+ {
+ "name": "senderEmail",
+ "type": "string",
+ "description": "Email address of the sender",
+ "default_value": "[Your Email]"
+ },
+ {
+ "name": "senderPhone",
+ "type": "string",
+ "description": "Phone number of the sender",
+ "default_value": "[Your Phone Number]"
+ }
+ ],
+ "templateData": {
+ "templateName": "School Workshop Outreach",
+ "subject": "Outreach",
+ "description": "School workshop outreach",
+ "senderName": "Saloni",
+ "senderTitle": "Cohost and Software Developer",
+ "senderEmail": "saloni@ragtechdev.com",
+ "senderPhone": "",
+ "variables": [
+ {
+ "name": "schoolName",
+ "type": "string",
+ "description": "Name of the target school",
+ "default_value": "[School Name]"
+ },
+ {
+ "name": "contactName",
+ "type": "string",
+ "description": "Name of the contact person at the school",
+ "default_value": "[Contact Person Name]"
+ },
+ {
+ "name": "senderName",
+ "type": "string",
+ "description": "Name of the sender from ragTech",
+ "default_value": "[Your Name]"
+ },
+ {
+ "name": "senderTitle",
+ "type": "string",
+ "description": "Title/role of the sender",
+ "default_value": "[Your Title]"
+ },
+ {
+ "name": "senderEmail",
+ "type": "string",
+ "description": "Email address of the sender",
+ "default_value": "[Your Email]"
+ },
+ {
+ "name": "senderPhone",
+ "type": "string",
+ "description": "Phone number of the sender",
+ "default_value": "[Your Phone Number]"
+ }
+ ]
+ },
+ "local_backup": true,
+ "created_at": "2026-02-27T13:34:19.166Z"
+}
\ No newline at end of file
diff --git a/emails/SchoolWorkshopOutreachEmail.tsx b/emails/SchoolWorkshopOutreachEmail.tsx
new file mode 100644
index 0000000..e3da171
--- /dev/null
+++ b/emails/SchoolWorkshopOutreachEmail.tsx
@@ -0,0 +1,485 @@
+import {
+ Section,
+ Heading,
+ Text,
+ Button,
+ Html,
+ Head,
+ Preview,
+ Body,
+ Container,
+ Img,
+ Link,
+} from '@react-email/components';
+import * as React from 'react';
+
+interface SchoolWorkshopOutreachEmailProps {
+ schoolName?: string;
+ contactName?: string;
+ senderName?: string;
+ senderTitle?: string;
+ senderEmail?: string;
+ senderPhone?: string;
+}
+
+export default function SchoolWorkshopOutreachEmail({
+ schoolName = "[School Name]",
+ contactName = "[Contact Person Name]",
+ senderName = "[Your Name]",
+ senderTitle = "[Your Title]",
+ senderEmail = "[Your Email]",
+ senderPhone = "[Your Phone Number]",
+}: SchoolWorkshopOutreachEmailProps) {
+ const greeting = contactName !== "[Contact Person Name]" ? `Dear ${contactName},` : "Dear [Contact Person Name],";
+
+ return (
+
+
+ Bring Real Engineers to Your School - Tech Workshops by ragTech
+
+
+ {/* Header */}
+
+
+
+
+ {/* Content */}
+
+ {greeting}
+
+
+ I hope this email finds you well. My name is {senderName} from ragTech, and I'm reaching out because we believe your students at {schoolName} would benefit from our hands-on technology workshops delivered by practising software engineers.
+
+
+ Who We Are
+
+ ragTech brings real engineers who are actively building technology into classrooms. We're not professional trainers who used to work in tech ā we're engineers who are still coding, still learning, and bringing that real-world experience into every session.
+
+
+
+ Our Tech Podcast: We host the ragTech Podcast where we explore the topics and questions that matter in tech today ā from AI ethics and career growth to responsible innovation and community building. Our podcast reflects our approach: honest conversations, practical insights, and making complex tech topics accessible to everyone.
+
+
+ Meet Our Speakers
+
+ {/* Speaker 1: Saloni */}
+
+
+
+
+
+
+ Saloni
+ Senior Software Engineer, Co-Director (WomenDevs SG)
+
+ Engineering leader who turns complex software and AI concepts into practical workflows teams can apply immediately.
+
+
+ Expertise: AI 101 for Developers, Tech Concepts for Product Managers, Interview Preparation
+
+
+
+
+
+ {/* Speaker 2: Victoria */}
+
+
+
+
+
+
+ Victoria
+ Solutions Architect, GitHub Star, Co-Director (WomenDevs SG)
+
+ Solutions architect and technical communicator known for making advanced topics accessible and actionable.
+
+
+ Expertise: System Design, Personal Branding, Technical Writing, GitHub Best Practices
+
+
+
+
+
+ {/* Speaker 3: Natasha */}
+
+
+
+
+
+
+ Natasha
+ Software Engineer, Partnerships Lead (WomenDevs SG)
+
+ Builder and facilitator focused on responsible tech adoption, community leadership, and 0 to 1 product execution.
+
+
+ Expertise: AI Ethics, Responsible Tech, Community Leadership, Women in Tech Empowerment
+
+
+
+
+
+ Our School Workshops
+
+ We offer a range of programmes designed for different age groups and learning objectives:
+
+
+ {/* Workshop 1 */}
+
+ š» Intro to Coding
+
+ Perfect for complete beginners. Students write their first lines of real code and solve mini challenges.
+
+
+
Available in Python, JavaScript, or web basics (HTML/CSS)
+
Duration: 60-90 minutes
+
Levels: Secondary, JC, and polytechnic/university
+
+
+
+ {/* Workshop 2 */}
+
+ š¤ Gen AI & Tech Literacy
+
+ Interactive demos with live AI tools. Covers how AI works, responsible usage, bias, and ethics.
+
+
+
Students learn when to trust (and when NOT to trust) AI
+
Duration: 60-90 minutes
+
Levels: Secondary, JC, and polytechnic/university
+
+
+
+ {/* Workshop 3 */}
+
+ š ļø Mini Hackathon
+
+ Team-based problem-solving experience. Perfect for innovation days or orientation events.
+
+
+
Themes: sustainability tech, community apps, AI for good
+ I hope this email finds you well. My name is {{senderName}} from ragTech, and I'm reaching out because we believe your students at {{schoolName}} would benefit from our hands-on technology workshops delivered by practising software engineers.
+
+
+
Who We Are
+
+ ragTech brings real engineers who are actively building technology into classrooms. We're not professional trainers who used to work in tech ā we're engineers who are still coding, still learning, and bringing that real-world experience into every session.
+
+
+
+ Our Tech Podcast: We host the ragTech Podcast where we explore the topics and questions that matter in tech today ā from AI ethics and career growth to responsible innovation and community building. Our podcast reflects our approach: honest conversations, practical insights, and making complex tech topics accessible to everyone.
+
+ 
+ 
+ 
+