[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { TeamSection } from "@/components/team-section" import { Header } from "@/components/header" export default function TeamPage() { return (

) } [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" import Link from "next/link" export function Header() { return (

belli Book a demo

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Team | Belli", description: "Meet the team behind Belli - former consultants and operators from SpaceX, AirAsia, McKinsey, and Booking.com building the future of air cargo technology.", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]jpg:file="public/professional-asian-man-headshot-dark-background-ex.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-asian-man-headshot-dark-background-ex-eWF7WjidIcuyMbeZZSwZaY3t8sZuQN.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]jpeg:file="public/images/qiao-20hui-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Qiao%20Hui%2C%20orange.png-fS34GsNSwwskdls9cF7v6s762mVmRi.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/arief-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Arief%2C%20orange.png-8RV0hc35EZQVvw3dgDGpzck5Bvsgng.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/tito-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Tito%2C%20orange.png-CMbdfKKAhhWNZeCqeYD3o7oUagAKqq.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/ilham-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Ilham%2C%20orange.png-iZLfPz9LMa8jQHwuhNNgPxyKy3tVuG.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/januario-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Januario%2C%20orange.png-gHyzW50fKkWHPenyEdKymRVE2b5crf.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/joemar-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Joemar%2C%20orange.png-22TAcMMXpThQ6nYlOKB33akk1cfHQt.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/shao-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Shao%2C%20orange.png-JLESmphYnYvj1KXdtO0OwE3TLjwofQ.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/david-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/David%2C%20orange.png-5LGqH3s1zAJwg3vJ7MvKIx5rtPS5Ov.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/alex-2c-20orange.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Alex%2C%20orange.png-ThA4kayNHnW3GA3gL5QJFC5fSJI9KW.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/team-section.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" import { departments, getMemberImage, type TeamMember } from "@/lib/team-data" function TeamMemberCard({ member }: { member: TeamMember }) { const image = getMemberImage(member.id) return (

{member.name}

{member.role}

) } export function TeamSection() { return (

{/* Header */}

Meet the Team

Built by operators and engineers from airlines, SpaceX and McKinsey

{/* Departments */}

{departments.map((department) => (

{department.title}

{department.members.map((member) => ( ))}

))}

) } [V0_FILE]typescriptreact:file="app/team/[id]/page.tsx" isMerged="true" import { notFound } from "next/navigation" import Image from "next/image" import Link from "next/link" import { ArrowLeft, Linkedin, Twitter, Github, Globe, Play, ExternalLink } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { getMemberById, getMemberImage, departments, type ShowcaseItem } from "@/lib/team-data" export async function generateStaticParams() { const allMembers = departments.flatMap((dept) => dept.members) return allMembers.map((member) => ({ id: member.id, })) } function WorkImageCard({ item, size = "normal", }: { item: ShowcaseItem size?: "normal" | "large" | "tall" | "wide" }) { const Wrapper = item.url ? "a" : "div" const wrapperProps = item.url ? { href: item.url, target: "_blank", rel: "noopener noreferrer" } : {} const sizeClasses = { normal: "col-span-1 row-span-1", large: "col-span-2 row-span-2", tall: "col-span-1 row-span-2", wide: "col-span-2 row-span-1", } return (

{item.thumbnail && (

)} {/* Gradient overlay - always visible but subtle */}

{/* Title - always visible at bottom */}

{item.title}

{/* Video play icon */} {item.type === "video" && (

)}

) } function BentoWorkGrid({ items }: { items: ShowcaseItem[] }) { // Create a dynamic bento layout based on item count const getItemSize = (index: number, total: number): "normal" | "large" | "tall" | "wide" => { if (total <= 2) return index === 0 ? "large" : "normal" if (total === 3) { if (index === 0) return "large" return "normal" } if (total === 4) { if (index === 0) return "large" return "normal" } // For 5+ items, create interesting pattern if (index === 0) return "large" if (index === 3) return "wide" if (index === 5) return "tall" return "normal" } return (

{items.map((item, index) => ( ))}

) } function ShowcaseCard({ item }: { item: ShowcaseItem }) { return (

{item.thumbnail && (

)} {item.type === "video" && (

)} {item.type === "link" && (

)}

{item.title}

{item.description && (

{item.description}

)}

) } export default async function MemberDetailPage({ params, }: { params: Promise<{ id: string }> }) { const { id } = await params const member = getMemberById(id) if (!member) { notFound() } const image = getMemberImage(member.id) return (

{/* Header Section */}

{/* Back Button */}

{/* Photo */}

{/* Info */}

{member.name}

{member.role}

{member.department} {/* Social Links */}

{member.linkedin && ( LinkedIn )} {member.twitter && ( )} {member.github && ( )} {member.website && ( )}

{/* Bio */}

{member.bio}

{/* Past Companies */} {member.pastCompanies && member.pastCompanies.length > 0 && (

Previous Experience

{member.pastCompanies.map((company) => (

{company.logo ? (

) : ( {company.name} )}

))}

)}

{/* Work at Belli Section */} {member.workAtBelli && member.workAtBelli.length > 0 && (

Work at Belli

)} {/* Other Showcase Sections */} {member.otherShowcase && member.otherShowcase.length > 0 && ( <> {member.otherShowcase.map((section, sectionIndex) => (

{section.title}

{section.items.map((item, index) => ( ))}

))} )} {/* Bottom Navigation */}

) } [V0_FILE]typescript:file="lib/team-data.ts" // Placeholder headshots from randomuser.me (seeded for consistency) const ph = (seed: number, gender: "men" | "women" = "men") => `https://randomuser.me/api/portraits/${gender}/${seed}.jpg` // Unsplash work photos const wp = (id: string) => `https://images.unsplash.com/photo-${id}?w=800&h=600&fit=crop` // Available images mapped to team members by id export const imageMap: Record = { "member-01": ph(11), "member-02": ph(32), "member-03": ph(44, "women"), "member-04": ph(21), "member-05": ph(55), "member-06": ph(7), "member-07": ph(18), "member-08": ph(63), "member-09": ph(29), "member-10": ph(47), "member-11": ph(35), "member-12": ph(52), "member-13": ph(40), "member-14": ph(24), "member-15": ph(59), "member-16": ph(16), "member-17": ph(37), "member-18": ph(8), "member-19": ph(14, "women"), "member-20": ph(28, "women"), "member-21": ph(43), "member-22": ph(72), "member-23": ph(66), "member-24": ph(53), "member-25": ph(61), "member-26": ph(38), "member-27": ph(31, "women"), "member-28": ph(45), "member-29": ph(19, "women"), "member-30": ph(57), } export const placeholderImage = ph(10) export const getMemberImage = (id: string) => imageMap[id] ?? placeholderImage // Company logos for experience section export const companyLogos: Record = { "McKinsey & Company": "https://upload.wikimedia.org/wikipedia/commons/9/9b/McKinsey_Script_Mark_2019.svg", "SpaceX": "https://upload.wikimedia.org/wikipedia/commons/d/de/SpaceX-Logo.svg", "Gojek": "https://upload.wikimedia.org/wikipedia/commons/9/99/Gojek_logo_2019.svg", "Shopee": "https://upload.wikimedia.org/wikipedia/commons/f/fe/Shopee.svg", "Grab": "https://upload.wikimedia.org/wikipedia/commons/a/a9/Grab_Logo_2021.svg", "Booking.com": "https://upload.wikimedia.org/wikipedia/commons/6/66/Booking.com_logo.svg", "AirAsia": "https://upload.wikimedia.org/wikipedia/commons/8/86/Air_Asia_Logo.svg", "Google": "https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg", "Meta": "https://upload.wikimedia.org/wikipedia/commons/7/7b/Meta_Platforms_Inc._logo.svg", "Amazon": "https://upload.wikimedia.org/wikipedia/commons/a/a9/Amazon_logo.svg", "Stripe": "https://upload.wikimedia.org/wikipedia/commons/b/ba/Stripe_Logo%2C_revised_2016.svg", "Airbnb": "https://upload.wikimedia.org/wikipedia/commons/6/69/Airbnb_Logo_Bélo.svg", } export interface PastCompany { name: string logo?: string } export interface ShowcaseItem { type: "video" | "image" | "link" title: string description?: string url: string thumbnail?: string } export interface ShowcaseSection { title: string items: ShowcaseItem[] } export interface TeamMember { id: string name: string role: string department: string linkedin?: string twitter?: string github?: string website?: string bio: string pastCompanies: PastCompany[] workAtBelli: ShowcaseItem[] otherShowcase?: ShowcaseSection[] } export interface Department { id: string title: string members: TeamMember[] } export const departments: Department[] = [ { id: "product", title: "Product", members: [ { id: "member-01", name: "Marcus Chen", role: "Co-Founder & CEO", department: "Product", linkedin: "https://linkedin.com", twitter: "https://twitter.com", bio: "Leading our vision to digitize the global air cargo industry. Previously advised Fortune 500 companies on digital transformation and supply chain strategy. Passionate about turning complex logistics into elegant software.", pastCompanies: [ { name: "McKinsey & Company", logo: companyLogos["McKinsey & Company"] }, { name: "SpaceX", logo: companyLogos["SpaceX"] }, ], workAtBelli: [ { type: "image", title: "Keynote at Air Cargo Europe", url: "#", thumbnail: wp("1540575467063-178a50c2df87") }, { type: "image", title: "Strategy offsite with leadership", url: "#", thumbnail: wp("1552664730-d307ca884978") }, { type: "video", title: "Live platform demo at Cargo Connect", url: "#", thumbnail: wp("1557804506-669a67965ba0") }, { type: "image", title: "Customer site visit in Frankfurt", url: "#", thumbnail: wp("1521737604893-d14cc237f11d") }, { type: "image", title: "Investor Day presentation", url: "#", thumbnail: wp("1591115765373-5207764f72e7") }, ], otherShowcase: [ { title: "Speaking Engagements", items: [ { type: "video", title: "TechCrunch Disrupt 2024", url: "#", thumbnail: wp("1475721027785-f74eccf877e2") }, { type: "image", title: "IATA World Cargo Symposium", url: "#", thumbnail: wp("1591115765373-5207764f72e7") }, { type: "video", title: "World Economic Forum Side Event", url: "#", thumbnail: wp("1460925895917-afdab827c52f") }, ], }, ], }, { id: "member-02", name: "Daniel Park", role: "Co-Founder & CPO", department: "Product", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Building products that transform how cargo moves globally. Previously CPO at a major airline's digital cargo arm, scaling the platform to 9-figure GMV across 10+ countries. Obsessed with product-market fit.", pastCompanies: [ { name: "AirAsia", logo: companyLogos["AirAsia"] }, { name: "Google", logo: companyLogos["Google"] }, { name: "Grab", logo: companyLogos["Grab"] }, ], workAtBelli: [ { type: "image", title: "Product workshop with airline partners", url: "#", thumbnail: wp("1531498860502-7c67cf02f657") }, { type: "image", title: "User research at cargo terminals", url: "#", thumbnail: wp("1586528116311-ad8dd3c8310d") }, { type: "video", title: "Platform deep-dive walkthrough", url: "#", thumbnail: wp("1460925895917-afdab827c52f") }, { type: "image", title: "Design sprint with the team", url: "#", thumbnail: wp("1553877522-43269d4ea984") }, ], otherShowcase: [ { title: "Hackathons & Awards", items: [ { type: "image", title: "Winner — EU Tech Pitch €330k", url: "#", thumbnail: wp("1567427017947-545c5f8d16ad") }, { type: "image", title: "Forbes 30 Under 30 Logistics", url: "#", thumbnail: wp("1504711434969-e33886168f5c") }, ], }, ], }, { id: "member-03", name: "Sarah Lim", role: "Product Manager", department: "Product", linkedin: "https://linkedin.com", bio: "Driving product strategy across our core cargo management suite. Previously at a leading Southeast Asian e-commerce platform leading logistics products that improved delivery success rates by 18%.", pastCompanies: [ { name: "Shopee", logo: companyLogos["Shopee"] }, { name: "Grab", logo: companyLogos["Grab"] }, ], workAtBelli: [ { type: "image", title: "Sprint planning with engineering", url: "#", thumbnail: wp("1531403009284-440f080d1e12") }, { type: "image", title: "Customer discovery interviews", url: "#", thumbnail: wp("1573497019940-1c28c88b4f3e") }, { type: "image", title: "Roadmap review with leadership", url: "#", thumbnail: wp("1560472354-b33ff0c44a43") }, { type: "video", title: "Feature launch — real-time tracking", url: "#", thumbnail: wp("1551434678-e076c223a692") }, ], }, { id: "member-04", name: "Wei Han Ng", role: "Product Designer", department: "Product", linkedin: "https://linkedin.com", website: "https://dribbble.com", bio: "Crafting intuitive experiences that make complex cargo operations feel effortless. Previously at a super-app designing rider and driver experiences used by 50M+ users. Believer in design systems and accessibility.", pastCompanies: [ { name: "Grab", logo: companyLogos["Grab"] }, { name: "Airbnb", logo: companyLogos["Airbnb"] }, ], workAtBelli: [ { type: "image", title: "Design system workshop", url: "#", thumbnail: wp("1561070791-2526d30994b5") }, { type: "image", title: "Usability testing session", url: "#", thumbnail: wp("1581291518633-83b4ebd1d83e") }, { type: "image", title: "Component library review", url: "#", thumbnail: wp("1558655146-9f40138edfeb") }, ], otherShowcase: [ { title: "Design Portfolio", items: [ { type: "link", title: "Cargo dashboard redesign", url: "#", thumbnail: wp("1507238691740-187a5b1d37b8") }, { type: "link", title: "Mobile booking flow", url: "#", thumbnail: wp("1512941937669-90a1b58e7e9c") }, ], }, ], }, { id: "member-05", name: "Ryan Johansson", role: "Product Analyst", department: "Product", linkedin: "https://linkedin.com", bio: "Turning data into actionable product decisions. Previously at a global travel platform running A/B experiments and building dashboards that informed multi-million dollar bets. Fluent in SQL, Python, and storytelling.", pastCompanies: [ { name: "Booking.com", logo: companyLogos["Booking.com"] }, { name: "Amazon", logo: companyLogos["Amazon"] }, ], workAtBelli: [ { type: "image", title: "Analytics dashboard demo to team", url: "#", thumbnail: wp("1551288049-bebda4e38f71") }, { type: "image", title: "Data deep-dive with product leads", url: "#", thumbnail: wp("1460925895917-afdab827c52f") }, { type: "video", title: "Presenting funnel insights at all-hands", url: "#", thumbnail: wp("1591115765373-5207764f72e7") }, ], }, ], }, { id: "engineering", title: "Engineering", members: [ { id: "member-06", name: "Kevin Hartono", role: "Senior Backend Engineer", department: "Engineering", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Architecting scalable distributed systems that power our cargo operations platform. Previously built high-throughput payment infrastructure at a decacorn processing millions of daily transactions. Champion of clean API design.", pastCompanies: [ { name: "Gojek", logo: companyLogos["Gojek"] }, { name: "Stripe", logo: companyLogos["Stripe"] }, ], workAtBelli: [ { type: "image", title: "Architecture review session", url: "#", thumbnail: wp("1518770660439-4636190af475") }, { type: "image", title: "Mentoring junior engineers", url: "#", thumbnail: wp("1522071820081-009f0129c71c") }, { type: "image", title: "Post-launch incident retrospective", url: "#", thumbnail: wp("1516321318423-f06f85e504b3") }, { type: "video", title: "Tech talk — designing for scale", url: "#", thumbnail: wp("1555066931-4365d14bab8c") }, ], otherShowcase: [ { title: "Open Source", items: [ { type: "link", title: "cargo-events — open source pub/sub lib", url: "#", thumbnail: wp("1542744173-8e7e53415bb0") }, ], }, ], }, { id: "member-07", name: "Budi Santoso", role: "Full Stack Engineer", department: "Engineering", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Building end-to-end features across our entire stack, from React frontend to Go services. Passionate about developer experience and shipping fast without breaking things.", pastCompanies: [ { name: "Shopee", logo: companyLogos["Shopee"] }, ], workAtBelli: [ { type: "image", title: "Feature demo day", url: "#", thumbnail: wp("1517694712202-14dd9538aa97") }, { type: "image", title: "Pair programming with frontend team", url: "#", thumbnail: wp("1593720213428-28a5b9e94613") }, { type: "image", title: "Shipping the booking API v2", url: "#", thumbnail: wp("1587620962725-abab7fe55159") }, ], }, { id: "member-08", name: "Reza Firmansyah", role: "Backend Engineer", department: "Engineering", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Building robust, battle-tested APIs and microservices that airlines rely on daily. Focused on observability, reliability, and zero-downtime deployments.", pastCompanies: [ { name: "Gojek", logo: companyLogos["Gojek"] }, ], workAtBelli: [ { type: "image", title: "API design workshop", url: "#", thumbnail: wp("1555066931-4365d14bab8c") }, { type: "image", title: "On-call incident response drill", url: "#", thumbnail: wp("1558494949-ef010cbdcc31") }, { type: "video", title: "Brown-bag: building resilient services", url: "#", thumbnail: wp("1518770660439-4636190af475") }, ], }, { id: "member-09", name: "Andre Kurniawan", role: "DevOps Engineer", department: "Engineering", linkedin: "https://linkedin.com", bio: "Keeping Belli's infrastructure running at 99.9% uptime. Specializes in Kubernetes, Terraform, and CI/CD pipelines. If it can be automated, it will be automated.", pastCompanies: [ { name: "Amazon", logo: companyLogos["Amazon"] }, ], workAtBelli: [ { type: "image", title: "Infra monitoring dashboard rollout", url: "#", thumbnail: wp("1558494949-ef010cbdcc31") }, { type: "image", title: "Zero-downtime deploy to production", url: "#", thumbnail: wp("1544197150-b99a580bb7a8") }, { type: "image", title: "Cloud cost optimization review", url: "#", thumbnail: wp("1460925895917-afdab827c52f") }, ], }, { id: "member-10", name: "Fajar Nugroho", role: "Database Engineer", department: "Engineering", linkedin: "https://linkedin.com", bio: "Optimizing data infrastructure so every query is fast and every record is safe. Making sure millions of cargo entries load in milliseconds, even at peak.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Database performance tuning", url: "#", thumbnail: wp("1544197150-b99a580bb7a8") }, { type: "image", title: "Data migration to new cluster", url: "#", thumbnail: wp("1542744173-8e7e53415bb0") }, ], }, { id: "member-11", name: "Aditya Prasetyo", role: "Frontend Engineer", department: "Engineering", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Building intuitive React interfaces that ground handlers and airlines love. Cares deeply about accessibility and performance budgets.", pastCompanies: [ { name: "Shopee", logo: companyLogos["Shopee"] }, ], workAtBelli: [ { type: "image", title: "UI component library v2 launch", url: "#", thumbnail: wp("1593720213428-28a5b9e94613") }, { type: "image", title: "Accessibility audit workshop", url: "#", thumbnail: wp("1531403009284-440f080d1e12") }, { type: "video", title: "Demo — new shipment timeline view", url: "#", thumbnail: wp("1587620962725-abab7fe55159") }, ], }, { id: "member-12", name: "Rico Purnomo", role: "Frontend Engineer", department: "Engineering", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Crafting responsive, pixel-perfect interfaces with React and TypeScript. Always learning new rendering patterns and enjoys pushing the web platform to its limits.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Responsive dashboard redesign", url: "#", thumbnail: wp("1587620962725-abab7fe55159") }, { type: "image", title: "Frontend architecture planning", url: "#", thumbnail: wp("1516321318423-f06f85e504b3") }, ], }, { id: "member-13", name: "Hendra Wijaya", role: "Frontend Engineer", department: "Engineering", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Creating smooth, delightful micro-interactions that make the platform feel alive. Obsessed with animation, motion design, and Framer Motion.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Interaction design review", url: "#", thumbnail: wp("1550745165-9bc0b252726f") }, { type: "image", title: "Animation sprint output", url: "#", thumbnail: wp("1507238691740-187a5b1d37b8") }, { type: "video", title: "Framer Motion showcase at demo day", url: "#", thumbnail: wp("1593720213428-28a5b9e94613") }, ], }, { id: "member-14", name: "Dimas Saputra", role: "Frontend Engineer", department: "Engineering", linkedin: "https://linkedin.com", bio: "Focused on web performance — Core Web Vitals, code splitting, and lazy loading. Making Belli fast for users in every market.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Lighthouse 100 score celebration", url: "#", thumbnail: wp("1460925895917-afdab827c52f") }, { type: "image", title: "Performance profiling session", url: "#", thumbnail: wp("1518770660439-4636190af475") }, ], }, { id: "member-15", name: "Faris Ramadhan", role: "Frontend Engineer", department: "Engineering", linkedin: "https://linkedin.com", bio: "Building reusable components and keeping our design system consistent. Values clean code, good test coverage, and clear naming.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Design system token audit", url: "#", thumbnail: wp("1507238691740-187a5b1d37b8") }, { type: "image", title: "Component library documentation", url: "#", thumbnail: wp("1531403009284-440f080d1e12") }, ], }, { id: "member-16", name: "Ghani Maulana", role: "Frontend Engineer", department: "Engineering", linkedin: "https://linkedin.com", bio: "Advocate for frontend quality: unit tests, E2E coverage, and code reviews. Helping the team ship with confidence every sprint.", pastCompanies: [], workAtBelli: [ { type: "image", title: "E2E testing framework rollout", url: "#", thumbnail: wp("1516321318423-f06f85e504b3") }, { type: "image", title: "PR review session with the team", url: "#", thumbnail: wp("1522071820081-009f0129c71c") }, ], }, { id: "member-17", name: "Ino Santoso", role: "Mobile Engineer", department: "Engineering", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Building Belli's mobile apps for iOS and Android using React Native. Making cargo management truly portable — from the warehouse floor to the tarmac.", pastCompanies: [ { name: "Gojek", logo: companyLogos["Gojek"] }, ], workAtBelli: [ { type: "image", title: "Mobile app beta launch", url: "#", thumbnail: wp("1512941937669-90a1b58e7e9c") }, { type: "video", title: "Field testing at Changi cargo terminal", url: "#", thumbnail: wp("1586528116311-ad8dd3c8310d") }, { type: "image", title: "App Store screenshots shoot", url: "#", thumbnail: wp("1550745165-9bc0b252726f") }, ], otherShowcase: [ { title: "App Store Features", items: [ { type: "link", title: "Belli Mobile — App Store listing", url: "#", thumbnail: wp("1512941937669-90a1b58e7e9c") }, ], }, ], }, ], }, { id: "operations-growth", title: "Operations & Growth", members: [ { id: "member-18", name: "Joel Martinez", role: "Operations Manager", department: "Operations & Growth", linkedin: "https://linkedin.com", bio: "Overseeing day-to-day platform operations and customer success. Ensures seamless onboarding and adoption at every airline partner. Former ground handling supervisor with 8 years of cargo ops experience.", pastCompanies: [ { name: "AirAsia", logo: companyLogos["AirAsia"] }, ], workAtBelli: [ { type: "image", title: "Airline partner onboarding workshop", url: "#", thumbnail: wp("1556761175-5973dc0f32e7") }, { type: "image", title: "Weekly ops review", url: "#", thumbnail: wp("1542744173-8e7e53415bb0") }, { type: "image", title: "On-site visit at cargo terminal", url: "#", thumbnail: wp("1521737604893-d14cc237f11d") }, { type: "video", title: "Customer success panel at Air Cargo World", url: "#", thumbnail: wp("1540575467063-178a50c2df87") }, ], }, { id: "member-19", name: "Sofia Reyes", role: "Customer Success Manager", department: "Operations & Growth", linkedin: "https://linkedin.com", bio: "Building long-term relationships with airline partners and ensuring they get maximum value from the platform. Holds a record of 0 churn in her accounts.", pastCompanies: [ { name: "Amazon", logo: companyLogos["Amazon"] }, ], workAtBelli: [ { type: "image", title: "QBR with key airline account", url: "#", thumbnail: wp("1573496359142-b8d87734a5a2") }, { type: "image", title: "Customer training session", url: "#", thumbnail: wp("1531403009284-440f080d1e12") }, { type: "image", title: "Manila customer site visit", url: "#", thumbnail: wp("1557804506-669a67965ba0") }, ], }, { id: "member-20", name: "Nina Kovalenko", role: "Operations Coordinator", department: "Operations & Growth", linkedin: "https://linkedin.com", bio: "Keeping all the moving pieces in sync across the operations team. Expert at process documentation, SLA tracking, and making sure nothing falls through the cracks.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Cross-functional sync meeting", url: "#", thumbnail: wp("1557804506-669a67965ba0") }, { type: "image", title: "Process documentation sprint", url: "#", thumbnail: wp("1531403009284-440f080d1e12") }, ], }, { id: "member-21", name: "Carlos Reyes", role: "Growth Specialist", department: "Operations & Growth", linkedin: "https://linkedin.com", bio: "Expanding Belli's footprint in new markets through partnerships, outbound, and events. Loves the hustle of early-stage growth and finding creative acquisition channels.", pastCompanies: [ { name: "Meta", logo: companyLogos["Meta"] }, ], workAtBelli: [ { type: "image", title: "Air Cargo Asia networking event", url: "#", thumbnail: wp("1540575467063-178a50c2df87") }, { type: "image", title: "Cold outreach campaign results review", url: "#", thumbnail: wp("1600880292203-757bb62b4baf") }, { type: "video", title: "Presenting at Cargo Innovation Summit", url: "#", thumbnail: wp("1475721027785-f74eccf877e2") }, ], }, ], }, { id: "associates", title: "Associates", members: [ { id: "member-22", name: "Kenji Tanaka", role: "Product Associate", department: "Associates", linkedin: "https://linkedin.com", bio: "Supporting the product team with research, spec writing, and competitive analysis. Top-ranked product management student, bringing fresh frameworks to the team.", pastCompanies: [], workAtBelli: [ { type: "image", title: "User research support", url: "#", thumbnail: wp("1573497019940-1c28c88b4f3e") }, { type: "image", title: "Competitor teardown presentation", url: "#", thumbnail: wp("1560472354-b33ff0c44a43") }, ], }, { id: "member-23", name: "Marco Silva", role: "Engineering Associate", department: "Associates", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Contributing to Belli's codebase part-time while completing a CS degree. Already shipped two user-facing features in his first month.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Pair programming with senior eng", url: "#", thumbnail: wp("1522071820081-009f0129c71c") }, { type: "image", title: "First feature shipped to production", url: "#", thumbnail: wp("1517694712202-14dd9538aa97") }, ], }, { id: "member-24", name: "Jordan Lee", role: "Research Associate", department: "Associates", linkedin: "https://linkedin.com", bio: "Supporting market research and industry analysis part-time. Specializes in air freight economics and has published research on cargo digitization trends.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Cargo market research presentation", url: "#", thumbnail: wp("1551288049-bebda4e38f71") }, { type: "image", title: "Industry report deep-dive session", url: "#", thumbnail: wp("1460925895917-afdab827c52f") }, ], otherShowcase: [ { title: "Publications", items: [ { type: "link", title: "Air Cargo Digitization — 2024 Report", url: "#", thumbnail: wp("1551288049-bebda4e38f71") }, ], }, ], }, { id: "member-25", name: "Raj Krishnamurthy", role: "Product Associate", department: "Associates", linkedin: "https://linkedin.com", bio: "Helping drive product initiatives and turning customer feedback into actionable specs. Known for thorough PRDs and a sharp eye for edge cases.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Feature specification workshop", url: "#", thumbnail: wp("1531498860502-7c67cf02f657") }, { type: "image", title: "Customer feedback synthesis session", url: "#", thumbnail: wp("1573497019940-1c28c88b4f3e") }, ], }, { id: "member-26", name: "Lars Andersen", role: "Growth Associate", department: "Associates", linkedin: "https://linkedin.com", bio: "Supporting business development and partnerships for European markets. Fluent in four languages and passionate about breaking into new geographies.", pastCompanies: [], workAtBelli: [ { type: "image", title: "European partnership outreach", url: "#", thumbnail: wp("1600880292203-757bb62b4baf") }, { type: "image", title: "Amsterdam Air Cargo event", url: "#", thumbnail: wp("1540575467063-178a50c2df87") }, ], }, { id: "member-27", name: "Mei Lin Wong", role: "Operations Associate", department: "Associates", linkedin: "https://linkedin.com", bio: "Supporting the customer success team with onboarding, documentation, and escalations. Brings warmth and precision to every customer interaction.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Onboarding guide creation", url: "#", thumbnail: wp("1573496359142-b8d87734a5a2") }, { type: "image", title: "Customer support response review", url: "#", thumbnail: wp("1557804506-669a67965ba0") }, ], }, { id: "member-28", name: "Felix Weber", role: "Business Development Associate", department: "Associates", linkedin: "https://linkedin.com", bio: "Identifying and closing partnership opportunities in the DACH region. Former airline commercial intern with a strong grasp of cargo revenue management.", pastCompanies: [ { name: "McKinsey & Company", logo: companyLogos["McKinsey & Company"] }, ], workAtBelli: [ { type: "image", title: "Client pitch at Frankfurt Airport", url: "#", thumbnail: wp("1553877522-43269d4ea984") }, { type: "image", title: "Partnership deal close", url: "#", thumbnail: wp("1600880292203-757bb62b4baf") }, { type: "video", title: "Demo to European airline C-suite", url: "#", thumbnail: wp("1557804506-669a67965ba0") }, ], }, { id: "member-29", name: "Chloe Zhang", role: "Associate Product Engineer", department: "Associates", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Bridging product and engineering — comfortable writing specs and writing code. Brings a rare combination of design thinking and technical depth.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Product-eng sync on new module", url: "#", thumbnail: wp("1517694712202-14dd9538aa97") }, { type: "image", title: "Prototype demo to stakeholders", url: "#", thumbnail: wp("1531498860502-7c67cf02f657") }, { type: "image", title: "Design handoff with Figma", url: "#", thumbnail: wp("1558655146-9f40138edfeb") }, ], }, { id: "member-30", name: "Nguyen Van Minh", role: "Engineering Associate", department: "Associates", linkedin: "https://linkedin.com", github: "https://github.com", bio: "Contributing to Belli's frontend codebase while completing a software engineering degree. Has already fixed over 30 bugs and shipped a reusable table component used across the app.", pastCompanies: [], workAtBelli: [ { type: "image", title: "Bug bash with the frontend team", url: "#", thumbnail: wp("1555066931-4365d14bab8c") }, { type: "image", title: "First solo feature: data export", url: "#", thumbnail: wp("1593720213428-28a5b9e94613") }, ], }, ], }, ] export const getAllMembers = (): TeamMember[] => departments.flatMap((d) => d.members) export const getMemberById = (id: string): TeamMember | undefined => getAllMembers().find((m) => m.id === id) export const getDepartmentByMemberId = (id: string): Department | undefined => departments.find((d) => d.members.some((m) => m.id === id))

About

Tags

Share

About

Tags

Share

More from jeffmpan

More Templates Like This

About

Tags

Share

About

Tags

Share

More from jeffmpan

More Templates Like This