Batch 1

src/app/batch-1/hosts.tsx

@@ -0,0 +1,87 @@
+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.
+      </>
+    )
+  },
+  {
+    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>
+        .
+      </>
+    )
+  },
+  {
+    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>
+        .
+      </>
+    )
+  },
+  {
+    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.
+      </>
+    )
+  }
+]

src/app/batch-1/mentors.tsx

@@ -0,0 +1,81 @@
+import Link from 'next/link'
+
+import type { Person } from '@/components/people-grid'
+import AyushSoni from '@/public/people/ayush-soni.jpg'
+import DavidZhang from '@/public/people/dzhng.jpg'
+import StevePeak from '@/public/people/steve-peak.jpg'
+import TiboMaker from '@/public/people/tibo-maker.jpg'
+
+export const mentors: Person[] = [
+  {
+    name: 'Tibo Maker',
+    image: TiboMaker,
+    url: 'https://x.com/tibo_maker',
+    twitter: 'https://x.com/tibo_maker',
+    github: 'https://github.com/tbll75',
+    linkedin: 'https://www.linkedin.com/in/tibo-the-maker/',
+    description: (
+      <>
+        Prolific portfolio of bootstrapped products; over $8M ARR; &gt;180k
+        followers on X. From France.
+      </>
+    )
+  },
+  {
+    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. From 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. From Colorado.
+      </>
+    )
+  },
+  {
+    name: 'Ayush Soni',
+    image: AyushSoni,
+    url: 'https://x.com/ayysoni',
+    twitter: 'https://x.com/ayysoni',
+    github: 'http://github.com/ayushsoni1001',
+    linkedin: 'https://www.linkedin.com/in/ayushsoni1001/',
+    description: (
+      <>
+        21yo with 5 exits. $450K+ ARR across multiple SaaS; top 100 Shopify app
+        builder in the world. From India.
+      </>
+    )
+  }
+]

src/app/batch-1/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 }
@@ -91,42 +96,50 @@ 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 1
-        </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'>
-            May 1st – 31st, 2026
-          </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 Batch 1
+          </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'>
+              May 1st – 31st, 2026
+            </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} />
 
-        <HeroButton heroVariant='red'>
-          <Link href='/'>stack.pop();</Link>
-        </HeroButton>
+        <PeopleGrid title='Mentors' people={mentors} />
 
-        <SponsorSection />
+        <PeopleGrid title='Hosts' people={hosts} />
 
-        <HeroButton heroVariant='red'>
-          <Link href='/'>stack.pop();</Link>
-        </HeroButton>
+        <SponsorSection>
+          <HeroButton heroVariant='red'>
+            <Link href='/'>stack.pop();</Link>
+          </HeroButton>
+        </SponsorSection>
       </section>
     </>
   )
 }
 
-function SponsorSection() {
+function SponsorSection({ children }: { children?: React.ReactNode }) {
   return (
-    <section className='relative flex flex-col gap-12 py-16 px-4'>
+    <section className='relative flex flex-col gap-12 px-4 w-full max-w-3xl '>
       <h2 className='text-center text-balance text-4xl font-semibold leading-normal max-w-3xl'>
         Sponsors
       </h2>
@@ -166,6 +179,8 @@ function SponsorSection() {
           alt='OpenAI'
         />
       </div>
+
+      {children}
     </section>
   )
 }