Feature/batchez

src/app/batch-0/hosts.tsx

@@ -0,0 +1,91 @@
+import Link from 'next/link'
+
+import { type Person } from '@/components/people-grid'
+import David from '@/public/people/david.jpg'
+import Phuc from '@/public/people/phuc.jpg'
+import Tony from '@/public/people/tony.jpg'
+import Travis from '@/public/people/travis.jpg'
+
+export const hosts: Person[] = [
+  {
+    name: 'Travis Fischer',
+    image: Travis,
+    url: 'https://x.com/transitive_bs',
+    twitter: 'https://x.com/transitive_bs',
+    github: 'https://github.com/transitive-bullshit',
+    linkedin: 'https://linkedin.com/in/fisch2',
+    description: (
+      <>
+        Founder of{' '}
+        <Link
+          href='https://github.com/transitive-bullshit/agentic'
+          target='_blank'
+          className='link'
+        >
+          Agentic
+        </Link>
+        . 2 exits. Prev{' '}
+        <Link href='https://hf0.com' target='_blank' className='link'>
+          HF0
+        </Link>
+        , Microsoft, and Amazon.
+      </>
+    ),
+    location: 'NY'
+  },
+  {
+    name: 'Tony Dinh',
+    image: Tony,
+    url: 'https://x.com/tdinh_me',
+    twitter: 'https://x.com/tdinh_me',
+    github: 'https://github.com/trungdq88',
+    linkedin: 'https://www.linkedin.com/in/tdinh-me/',
+    description: (
+      <>
+        Making over $2M ARR solo while building{' '}
+        <Link href='https://typingmind.com' target='_blank' className='link'>
+          typingmind.com
+        </Link>{' '}
+        and{' '}
+        <Link href='https://devutils.com' target='_blank' className='link'>
+          devutils.com
+        </Link>
+        .
+      </>
+    ),
+    location: 'Vietnam'
+  },
+  {
+    name: 'Minh-Phuc Tran',
+    image: Phuc,
+    url: 'https://x.com/phuctm97',
+    twitter: 'https://x.com/phuctm97',
+    github: 'https://github.com/phuctm97',
+    linkedin: 'https://www.linkedin.com/in/phuctm97/',
+    description: (
+      <>
+        Built 8 startups in 12 months • Sold 3/8 startups • Building{' '}
+        <Link href='https://vibingbase.com' target='_blank' className='link'>
+          vibingbase.com
+        </Link>
+        .
+      </>
+    ),
+    location: 'Vietnam'
+  },
+  {
+    name: 'David Park',
+    image: David,
+    url: 'https://x.com/dayonefoundry',
+    twitter: 'https://x.com/dayonefoundry',
+    github: 'https://github.com/davidvypark',
+    linkedin: 'https://www.linkedin.com/in/david-park-69587844/',
+    description: (
+      <>
+        Built Raya & Kippo and then 120 other apps you&apos;ve never heard of
+        because they failed.
+      </>
+    ),
+    location: 'LA'
+  }
+]

src/app/batch-0/mentors.tsx

@@ -0,0 +1,91 @@
+import Link from 'next/link'
+
+import type { Person } from '@/components/people-grid'
+import AlexReibman from '@/public/people/alex-reibman.jpg'
+import DanielNguyen from '@/public/people/daniel-nguyen.jpg'
+import DavidZhang from '@/public/people/dzhng.jpg'
+import StevePeak from '@/public/people/steve-peak.jpg'
+
+export const mentors: Person[] = [
+  {
+    name: 'David Zhang',
+    image: DavidZhang,
+    url: 'https://x.com/dzhng',
+    twitter: 'https://x.com/dzhng',
+    github: 'https://github.com/dzhng',
+    linkedin: 'https://www.linkedin.com/in/david-zhang-2902462a/',
+    description: (
+      <>
+        Prev company,{' '}
+        <Link
+          href='https://www.amitysolutions.com'
+          target='_blank'
+          className='link'
+        >
+          Amity
+        </Link>
+        , is worth &gt;$500M. Raised $4M for{' '}
+        <Link href='https://duet.so/' target='_blank' className='link'>
+          Duet
+        </Link>
+        . World-class AI eng &amp; serial founder.
+      </>
+    ),
+    location: 'SF'
+  },
+  {
+    name: 'Steve Peak',
+    image: StevePeak,
+    url: 'https://x.com/iopeak',
+    twitter: 'https://x.com/iopeak',
+    github: 'https://github.com/stevepeak',
+    linkedin: 'https://www.linkedin.com/in/stevepeak23/',
+    description: (
+      <>
+        Formerly built &amp; sold{' '}
+        <Link href='https://about.codecov.io' target='_blank' className='link'>
+          codecov.io
+        </Link>{' '}
+        to Sentry as a solo founder for $10M. World-class AI eng &amp; serial
+        founder.
+      </>
+    ),
+    location: 'Colorado'
+  },
+  {
+    name: 'Daniel Nguyen',
+    image: DanielNguyen,
+    url: 'https://x.com/daniel_nguyenx',
+    twitter: 'https://x.com/daniel_nguyenx',
+    description: (
+      <>
+        Rockstar Vietnamese indie hacker. Founder of{' '}
+        <Link href='https://boltai.com' target='_blank' className='link'>
+          BoltAI
+        </Link>
+        , the best AI app for Mac.
+      </>
+    ),
+    location: 'Vietnam'
+  },
+  {
+    name: 'Alex Reibman',
+    image: AlexReibman,
+    url: 'https://x.com/AlexReibman',
+    twitter: 'https://x.com/AlexReibman',
+    description: (
+      <>
+        Serial venture-backed founder &amp; AI eng; formerly co-founder of{' '}
+        <Link href='https://www.agentops.ai/' target='_blank' className='link'>
+          AgentOps
+        </Link>
+        ; now investing via{' '}
+        <Link href='https://agentfund.com/' target='_blank' className='link'>
+          Agent Fund
+        </Link>{' '}
+        and building AI experiments.
+      </>
+    ),
+    location: 'SF'
+  }
+]

src/app/batch-0/page.tsx

@@ -4,10 +4,15 @@ import Link from 'next/link'
 
 import { Card } from '@/components/card'
 import { HeroButton } from '@/components/hero-button'
+import { PeopleGrid } from '@/components/people-grid'
 import { Sponsor } from '@/components/sponsor'
 import { AnimatedGradientBackground } from '@/components/ui/animated-gradient-background'
 import { WorldMap } from '@/components/ui/world-map'
 
+import { hosts } from './hosts'
+import { mentors } from './mentors'
+import { residents } from './residents'
+
 const dots: Array<{
   start: { lat: number; lng: number; label?: string }
   end: { lat: number; lng: number; label?: string }
@@ -84,28 +89,36 @@ export default function Batch0Page() {
     <>
       <AnimatedGradientBackground />
 
-      <section className='relative z-10 w-full flex flex-col gap-8 max-w-3xl flex-1 justify-center '>
-        <h2 className='text-center text-balance font-semibold text-3xl font-heading'>
-          HRG Batch 0
-        </h2>
-
-        <div className='flex flex-col gap-2'>
-          <p className='text-center text-pretty text-md leading-normal'>
-            Da Nang, Vietnam
-          </p>
-
-          <p className='text-center text-pretty text-sm italic leading-normal'>
-            November 1st – 30th, 2025
-          </p>
+      <section className='relative z-10 w-full flex flex-col gap-16 flex-1 justify-center '>
+        <div className='flex flex-col w-full gap-8 max-w-3xl justify-center'>
+          <h2 className='text-center text-balance font-semibold text-3xl font-heading'>
+            HRG Fall 2025
+          </h2>
+
+          <div className='flex flex-col gap-2'>
+            <p className='text-center text-pretty text-md leading-normal'>
+              Da Nang, Vietnam
+            </p>
+
+            <p className='text-center text-pretty text-sm italic leading-normal'>
+              November 1st – 30th, 2025
+            </p>
+          </div>
+
+          <Card className='w-full'>
+            <WorldMap dots={dots} />
+          </Card>
+
+          <HeroButton heroVariant='red' className='self-center'>
+            <Link href='/'>stack.pop();</Link>
+          </HeroButton>
         </div>
 
-        <Card className='w-full'>
-          <WorldMap dots={dots} />
-        </Card>
+        <PeopleGrid title='Residents' people={residents} />
+
+        <PeopleGrid title='Mentors' people={mentors} />
 
-        <HeroButton heroVariant='red'>
-          <Link href='/'>stack.pop();</Link>
-        </HeroButton>
+        <PeopleGrid title='Hosts' people={hosts} />
 
         <SponsorSection />
       </section>