// Asset URLs from Figma const imgMap = 'https://www.figma.com/api/mcp/asset/101445b8-64e7-4f40-861a-d69f66476787'; const imgNoise2 = 'https://www.figma.com/api/mcp/asset/2d77588d-42b6-4ecd-8643-e2a34ad929f8'; const imgGroup3465193 = 'https://www.figma.com/api/mcp/asset/8a89e428-37e5-47a4-9e48-4abe1a2cca7e'; const imgInnovate4Refugee = 'https://www.figma.com/api/mcp/asset/de257c63-61b7-418c-8364-365025f5dbdc'; const imgImg4368 = 'https://cdn.sanity.io/images/3p4q8kog/production/7278134a2edd20155318d63bbe6a08b88507e620-1344x943.webp'; const imgImage54 = 'https://cdn.sanity.io/images/3p4q8kog/production/3f6b3465d95a8a247f68dbaa37a659b65ff8a5c5-1344x943.webp'; const imgImg4282 = 'https://cdn.sanity.io/images/3p4q8kog/production/5543155a5deaf36e602c9de392d035fc736b6a56-1345x944.webp'; const connectionPeople = 'https://cdn.sanity.io/images/3p4q8kog/production/a0595d0401f82550a5fc7c966c06512222d21258-1972x2060.webp'; const portfolio = 'https://cdn.sanity.io/images/3p4q8kog/production/2fb7b4687228cf2d8c54f9a4d39db8bf94e389e6-4158x1461.webp'; const letter = 'https://cdn.sanity.io/images/3p4q8kog/production/e9db8be378bd9ab0d610e62bfe357e8abf7f44c3-4252x2070.webp'; const letterMobile = 'https://cdn.sanity.io/images/3p4q8kog/production/5ca887b0fe7c74ad0c482df98574dc9a18b921e1-1428x1588.webp'; // Styled Components const PageWrapper = styled('div', { backgroundColor: '$white', minHeight: '100vh', overflow: 'hidden', }); const HeroSection = styled('section', { position: 'relative', width: '100%', minHeight: 499, backgroundColor: '$black', overflow: 'hidden', '@md': { minHeight: 800, }, }); const HeroBackground = styled('div', { position: 'absolute', inset: 0, background: '#010101', overflow: 'hidden', }); const MapPattern = styled('div', { position: 'absolute', inset: 0, backgroundImage: `url('${imgMap}')`, backgroundRepeat: 'repeat', backgroundSize: '275px 275px', opacity: 0.3, mixBlendMode: 'multiply', }); const GradientOrb = styled('div', { position: 'absolute', width: 800, height: 800, borderRadius: '50%', background: 'radial-gradient(circle, rgba(11,145,191,0.4) 0%, rgba(231,125,78,0.3) 40%, transparent 70%)', filter: 'blur(80px)', top: '-30%', left: '50%', transform: 'translateX(-50%)', '@md': { width: 1800, height: 1800, filter: 'blur(100px)', top: '-60%', }, }); const NoiseOverlay = styled('div', { position: 'absolute', inset: 0, backgroundImage: `url('${imgNoise2}')`, backgroundRepeat: 'repeat', opacity: 0.5, mixBlendMode: 'overlay', pointerEvents: 'none', }); const HeroContent = styled('div', { position: 'relative', zIndex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: 499, px: 30, py: 100, textAlign: 'center', color: '$white', '@md': { minHeight: 800, py: 160, }, }); const HeroEyebrow = styled('span', { fs: 15, fontWeight: '$regular', letterSpacing: '0.01em', textTransform: 'uppercase', marginBottom: 8, '@md': { fs: 22, marginBottom: 16, }, }); const HeroTitle = styled('h1', { fs: 43, fontWeight: '$regular', lh: 52, letterSpacing: '-0.015em', maxWidth: 315, marginBottom: 7, '@md': { fs: 85, fontWeight: '$medium', lh: 92, maxWidth: 794, marginBottom: 16, }, }); const HeroYear = styled('span', { fs: 17, fontWeight: '$light', lh: 25, '@md': { fs: 20, fontWeight: '$regular', }, }); const ContentSection = styled('section', { py: 0, px: 40, backgroundColor: '$white', '@md': { px: 200, }, }); const Spacer = styled('div', { height: 50, '@md': { height: 160, }, }); const SpacerSmall = styled('div', { height: 50, backgroundColor: '$black', '@md': { height: 80, }, }); const NumberedHeading = styled('div', { display: 'flex', flexDirection: 'column', gap: 20, marginBottom: 30, textAlign: 'center', '@md': { flexDirection: 'row', alignItems: 'center', gap: 31, textAlign: 'left', marginBottom: 25, }, }); const SectionTitle = styled('h2', { fs: 28, fontWeight: '$regular', lh: 33, color: '$greyDark', '@md': { fs: 48, lh: 60, letterSpacing: '-0.01em', }, }); const SectionTitleWhite = styled(SectionTitle, { color: '$white !important', }); const TwoColumnText = styled('div', { display: 'flex', flexDirection: 'column', gap: 16, '@md': { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 61, }, }); const BodyText = styled('p', { fs: 14, fontWeight: '$regular', lh: 18, color: '$greyDark', '@md': { fs: 20, lh: 28, letterSpacing: '-0.01em', }, '& strong': { fontWeight: '$bold', }, }); const BodyTextLarge = styled('p', { fs: 17, fontWeight: '$regular', lh: 25, color: '$white', '@md': { fs: 20, lh: 28, letterSpacing: '-0.01em', }, '& strong': { fontWeight: '$bold', }, '& a': { color: '$white', textDecoration: 'underline', }, }); const MapSection = styled('section', { position: 'relative', py: 0, backgroundColor: '$black', overflow: 'hidden', }); const MapSectionBackground = styled('div', { position: 'absolute', inset: 0, backgroundImage: `url('${imgMap}')`, backgroundRepeat: 'repeat', backgroundSize: '112px 112px', opacity: 0.3, mixBlendMode: 'overlay', }); const MapSectionContent = styled('div', { position: 'relative', zIndex: 1, px: 40, py: 0, '@md': { px: 150, py: 160, }, }); const TestimonialCard = styled('div', { background: 'linear-gradient(-71deg, rgba(255,255,255,1) 61%, rgba(255,255,255,0.1) 156%)', padding: 24, position: 'relative', overflow: 'hidden', '@md': { padding: 46, }, }); const TestimonialQuote = styled('p', { fs: 15, fontWeight: '$regular', lh: 21, color: '$greyDark', '@md': { fs: 20, lh: 27, letterSpacing: '-0.01em', }, }); const QuoteLine = styled('div', { display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: 10, marginTop: 16, }); const QuoteLineBar = styled('div', { width: 207, height: 2, background: '$greyDark', '@md': { flex: 1, width: 'auto', }, }); const PortfolioGrid = styled('div', { position: 'relative', height: 394, overflow: 'hidden', marginTop: 24, '@md': { height: 365, marginTop: 40, }, }); const PortfolioItem = styled('div', { position: 'absolute', boxShadow: '0 0 11px rgba(0,0,0,0.25)', transform: 'rotate(-30deg)', overflow: 'hidden', '@md': { boxShadow: '0 0 22px rgba(0,0,0,0.25)', }, '& img': { width: '100%', height: '100%', objectFit: 'cover', }, }); const ImageGallery = styled('div', { display: 'flex', flexDirection: 'column', gap: 30, marginTop: 30, '@md': { flexDirection: 'row', gap: 16, marginTop: 40, }, }); const GalleryImage = styled('div', { width: '100%', height: 207, overflow: 'hidden', position: 'relative', '@md': { flex: 1, height: 236, }, '& img': { width: '100%', height: '100%', objectFit: 'cover', }, }); const ClosingCard = styled('div', { position: 'relative', backgroundColor: '$white', padding: 24, boxShadow: '-4px -2px 16px rgba(0,0,0,0.15)', overflow: 'hidden', width: '100%', '@md': { padding: 60, maxWidth: 576, marginLeft: 'auto', boxShadow: '-8px -4px 31px rgba(0,0,0,0.15)', }, }); const ClosingCardBackground = styled('div', { position: 'absolute', left: -43, top: 52, width: 190, height: 130, opacity: 0.3, '@md': { left: -84, top: 102, width: 372, height: 255, }, '& img': { width: '100%', height: '100%', objectFit: 'contain', }, }); const ClosingCardText = styled('p', { fs: 12, fontWeight: '$regular', lh: 16, color: '$greyDark', letterSpacing: '-0.01em', '@md': { fs: 24, lh: 31, letterSpacing: '-0.01em', }, '& strong': { fontWeight: '$bold', }, }); const FoundersSection = styled('div', { display: 'flex', justifyContent: 'flex-end', gap: 10, marginTop: 20, '@md': { gap: 20, marginTop: 40, }, }); const FounderItem = styled('div', { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 3, '@md': { gap: 6, }, }); const FounderAvatar = styled('div', { width: 53, height: 53, borderRadius: '50%', overflow: 'hidden', backgroundColor: '#f5f5f5', '@md': { width: 104, height: 104, }, '& img': { width: '100%', height: '100%', objectFit: 'cover', }, }); const FounderName = styled('span', { fontFamily: "'Ephesis', cursive", fs: 15, color: '$black', textAlign: 'center', '@md': { fs: 29, }, }); const ClosingVisual = styled('div', { display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative', }); const EnvelopeImage = styled('div', { width: 290, height: 168, transform: 'rotate(-20deg)', '@md': { width: 630, height: 367, transform: 'rotate(-15deg)', }, '& img': { width: '100%', height: '100%', objectFit: 'contain', }, }); const FlxLogo = styled('div', { display: 'flex', alignItems: 'center', gap: 10, marginBottom: 20, '@md': { gap: 24, marginBottom: 40, }, }); const FlxLogoImage = styled('div', { width: 43, height: 38, '@md': { width: 67, height: 59, }, '& img': { width: '100%', height: '100%', objectFit: 'contain', }, }); const FlxQuoteAuthor = styled('p', { fs: 17, fontWeight: '$regular', lh: 25, color: '$white', '@md': { fs: 22, lh: 26, }, }); const QuoteSignature = styled('div', { width: 27, height: 27, '& img': { width: '100%', height: '100%', objectFit: 'contain', }, }); const LagosImage = styled('div', { width: '100%', height: 307, overflow: 'hidden', '@md': { maxWidth: 493, height: 515, }, '& img': { width: '100%', height: '100%', objectFit: 'cover', }, }); const ImageCaption = styled('p', { fs: 14, fontWeight: '$regular', lh: 18, color: '$greyDark', textAlign: 'right', marginTop: 4, '@md': { fs: 14, lh: 19, marginTop: 6, }, }); const ClosingSection = styled('section', { py: 0, px: 40, pb: 50, backgroundColor: '$white', '@md': { py: 0, px: 200, pb: 160, }, }); const ClosingLayout = styled('div', { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 0, marginTop: 20, overflow: 'hidden', '@md': { flexDirection: 'row', alignItems: 'flex-start', gap: 0, marginTop: 40, }, }); const svgString = ` `; const StyledSVG = styled('svg', { height: '100%', width: '100%', }); <> {/* Intro Text */} As the year comes to a close, we'd like to take a moment to thank you for being part of the Sora Union community. Your trust and partnership inspire us to keep innovating and expanding the ways we create value together. Over the past year, we've continued to grow and evolve — both in what we offer and how we work. {/* Section 01 - Expanding Our Services */} 01. Expanding Our Services. This year, we introduced a suite of new audit modules — Code Audit, UI/UX Audit, QA Audit,{' '} and Data Infrastructure Audit — alongside continued enhancements to our{' '} Brand Audit offering. These modular assessments help organizations quickly identify opportunities for improvement across their product stack. We also expanded beyond diagnostics to deliver more integrated, higher-impact solutions, including{' '} database development and AI-driven copilots that turn insights into scalable operational tools. This shift, along with our Strategic Advisory services, strengthens our ability to not only analyze challenges, but also build the systems that address them. {/* Section 02 - Growing Our Portfolio */} 02. Growing Our Portfolio This year, our customer base grew by 24% — from major asset managers to fast-growing, innovative startups. Each new collaboration has strengthened our commitment to delivering exceptional work with meaningful impact. Partnerships like these — spanning industries, sizes, and stages — underscore the trust our customers place in us and motivate us to keep raising the bar. ); As Brian Moran, CEO of FLX, shared:

"Our experience working with Sora Union has been outstanding. Whether it has been our ongoing use of their Quality Assurance services or an ad hoc complete Data Infrastructure Audit and Code Audit, the team always operates with excellence and delivers high quality results. They have become a go-to partner for FLX's needs across a range of services." Signature

Partnerships like these — spanning industries, sizes, and stages — underscore the trust our customers place in us and motivate us to keep raising the bar. {/* Portfolio Screenshots Grid */} Portfolio item

{/* Section 03 - Fostering Innovation */} 03. Fostering Innovation In September, we hosted Sora Union's first AI Hackathon. The winning project — the{' '} SoraAI Slack Bot — gives teams faster access to insights and data, streamlining workflows and speeding up customer delivery. Overall, the Hackathon highlighted the creativity, engagement, and cross-functional teamwork of our teammates — bringing together diverse skills to solve real challenges. We're excited to build on this momentum in future rounds. {/* Section 04 - Engaging Globally */} 04. Engaging Globally {/* Desktop: Two column layout */} {/* Left Column */} This year, we were honored to participate in several high-impact events that align closely with our mission. These included{' '} #Innovate4Refugees in New York , hosted by USA for UNHCR, the UN Refugee Agency, as well as the{' '} "Recognizing Host Country Leadership" {' '} roundtable in Washington, D.C., organized by the Wilson Center. Across these events, global leaders gathered to explore how innovation, open technology, and new economic models can drive meaningful social impact for displaced communities. As{' '} a first mover in this space — where tech-enabled, distributed work is{' '} expanding economic opportunity — Sora Union played a substantive role, contributing our practical insights from the field. {/* Right Column */} These discussions reinforce the growing urgency of new models that create sustainable livelihoods. We were proud to add Sora Union's perspective to the conversation and help shape how leaders think about the future of work, technology, and resilience for displaced talent. We were also privileged to be selected as a finalist for Human Company of the Year at the{' '} TLC Lions Awards {' '} — a recognition celebrating organizations that lead with purpose and meaningful impact. Being included among companies setting the global standard for human-centered leadership both validated our mission and reinforced our commitment to keep pushing forward. {/* Mobile: Sequential layout with images interspersed */} This year, we were honored to participate in several high-impact events that align closely with our mission. These included{' '} #Innovate4Refugees in New York , hosted by USA for UNHCR, the UN Refugee Agency, as well as the{' '} "Recognizing Host Country Leadership" {' '} roundtable in Washington, D.C., organized by the Wilson Center. Innovate4Refugees event

Across these events, global leaders gathered to explore how innovation, open technology, and new economic models can drive meaningful social impact for displaced communities. As a first mover in this space — where tech-enabled, distributed work is expanding economic opportunity — Sora Union played a substantive role, contributing our practical insights from the field. Wilson Center event

These discussions reinforce the growing urgency of new models that create sustainable livelihoods. We were proud to add Sora Union's perspective to the conversation and help shape how leaders think about the future of work, technology, and resilience for displaced talent. We were also privileged to be selected as a finalist for Human Company of the Year at the{' '} TLC Lions Awards {' '} — a recognition celebrating organizations that lead with purpose and meaningful impact. Being included among companies setting the global standard for human-centered leadership both validated our mission and reinforced our commitment to keep pushing forward. Event photo

{/* Desktop: Image gallery - 3 images in a row */} Innovate4Refugees event

{/* Section 05 - Connecting In Person */} 05. Connecting In Person At Sora Union, impactful networking is core to how we work. Even as a globally distributed team, we make it a priority to create moments for teammates to come together — whether virtually through company-wide trivia games, or in person when geography allows. This year, teammates gathered in Buenos Aires, Argentina and{' '} Lagos, Nigeria, with another meetup planned for Lahore, Pakistan. These moments of connection — big and small — strengthen collaboration, spark new ideas, and reinforce the sense of community that defines Sora Union. We're committed to continuing these opportunities wherever possible, ensuring our teammates feel supported, connected, and part of something bigger — no matter where they are in the world. Lagos team meetup

Lagos, Nigeria {/* Closing Section */} As we look ahead to 2026, we're excited to continue exploring new technologies, deepening partnerships, and finding new ways to deliver excellence — while staying true to our mission:{' '} bringing the superpowers of distributed work to people displaced or at risk of displacement due to conflict and climate change. Letter

End of the Year Newsletter