diff --git a/apps/marketing/content/people/avi.mdx b/apps/marketing/content/people/avi.mdx
index dcef90f18a2..1f63103c4b7 100644
--- a/apps/marketing/content/people/avi.mdx
+++ b/apps/marketing/content/people/avi.mdx
@@ -1,6 +1,7 @@
 ---
 name: Avi Peltz
 role: Cofounder
+bio: Ex-CTO at <a href="https://adam.new" target="_blank" rel="noopener noreferrer">Adam</a> (YC W25). Previously founded <a href="https://bioglyph.app" target="_blank" rel="noopener noreferrer">BioGlyph</a>, computer vision research. Builds robots.
 avatar: /team/avi.jpg
 twitter: avimakesrobots
 github: avipeltz
diff --git a/apps/marketing/content/people/kiet.mdx b/apps/marketing/content/people/kiet.mdx
index 692c733a1d0..b9aa038b1c4 100644
--- a/apps/marketing/content/people/kiet.mdx
+++ b/apps/marketing/content/people/kiet.mdx
@@ -1,6 +1,7 @@
 ---
 name: Kiet Ho
 role: Cofounder
+bio: Ex-CTO at <a href="https://onlook.com" target="_blank" rel="noopener noreferrer">Onlook</a> (YC W25). Previously at <a href="https://amazon.com" target="_blank" rel="noopener noreferrer">Amazon</a> and <a href="https://servicenow.com" target="_blank" rel="noopener noreferrer">ServiceNow</a>. Trains fighting.
 avatar: /team/kiet.jpg
 twitter: kietho_
 github: kietho
diff --git a/apps/marketing/content/people/satya.mdx b/apps/marketing/content/people/satya.mdx
index 84cb3592e8c..762e27f5a9e 100644
--- a/apps/marketing/content/people/satya.mdx
+++ b/apps/marketing/content/people/satya.mdx
@@ -1,7 +1,8 @@
 ---
 name: Satya Patel
 role: Cofounder
-avatar: /team/satya.webp
+bio: Ex-CTO at <a href="https://www.untetherlabs.com" target="_blank" rel="noopener noreferrer">Untether Labs</a> (YC W23). Previously at <a href="https://scribehow.com" target="_blank" rel="noopener noreferrer">Scribe</a>, <a href="https://google.com" target="_blank" rel="noopener noreferrer">Google</a>, <a href="https://amazon.com" target="_blank" rel="noopener noreferrer">Amazon</a>, and <a href="https://meta.com" target="_blank" rel="noopener noreferrer">Facebook</a>. Lifts heavy.
+avatar: /team/satya.jpeg
 twitter: saddle_paddle
 github: saddlepaddle
 linkedin: saddlepaddle
diff --git a/apps/marketing/next.config.ts b/apps/marketing/next.config.ts
index 12025d8b7ef..1a43b1aa439 100644
--- a/apps/marketing/next.config.ts
+++ b/apps/marketing/next.config.ts
@@ -51,6 +51,11 @@ const config: NextConfig = {
 		const docsUrl =
 			process.env.NEXT_PUBLIC_DOCS_URL || "https://docs.superset.sh";
 		return [
+			{
+				source: "/about",
+				destination: "/team",
+				permanent: true,
+			},
 			{
 				source: "/docs/:path*",
 				destination: `${docsUrl}/:path*`,
diff --git a/apps/marketing/public/team/avi.jpg b/apps/marketing/public/team/avi.jpg
index da475f589fd..6fc483a5276 100644
Binary files a/apps/marketing/public/team/avi.jpg and b/apps/marketing/public/team/avi.jpg differ
diff --git a/apps/marketing/public/team/satya.jpeg b/apps/marketing/public/team/satya.jpeg
new file mode 100644
index 00000000000..7c86f83a7b2
Binary files /dev/null and b/apps/marketing/public/team/satya.jpeg differ
diff --git a/apps/marketing/src/app/components/Footer/Footer.tsx b/apps/marketing/src/app/components/Footer/Footer.tsx
index 61765944821..077f651fb00 100644
--- a/apps/marketing/src/app/components/Footer/Footer.tsx
+++ b/apps/marketing/src/app/components/Footer/Footer.tsx
@@ -51,6 +51,12 @@ export function Footer() {
 							>
 								Docs
 							</a>
+							<Link
+								href="/team"
+								className="text-muted-foreground hover:text-foreground transition-colors"
+							>
+								About
+							</Link>
 							<Link
 								href="/privacy"
 								className="text-muted-foreground hover:text-foreground transition-colors"
diff --git a/apps/marketing/src/app/components/Header/Header.tsx b/apps/marketing/src/app/components/Header/Header.tsx
index e3296ecd2ec..82f94ac5691 100644
--- a/apps/marketing/src/app/components/Header/Header.tsx
+++ b/apps/marketing/src/app/components/Header/Header.tsx
@@ -28,6 +28,7 @@ const NAV_LINKS = [
 	{ href: COMPANY.DOCS_URL, label: "Docs", external: true },
 	{ href: "/changelog", label: "Changelog", external: false },
 	{ href: "/blog", label: "Blog", external: false },
+	{ href: "/team", label: "About", external: false },
 	{ href: "/community", label: "Community", external: false },
 ];
 
diff --git a/apps/marketing/src/app/layout.tsx b/apps/marketing/src/app/layout.tsx
index 6b72d72a707..34f2d835411 100644
--- a/apps/marketing/src/app/layout.tsx
+++ b/apps/marketing/src/app/layout.tsx
@@ -1,6 +1,6 @@
 import { COMPANY } from "@superset/shared/constants";
 import type { Metadata } from "next";
-import { IBM_Plex_Mono, Inter } from "next/font/google";
+import { IBM_Plex_Mono, Inter, Micro_5 } from "next/font/google";
 import Script from "next/script";
 import { CookieConsent } from "@/components/CookieConsent";
 import {
@@ -30,6 +30,13 @@ const inter = Inter({
 	display: "swap",
 });
 
+const micro5 = Micro_5({
+	weight: "400",
+	subsets: ["latin"],
+	variable: "--font-micro5",
+	display: "swap",
+});
+
 const siteDescription =
 	"Run 10+ parallel coding agents on your machine. Spin up new coding tasks while waiting for your current agent to finish. Quickly switch between tasks as they need your attention.";
 
@@ -107,7 +114,7 @@ export default function RootLayout({
 	return (
 		<html
 			lang="en"
-			className={`dark overscroll-none ${ibmPlexMono.variable} ${inter.variable}`}
+			className={`dark overscroll-none ${ibmPlexMono.variable} ${inter.variable} ${micro5.variable}`}
 			suppressHydrationWarning
 		>
 			<head>
diff --git a/apps/marketing/src/app/sitemap.ts b/apps/marketing/src/app/sitemap.ts
index 57bf9fecca7..b97ea463ec2 100644
--- a/apps/marketing/src/app/sitemap.ts
+++ b/apps/marketing/src/app/sitemap.ts
@@ -2,6 +2,7 @@ import { COMPANY } from "@superset/shared/constants";
 import type { MetadataRoute } from "next";
 import { getBlogPosts } from "@/lib/blog";
 import { getChangelogEntries } from "@/lib/changelog";
+import { getAllPeople } from "@/lib/people";
 import { getComparisonPages } from "@/lib/compare";
 
 export default function sitemap(): MetadataRoute.Sitemap {
@@ -26,6 +27,12 @@ export default function sitemap(): MetadataRoute.Sitemap {
 			changeFrequency: "weekly",
 			priority: 0.9,
 		},
+		{
+			url: `${baseUrl}/team`,
+			lastModified: new Date(),
+			changeFrequency: "monthly",
+			priority: 0.8,
+		},
 		{
 			url: `${baseUrl}/community`,
 			lastModified: new Date(),
@@ -64,6 +71,14 @@ export default function sitemap(): MetadataRoute.Sitemap {
 		}),
 	);
 
+	const people = getAllPeople();
+	const teamPages: MetadataRoute.Sitemap = people.map((person) => ({
+		url: `${baseUrl}/team/${person.id}`,
+		lastModified: new Date(),
+		changeFrequency: "monthly" as const,
+		priority: 0.7,
+	}));
+
 	const comparisonPages: MetadataRoute.Sitemap = getComparisonPages().map(
 		(page) => ({
 			url: `${baseUrl}/compare/${page.slug}`,
@@ -73,5 +88,5 @@ export default function sitemap(): MetadataRoute.Sitemap {
 		}),
 	);
 
-	return [...staticPages, ...blogPages, ...changelogPages, ...comparisonPages];
+	return [...staticPages, ...blogPages, ...changelogPages, ...teamPages, ...comparisonPages];
 }
diff --git a/apps/marketing/src/app/team/[id]/page.tsx b/apps/marketing/src/app/team/[id]/page.tsx
new file mode 100644
index 00000000000..6041b4d757a
--- /dev/null
+++ b/apps/marketing/src/app/team/[id]/page.tsx
@@ -0,0 +1,331 @@
+import { COMPANY } from "@superset/shared/constants";
+import { ArrowLeft } from "lucide-react";
+import type { Metadata } from "next";
+import Image from "next/image";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import { MDXRemote } from "next-mdx-remote/rsc";
+import {
+	RiGithubFill,
+	RiLinkedinBoxFill,
+	RiTwitterXFill,
+} from "react-icons/ri";
+import { GridCross } from "@/app/blog/components/GridCross";
+import { mdxComponents } from "@/app/blog/components/mdx-components";
+import { BreadcrumbJsonLd } from "@/components/JsonLd";
+import { getAllPeople, getPersonById } from "@/lib/people";
+
+interface PageProps {
+	params: Promise<{ id: string }>;
+}
+
+function PersonJsonLd({
+	person,
+	url,
+}: {
+	person: {
+		name: string;
+		role: string;
+		avatar?: string;
+		twitter?: string;
+		github?: string;
+		linkedin?: string;
+	};
+	url: string;
+}) {
+	const sameAs: string[] = [];
+	if (person.twitter) sameAs.push(`https://x.com/${person.twitter}`);
+	if (person.github) sameAs.push(`https://github.com/${person.github}`);
+	if (person.linkedin)
+		sameAs.push(`https://linkedin.com/in/${person.linkedin}`);
+
+	const schema = {
+		"@context": "https://schema.org",
+		"@type": "Person",
+		name: person.name,
+		jobTitle: person.role,
+		url,
+		worksFor: {
+			"@type": "Organization",
+			name: COMPANY.NAME,
+			url: COMPANY.MARKETING_URL,
+		},
+		...(person.avatar && {
+			image: `${COMPANY.MARKETING_URL}${person.avatar}`,
+		}),
+		...(sameAs.length > 0 && { sameAs }),
+	};
+
+	return (
+		<script
+			type="application/ld+json"
+			// biome-ignore lint/security/noDangerouslySetInnerHtml: Safe for JSON-LD structured data
+			dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
+		/>
+	);
+}
+
+export default async function TeamMemberPage({ params }: PageProps) {
+	const { id } = await params;
+	const person = getPersonById(id);
+
+	if (!person) {
+		notFound();
+	}
+
+	const allPeople = getAllPeople();
+	const otherMembers = allPeople.filter((p) => p.id !== id);
+	const url = `${COMPANY.MARKETING_URL}/team/${id}`;
+	const hasContent = person.content.trim().length > 0;
+
+	const initials = person.name
+		.split(" ")
+		.map((n) => n[0])
+		.join("")
+		.toUpperCase()
+		.slice(0, 2);
+
+	return (
+		<main>
+			<PersonJsonLd person={person} url={url} />
+			<BreadcrumbJsonLd
+				items={[
+					{ name: "Home", url: COMPANY.MARKETING_URL },
+					{ name: "About", url: `${COMPANY.MARKETING_URL}/team` },
+					{ name: person.name, url },
+				]}
+			/>
+
+			<article className="relative min-h-screen">
+				{/* Vertical guide lines */}
+				<div
+					className="absolute inset-0 pointer-events-none"
+					style={{
+						backgroundImage: `
+							linear-gradient(to right, transparent 0%, transparent calc(50% - 384px), rgba(255,255,255,0.06) calc(50% - 384px), rgba(255,255,255,0.06) calc(50% - 383px), transparent calc(50% - 383px), transparent calc(50% + 383px), rgba(255,255,255,0.06) calc(50% + 383px), rgba(255,255,255,0.06) calc(50% + 384px), transparent calc(50% + 384px))
+						`,
+					}}
+				/>
+
+				{/* Hero header */}
+				<header className="relative border-b border-border">
+					<div className="max-w-3xl mx-auto px-6 pt-16 pb-10 md:pt-20 md:pb-12">
+						<GridCross className="top-0 left-0" />
+						<GridCross className="top-0 right-0" />
+
+						<div className="text-center">
+							<span className="text-sm font-mono text-muted-foreground uppercase tracking-wider">
+								{person.role}
+							</span>
+
+							{/* Avatar */}
+							<div className="flex justify-center mt-6 mb-4">
+								{person.avatar ? (
+									<div className="size-24 md:size-28 relative rounded-full overflow-hidden">
+										<Image
+											src={person.avatar}
+											alt={person.name}
+											fill
+											className="object-cover"
+											sizes="112px"
+											priority
+										/>
+									</div>
+								) : (
+									<div className="size-24 md:size-28 rounded-full bg-muted flex items-center justify-center text-xl font-medium text-foreground/70">
+										{initials}
+									</div>
+								)}
+							</div>
+
+							<h1 className="text-3xl md:text-4xl lg:text-5xl font-medium tracking-tight text-foreground mb-4">
+								{person.name}
+							</h1>
+
+							{person.bio && (
+								<p
+									className="text-base md:text-lg text-muted-foreground max-w-2xl mx-auto mb-6 [&_a]:text-muted-foreground [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:text-foreground"
+									dangerouslySetInnerHTML={{ __html: person.bio }}
+								/>
+							)}
+
+							{/* Social links */}
+							<div className="flex items-center justify-center gap-3">
+								{person.twitter && (
+									<a
+										href={`https://x.com/${person.twitter}`}
+										target="_blank"
+										rel="noopener noreferrer"
+										className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors border border-border px-3 py-1.5"
+									>
+										<RiTwitterXFill className="size-3.5" />
+										<span>@{person.twitter}</span>
+									</a>
+								)}
+								{person.github && (
+									<a
+										href={`https://github.com/${person.github}`}
+										target="_blank"
+										rel="noopener noreferrer"
+										className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors border border-border px-3 py-1.5"
+									>
+										<RiGithubFill className="size-3.5" />
+										<span>{person.github}</span>
+									</a>
+								)}
+								{person.linkedin && (
+									<a
+										href={`https://linkedin.com/in/${person.linkedin}`}
+										target="_blank"
+										rel="noopener noreferrer"
+										className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors border border-border px-3 py-1.5"
+									>
+										<RiLinkedinBoxFill className="size-3.5" />
+										<span>LinkedIn</span>
+									</a>
+								)}
+							</div>
+						</div>
+					</div>
+
+					{/* Bottom crosses */}
+					<div className="max-w-3xl mx-auto px-6 relative">
+						<GridCross className="bottom-0 left-0" />
+						<GridCross className="bottom-0 right-0" />
+					</div>
+				</header>
+
+				{/* Back link section */}
+				<div className="relative border-b border-border">
+					<div className="max-w-3xl mx-auto px-6 py-4">
+						<Link
+							href="/team"
+							className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors"
+						>
+							<ArrowLeft className="h-4 w-4" />
+							Back to About
+						</Link>
+					</div>
+				</div>
+
+				{/* MDX Content */}
+				{hasContent && (
+					<div className="relative max-w-3xl mx-auto px-6 py-12">
+						<div className="prose max-w-none">
+							<MDXRemote source={person.content} components={mdxComponents} />
+						</div>
+					</div>
+				)}
+
+				{/* Other team members */}
+				{otherMembers.length > 0 && (
+					<section className="relative border-t border-border">
+						<div className="max-w-3xl mx-auto px-6 py-12">
+							<h2 className="text-xl font-medium text-foreground mb-6">
+								Other Team Members
+							</h2>
+							<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+								{otherMembers.map((member) => (
+									<Link
+										key={member.id}
+										href={`/team/${member.id}`}
+										className="flex items-center gap-3 border border-border p-4 transition-all hover:bg-muted/50 hover:border-foreground/20"
+									>
+										{member.avatar ? (
+											<div className="size-10 relative rounded-full overflow-hidden flex-shrink-0">
+												<Image
+													src={member.avatar}
+													alt={member.name}
+													fill
+													className="object-cover"
+													sizes="40px"
+												/>
+											</div>
+										) : (
+											<div className="size-10 rounded-full bg-muted flex items-center justify-center text-xs font-medium text-foreground/70 flex-shrink-0">
+												{member.name
+													.split(" ")
+													.map((n) => n[0])
+													.join("")
+													.toUpperCase()
+													.slice(0, 2)}
+											</div>
+										)}
+										<div>
+											<span className="text-sm font-medium text-foreground">
+												{member.name}
+											</span>
+											<span className="block text-xs font-mono text-muted-foreground uppercase tracking-wider">
+												{member.role}
+											</span>
+										</div>
+									</Link>
+								))}
+							</div>
+						</div>
+					</section>
+				)}
+
+				{/* Footer */}
+				<footer className="relative border-t border-border">
+					<div className="max-w-3xl mx-auto px-6 relative">
+						<GridCross className="top-0 left-0" />
+						<GridCross className="top-0 right-0" />
+					</div>
+					<div className="max-w-3xl mx-auto px-6 py-10">
+						<Link
+							href="/team"
+							className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors"
+						>
+							<ArrowLeft className="h-4 w-4" />
+							All team members
+						</Link>
+					</div>
+				</footer>
+			</article>
+		</main>
+	);
+}
+
+export function generateStaticParams() {
+	return getAllPeople().map((person) => ({ id: person.id }));
+}
+
+export async function generateMetadata({
+	params,
+}: PageProps): Promise<Metadata> {
+	const { id } = await params;
+	const person = getPersonById(id);
+
+	if (!person) {
+		return {};
+	}
+
+	const url = `${COMPANY.MARKETING_URL}/team/${id}`;
+
+	return {
+		title: `${person.name} — ${person.role}`,
+		description: person.bio ?? `${person.name}, ${person.role} at Superset`,
+		alternates: {
+			canonical: url,
+		},
+		openGraph: {
+			title: `${person.name} — ${person.role} at Superset`,
+			description: person.bio ?? `${person.name}, ${person.role} at Superset`,
+			type: "profile",
+			url,
+			siteName: COMPANY.NAME,
+			...(person.avatar && {
+				images: [`${COMPANY.MARKETING_URL}${person.avatar}`],
+			}),
+		},
+		twitter: {
+			card: "summary",
+			title: `${person.name} — ${person.role} at Superset`,
+			description: person.bio ?? `${person.name}, ${person.role} at Superset`,
+			...(person.avatar && {
+				images: [`${COMPANY.MARKETING_URL}${person.avatar}`],
+			}),
+		},
+	};
+}
diff --git a/apps/marketing/src/app/team/components/TeamMemberCard/TeamMemberCard.tsx b/apps/marketing/src/app/team/components/TeamMemberCard/TeamMemberCard.tsx
new file mode 100644
index 00000000000..016a4dde535
--- /dev/null
+++ b/apps/marketing/src/app/team/components/TeamMemberCard/TeamMemberCard.tsx
@@ -0,0 +1,71 @@
+import Image from "next/image";
+import Link from "next/link";
+import {
+	RiGithubFill,
+	RiLinkedinBoxFill,
+	RiTwitterXFill,
+} from "react-icons/ri";
+import type { Person } from "@/lib/people";
+
+interface TeamMemberCardProps {
+	person: Person;
+}
+
+export function TeamMemberCard({ person }: TeamMemberCardProps) {
+	const initials = person.name
+		.split(" ")
+		.map((n) => n[0])
+		.join("")
+		.toUpperCase()
+		.slice(0, 2);
+
+	return (
+		<Link href={`/team/${person.id}`} className="block group">
+			<article className="flex flex-col border border-border bg-background p-6 transition-all hover:bg-muted/50 hover:border-foreground/20">
+				<div className="flex items-center gap-4 mb-4">
+					{person.avatar ? (
+						<div className="size-12 relative rounded-full overflow-hidden flex-shrink-0">
+							<Image
+								src={person.avatar}
+								alt={person.name}
+								fill
+								className="object-cover"
+								sizes="48px"
+							/>
+						</div>
+					) : (
+						<div className="size-12 rounded-full bg-muted flex items-center justify-center font-medium text-foreground/70 flex-shrink-0">
+							{initials}
+						</div>
+					)}
+					<div>
+						<h2 className="text-base font-medium text-foreground group-hover:text-foreground/90">
+							{person.name}
+						</h2>
+						<span className="text-xs font-mono text-muted-foreground uppercase tracking-wider">
+							{person.role}
+						</span>
+					</div>
+				</div>
+
+				{person.bio && (
+					<p className="text-sm text-muted-foreground leading-relaxed mb-4">
+						{person.bio}
+					</p>
+				)}
+
+				<div className="flex items-center gap-3 mt-auto">
+					{person.twitter && (
+						<RiTwitterXFill className="size-3.5 text-muted-foreground/60" />
+					)}
+					{person.github && (
+						<RiGithubFill className="size-3.5 text-muted-foreground/60" />
+					)}
+					{person.linkedin && (
+						<RiLinkedinBoxFill className="size-3.5 text-muted-foreground/60" />
+					)}
+				</div>
+			</article>
+		</Link>
+	);
+}
diff --git a/apps/marketing/src/app/team/components/TeamMemberCard/index.ts b/apps/marketing/src/app/team/components/TeamMemberCard/index.ts
new file mode 100644
index 00000000000..93391fcb53d
--- /dev/null
+++ b/apps/marketing/src/app/team/components/TeamMemberCard/index.ts
@@ -0,0 +1 @@
+export { TeamMemberCard } from "./TeamMemberCard";
diff --git a/apps/marketing/src/app/team/page.tsx b/apps/marketing/src/app/team/page.tsx
new file mode 100644
index 00000000000..85bc22f696b
--- /dev/null
+++ b/apps/marketing/src/app/team/page.tsx
@@ -0,0 +1,170 @@
+import { COMPANY } from "@superset/shared/constants";
+import type { Metadata } from "next";
+import Image from "next/image";
+import Link from "next/link";
+import { ArrowRight } from "lucide-react";
+import {
+	RiGithubFill,
+	RiLinkedinBoxFill,
+	RiTwitterXFill,
+} from "react-icons/ri";
+import { getAllPeople } from "@/lib/people";
+
+export const metadata: Metadata = {
+	title: "About",
+	description:
+		"Meet the team behind Superset — building parallel coding agents for developers.",
+	alternates: {
+		canonical: "/team",
+	},
+	openGraph: {
+		title: "About | Superset",
+		description:
+			"Meet the team behind Superset — building parallel coding agents for developers.",
+		url: "/team",
+		images: ["/opengraph-image"],
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: "About | Superset",
+		description:
+			"Meet the team behind Superset — building parallel coding agents for developers.",
+		images: ["/opengraph-image"],
+	},
+};
+
+export default function TeamPage() {
+	const people = getAllPeople();
+
+	return (
+		<main className="relative min-h-screen bg-background">
+			<div className="max-w-5xl mx-auto px-6 py-24 md:py-32">
+				{/* Header Section */}
+				<section className="mb-20 md:mb-28">
+					<h1 className="text-4xl sm:text-5xl md:text-6xl font-normal text-foreground mb-8">
+						Meet the{" "}
+						<span
+							className="text-5xl sm:text-6xl md:text-7xl lg:text-8xl ml-2 font-light tracking-wide"
+							style={{ fontFamily: "var(--font-micro5)" }}
+						>
+							FOUNDERS
+						</span>
+					</h1>
+
+					<p className="text-lg md:text-xl text-muted-foreground leading-relaxed max-w-xl mb-8">
+					Superset is built by a team of 3 ex YC CTOs. We want to create the best team that has fun working together.
+					<br/>
+					Success will be a lagging indicator.
+					</p>
+
+					<Link
+						href="/blog"
+						className="inline-flex items-center gap-2 text-foreground hover:text-foreground/80 transition-colors group"
+					>
+						Read more on our blog
+						<ArrowRight className="size-4 transition-transform group-hover:translate-x-1" />
+					</Link>
+				</section>
+
+				{/* Founders Grid */}
+				<section>
+					{people.length === 0 ? (
+						<p className="text-muted-foreground">No team members yet.</p>
+					) : (
+						<div className="grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-16">
+							{people.map((person) => {
+								const initials = person.name
+									.split(" ")
+									.map((n) => n[0])
+									.join("")
+									.toUpperCase()
+									.slice(0, 2);
+
+								return (
+									<article
+										key={person.id}
+										className="flex items-start gap-6"
+									>
+										{/* Circular Photo */}
+										<Link
+											href={`/team/${person.id}`}
+											className="flex-shrink-0"
+										>
+											<div className="relative size-28 md:size-32 rounded-full overflow-hidden bg-muted grayscale hover:grayscale-0 transition-all duration-300">
+												{person.avatar ? (
+													<Image
+														src={person.avatar}
+														alt={person.name}
+														fill
+														className="object-cover"
+														sizes="128px"
+													/>
+												) : (
+													<div className="absolute inset-0 flex items-center justify-center text-2xl font-medium text-foreground/30">
+														{initials}
+													</div>
+												)}
+											</div>
+										</Link>
+
+										{/* Info */}
+										<div className="flex-1 min-w-0 pt-2">
+											<Link href={`/team/${person.id}`}>
+												<h2 className="text-xl font-medium text-foreground hover:text-foreground/80 transition-colors">
+													{person.name}
+												</h2>
+											</Link>
+											<p className="text-sm text-muted-foreground mt-1">
+												{person.role}
+											</p>
+											{person.bio && (
+												<p
+													className="text-sm text-muted-foreground leading-relaxed mt-3 [&_a]:text-muted-foreground [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:text-foreground"
+													dangerouslySetInnerHTML={{ __html: person.bio }}
+												/>
+											)}
+
+											{/* Social Links */}
+											<div className="flex items-center gap-4 mt-4">
+												{person.github && (
+													<a
+														href={`https://github.com/${person.github}`}
+														target="_blank"
+														rel="noopener noreferrer"
+														className="text-muted-foreground hover:text-foreground transition-colors"
+													>
+														<RiGithubFill className="size-5" />
+													</a>
+												)}
+												{person.linkedin && (
+													<a
+														href={`https://linkedin.com/in/${person.linkedin}`}
+														target="_blank"
+														rel="noopener noreferrer"
+														className="text-muted-foreground hover:text-foreground transition-colors"
+													>
+														<RiLinkedinBoxFill className="size-5" />
+													</a>
+												)}
+												{person.twitter && (
+													<a
+														href={`https://twitter.com/${person.twitter}`}
+														target="_blank"
+														rel="noopener noreferrer"
+														className="text-muted-foreground hover:text-foreground transition-colors"
+													>
+														<RiTwitterXFill className="size-5" />
+													</a>
+												)}
+											</div>
+										</div>
+									</article>
+								);
+							})}
+						</div>
+					)}
+				</section>
+			</div>
+		</main>
+	);
+}