import { useState, useEffect, useRef } from "react"; const ACTS = [ { id: 1, label: "Act I", title: "The Transition Era", years: "1999–2005", color: "#B8860B", bg: "#FDF6E3" }, { id: 2, label: "Act II", title: "The Social Explosion", years: "2006–2012", color: "#C0392B", bg: "#FDF0EF" }, { id: 3, label: "Act III", title: "The AI & Cloud Era", years: "2013–Present", color: "#2471A3", bg: "#EBF5FB" }, ]; const EVENTS = [ { year: 1999, act: 1, title: "Ofoto, Shutterfly & Snapfish Launch", subtitle: "The print-to-digital bridge", body: "All three launched the same year with the same pitch: upload digital photos, order prints online. They were digital on-ramps for analog habits — the assumption was photos would remain physical objects.", deal: "Ofoto → Kodak (2001). Snapfish → District Photo (2001) → HP ($300M, 2005). Shutterfly IPO (2006, NASDAQ).", insight: "When photos are scarce and expensive, the business model is selling the physical artifact.", stat: "~85B film photos/year at the time", }, { year: 2000, act: 1, title: "Film Photography Peaks", subtitle: "The all-time high watermark", body: "85 billion film photos taken globally — roughly 2,500 per second. This is the zenith. Within a few years, consumer digital cameras will crater these numbers. Kodak, inventor of the digital camera sensor in the 1970s, is about to be destroyed by its own creation.", insight: "The peak of scarcity. Every photo costs ~$0.50–$1.00 in film and development.", stat: "85B photos/year · ~$0.75/photo", }, { year: 2002, act: 1, title: "SmugMug Launches", subtitle: "The premium bet", body: "Self-funded, ad-free, subscription-based photo hosting for serious photographers. While everyone raced to give away storage, SmugMug charged for it — and built a loyal base that valued professional presentation over free tiers.", deal: "Acquired Flickr from Verizon in April 2018.", insight: "Even in abundance, there's a market for curation and quality.", }, { year: 2003, act: 1, title: "Photobucket & ImageShack", subtitle: "Hosting for the forum era", body: "Free image hosting for MySpace profiles, bulletin boards, and early blogs. Photobucket peaked at 10+ billion hosted images. Both would struggle as Facebook and other social networks built native photo hosting, eliminating the need for external image URLs.", deal: "Photobucket raised $38.2M in venture funding.", insight: "Infrastructure plays die when the platforms they serve build the feature themselves.", }, { year: 2004, act: 1, title: "Flickr Launches", subtitle: "The first photo community", body: "Built by a Vancouver game studio (Ludicorp), Flickr was the first photo service built around community rather than printing. Tagging, public streams, comments, favorites, Creative Commons licensing, a public API. Photos as social objects, not things to be printed.", deal: "Acquired by Yahoo, March 2005, ~$25–35M. → Verizon (2017) → SmugMug (2018).", insight: "The first product to understand that abundant photos need organization (tags) and audience (community).", stat: "Ranked #19 website globally by 2007", }, { year: 2005, act: 1, title: "Kodak Rebrands Ofoto", subtitle: "The trillion-dollar mistake", body: "Rather than building Ofoto into a social platform, Kodak rebranded it to Kodak EasyShare Gallery to sell more prints. In 2012 — filing for bankruptcy — Kodak sold the Gallery to Shutterfly for $23.8M. That same season, Facebook bought Instagram for $1B.", deal: "Kodak Gallery sold to Shutterfly for $23.8M (2012, during bankruptcy).", insight: "Kodak owned a social photo service a decade before Instagram. They used it to sell prints.", }, { year: 2007, act: 2, title: "The iPhone Launches", subtitle: "A camera in every pocket", body: "2 megapixels. No video. No flash. No front-facing lens. No autofocus. By traditional camera standards, terrible. But always in your pocket. 'The best camera is the one that's with you.' The smartphone would soon account for 90%+ of all photos taken on Earth.", insight: "The marginal cost of taking a photo drops to zero. Volume begins its exponential climb.", stat: "Smartphones now account for 94% of all photos (2024)", }, { year: 2007, act: 2, title: "Facebook Photos Takes Off", subtitle: "Social graph eats photo graph", body: "Facebook's native photo feature became the largest photo repository on the internet through pure network effects. No tagging taxonomy, no API ecosystem — just frictionless social sharing. By 2009 it hosted more photos than any other service including Flickr.", insight: "Photo-sharing stopped being a standalone category and became a feature of social networks.", }, { year: 2009, act: 2, title: "Hipstamatic Launches", subtitle: "Apple's first App of the Year", body: "Vintage film-style filters applied before you took the photo, mimicking cheap analog cameras. Made the iPhone camera feel artful rather than inadequate. A NYT photographer used it on the front page. But Hipstamatic was a camera app, not a social network — and that distinction proved fatal.", insight: "Proved smartphone cameras didn't need to compete with DSLRs. They could create their own aesthetic.", stat: "4 million copies sold by Jan 2012", }, { year: 2010, act: 2, title: "Instagram Launches", subtitle: "The billion-dollar camera roll", body: "Kevin Systrom and Mike Krieger combined Hipstamatic's insight (filters make phone photos feel good) with Flickr's insight (photos are social) in the simplest possible mobile-first interface. 25,000 users on day one. Square format, one-tap filters, instant sharing.", deal: "Acquired by Facebook, April 2012: $1B ($300M cash + $700M stock). 13 employees, 30M users, $0 revenue. Now ~$200B+ value, $70B+ annual revenue.", insight: "Where Hipstamatic stopped at the shutter, Instagram started there. The social graph was the product.", stat: "2B+ monthly active users today", }, { year: 2010, act: 2, title: "Pinterest Launches", subtitle: "Photos as aspirations", body: "Reimagined photos not as memories or art, but as plans and desires. A visual bookmarking service for things you want to buy, make, cook, wear, or visit. A use case that couldn't exist in the film era — you can't 'pin' your dream kitchen from a shoebox of prints.", deal: "IPO April 2019 on NYSE at ~$12.7B valuation.", insight: "Photo abundance created entirely new use cases: visual search and aspiration curation.", }, { year: 2011, act: 2, title: "Snapchat Launches", subtitle: "Photos that disappear", body: "The anti-Instagram: photos designed to vanish. When each photo cost $0.75 to develop, you'd never send one meant to disappear. Snapchat was the first product to fully internalize that photos had become as disposable as words in conversation.", deal: "Rejected Facebook's $3B offer (2013). Snap Inc. IPO March 2017 at $17/share, ~$24B valuation.", insight: "Ephemeral photos are only possible when photos are free. Scarcity demanded permanence; abundance enables disposability.", }, { year: 2011, act: 2, title: "VSCO Founded", subtitle: "Digital nostalgia for analog film", body: "Started selling Lightroom presets that simulated specific film stocks. VSCO Cam (2012) was the anti-Instagram: a community that deliberately eschewed likes and follower counts. For people who cared about craft over metrics.", deal: "Raised $90M, valued at $550M. Pinterest explored acquisition (2021) — deal never materialized.", insight: "In a world of infinite photos optimized for engagement, some people will pay for tools optimized for craft.", stat: "30M+ users, 2M+ paying subscribers", }, { year: 2012, act: 2, title: "The Kodak–Instagram Crossover", subtitle: "The symbolic fulcrum", body: "January 2012: Kodak files Chapter 11 bankruptcy. April 2012: Facebook acquires Instagram for $1 billion. The company that dominated photography for a century — and had acquired a photo service (Ofoto) a decade earlier — was dying. The 13-person startup that understood abundance was worth a billion with zero revenue.", deal: "Kodak Gallery → Shutterfly ($23.8M). Instagram → Facebook ($1B). Same year.", insight: "The single most important moment in this timeline. The old world and the new world, passing each other.", }, { year: 2015, act: 3, title: "Google Photos Launches", subtitle: "AI meets the photo flood", body: "Spun out of Google+, offering free unlimited storage. The real product wasn't storage — it was AI search. Type 'dog' or 'beach' and find your photos with no tags or albums. The first major product to treat photo abundance as an AI problem rather than a storage or social problem.", deal: "Free unlimited storage ended June 2021 → paid Google One.", insight: "When you have trillions of photos, the product isn't taking or sharing — it's finding.", stat: "4.5 trillion photos stored, 28B uploaded weekly", }, { year: 2017, act: 3, title: "Computational Photography Era", subtitle: "Software beats hardware", body: "Google Pixel proved a single lens with AI processing (HDR+, Night Sight, Portrait mode) could rival multi-lens flagships. Apple followed with Smart HDR and Deep Fusion. Photos that would have been deleted as failures became keepers, further accelerating volume.", insight: "AI doesn't just organize abundant photos — it makes even more of them worth keeping.", }, { year: 2018, act: 3, title: "SmugMug Acquires Flickr", subtitle: "A rescue mission", body: "Flickr — the original photo community — had languished under Yahoo and then Verizon. SmugMug bought it, ended the free 1TB plan, limited free accounts to 1,000 photos, and tried to refocus on the photographer community.", deal: "Acquired from Verizon/Oath. Price undisclosed.", insight: "What happens when a product that understood abundance early gets trapped in a company that doesn't.", }, { year: 2019, act: 3, title: "Shutterfly + Snapfish Merge", subtitle: "Print consolidation", body: "Apollo Global Management acquired Shutterfly ($2.7B) and Snapfish (~$300M), merging the two largest online photo-printing services. Twenty years after both launched on the same premise, the print-centric survivors consolidated into a mature, low-growth business.", deal: "Apollo: Shutterfly $2.7B + $900M debt. Snapfish ~$300M.", insight: "The print business never died. It just stopped being the future.", }, { year: 2020, act: 3, title: "AI-Generated Photography", subtitle: "Does a photo need a camera?", body: "Google Magic Eraser removes objects. Samsung AI editing adds elements that weren't there. DALL-E, Midjourney, and Stable Diffusion generate photorealistic images from text. A question absurd in the film era: does a photograph even need a camera?", insight: "We went from photos being scarce and expensive to photos being infinite and free — including ones of things that never existed.", stat: "~2.1 trillion photos expected in 2025 · 14.3 trillion in existence", }, ]; const DEALS = [ { year: 2001, what: "Kodak acquires Ofoto", type: "Acq", value: "Undisclosed" }, { year: 2005, what: "Yahoo acquires Flickr", type: "Acq", value: "~$25–35M" }, { year: 2005, what: "HP acquires Snapfish", type: "Acq", value: "$300M" }, { year: 2006, what: "Shutterfly IPO", type: "IPO", value: "NASDAQ" }, { year: 2012, what: "Facebook acquires Instagram", type: "Acq", value: "$1B" }, { year: 2012, what: "Kodak Chapter 11", type: "BK", value: "—" }, { year: 2017, what: "Snap Inc. IPO", type: "IPO", value: "$24B val." }, { year: 2018, what: "SmugMug acquires Flickr", type: "Acq", value: "Undisclosed" }, { year: 2019, what: "Pinterest IPO", type: "IPO", value: "$12.7B val." }, { year: 2019, what: "Apollo acquires Shutterfly", type: "PE", value: "$2.7B" }, ]; export default function PhotoTimeline() { const [activeAct, setActiveAct] = useState(null); const [activeEvent, setActiveEvent] = useState(null); const [view, setView] = useState("timeline"); const [mounted, setMounted] = useState(false); const [isMobile, setIsMobile] = useState(false); const detailRef = useRef(null); useEffect(() => { setMounted(true); const check = () => setIsMobile(window.innerWidth < 640); check(); window.addEventListener("resize", check); return () => window.removeEventListener("resize", check); }, []); const filtered = activeAct ? EVENTS.filter(e => e.act === activeAct) : EVENTS; const actData = activeAct ? ACTS.find(a => a.id === activeAct) : null; const handleEventClick = (ev) => { setActiveEvent(activeEvent?.year === ev.year && activeEvent?.title === ev.title ? null : ev); setTimeout(() => detailRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" }), 100); }; return (
{/* HEADER */}
Research Timeline

From Scarcity to Surplus

How the cost of a photograph fell to zero — and every product built along the way

{/* STATS BAR */}
{[ { label: "Film Peak (2000)", val: "85B photos/yr" }, { label: "Digital Now (2025)", val: "2.1T photos/yr" }, { label: "Cost Per Photo", val: "$0.75 → $0.00" }, { label: "Smartphone Share", val: "94%" }, ].map((s, i) => (
{s.val}
{s.label}
))}
{/* NAVIGATION */}
{/* View toggle */}
{["timeline", "deals"].map(v => ( ))}
{/* Act filters */} {ACTS.map(a => ( ))}
{/* CONTENT */}
{/* ACT HEADER */} {activeAct && actData && (
{actData.label}
{actData.title}
{actData.years}
)} {view === "timeline" ? ( /* TIMELINE VIEW */
{/* Vertical line */}
{filtered.map((ev, i) => { const act = ACTS.find(a => a.id === ev.act); const isActive = activeEvent?.year === ev.year && activeEvent?.title === ev.title; return (
{/* Year pill */}
{ev.year}
{/* Dot */}
{/* Card */}
handleEventClick(ev)} style={{ flex: 1, minWidth: 0, background: isActive ? "#fff" : "#fff", border: isActive ? `2px solid ${act.color}` : "1px solid #e5e4de", borderRadius: 12, padding: isMobile ? "14px 14px" : "16px 20px", boxShadow: isActive ? `0 4px 20px ${act.color}22` : "0 1px 4px rgba(0,0,0,0.04)", }}>
{act.label}
{ev.title}
{ev.subtitle}
{ev.stat && (
{ev.stat}
)}
{/* EXPANDED CONTENT */} {isActive && (

{ev.body}

{ev.deal && (
Deals
{ev.deal}
)}
Key Insight
{ev.insight}
)} {!isActive && (
Click to expand →
)}
); })}
) : ( /* DEALS VIEW */

Acquisitions, IPOs & Bankruptcies

Every major deal in the photo industry

{/* Header */}
Year
Deal
Type
Value
{DEALS.map((d, i) => { const typeColors = { Acq: "#2471A3", IPO: "#27AE60", BK: "#C0392B", PE: "#8E44AD" }; return (
{d.year}
{d.what}
{d.type}
{d.value}
); })}
{/* Summary callout */}
THE ARC

In 2005, Yahoo bought the pioneering photo community for ~$30 million. In 2012, Facebook bought its spiritual successor for $1 billion — a 33× multiple in seven years. By 2019, the surviving print services consolidated at $3 billion. Every valuation on this list is a measure of how far along the scarcity-to-abundance curve the market had traveled.

)}
); }