BuildCanada · xrendan · May 22, 2026 · May 21, 2026 · May 21, 2026 · May 21, 2026
diff --git a/next.config.ts b/next.config.ts
@@ -13,11 +13,6 @@ const nextConfig: NextConfig = {
         destination: "/builders/:slug",
         permanent: true,
       },
-      {
-        source: "/toronto",
-        destination: "/toronto/memos",
-        permanent: false,
-      },
     ];
   },
   async rewrites() {

diff --git a/public/assets/images/toronto/gardiner.jpg b/public/assets/images/toronto/gardiner.jpg
diff --git a/public/assets/images/toronto/hero.jpg b/public/assets/images/toronto/hero.jpg
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -267,6 +267,11 @@ html {
 @custom-variant cards (@media (min-width: 612px));
 @custom-variant wide (@media (min-width: 956px));
 
+html {
+  /* Sticky nav (top-[10px] + ~64px nav) + breathing room. */
+  scroll-padding-top: 90px;
+}
+
 body {
   background: var(--color-bg);
   color: var(--color-text);

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -4,6 +4,7 @@ import "./globals.css";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
 import ScrollToTop from "@/components/ScrollToTop";
+import ThemeShell from "@/components/ThemeShell";
 import { Toaster } from "sonner";
 import { SubscribeModal } from "@/components/subscribe";
 
@@ -63,13 +64,13 @@ export default function RootLayout({
         </>
       )}
       <body className="antialiased bg-[#E0E0E0] p-[10px]">
-        <div className="fixed top-0 left-0 right-0 h-[10px] bg-bg z-40" />
-        <div className="bg-bg border-x-2 border-b-2 border-border">
+        <ThemeShell>
+          <div className="fixed top-0 left-0 right-0 h-[10px] bg-bg z-40" />
           <ScrollToTop />
           <Navbar />
           <main>{children}</main>
           <Footer />
-        </div>
+        </ThemeShell>
         <Toaster position="bottom-right" />
         <SubscribeModal />
       </body>

diff --git a/src/app/toronto/about/page.tsx b/src/app/toronto/about/page.tsx
@@ -0,0 +1,230 @@
+import type { Metadata } from "next";
+import SectionLabel from "@/components/SectionLabel";
+import QuickLinks from "@/app/about/QuickLinks";
+import QnaBlock from "@/app/about/QnaBlock";
+
+export const metadata: Metadata = {
+  title: "About",
+  description:
+    "Build Canada - Toronto is a civic movement for a city that leads again — in ambition, in size, and in what a great city can be.",
+  alternates: { canonical: "/toronto/about" },
+  openGraph: {
+    title: "About | Build Canada - Toronto",
+    description:
+      "Build Canada - Toronto is a civic movement for a city that leads again.",
+    type: "website",
+  },
+};
+
+const quickLinks = [
+  { label: "Principles", href: "#principles" },
+  { label: "FAQs", href: "#faqs" },
+];
+
+const principles: { title: string; body: string }[] = [
+  {
+    title: "Toronto is Canada's launchpad.",
+    body: "Toronto should be where the country pilots its boldest ideas — the place national ambition takes shape first.",
+  },
+  {
+    title: "Growth drives opportunity.",
+    body: "Cities don't succeed by saying no. Growth brings energy, investment, and the scale needed to support jobs, housing, and infrastructure.",
+  },
+  {
+    title: "Toronto's future is urban.",
+    body: "We are a city — not a suburb — and we should plan, build, and govern like it. Density and walkability are features, not threats.",
+  },
+  {
+    title: "Talent belongs here.",
+    body: "Toronto should keep its best — and attract the world's best — by being a place where ambitious people can live, work, and raise families.",
+  },
+  {
+    title: "Cities are for people.",
+    body: "Toronto is the daily interface for millions of lives. It should feel like it was designed with them in mind: functional, beautiful, and human.",
+  },
+  {
+    title: "Courage over caution.",
+    body: "Toronto has been governed too cautiously for too long — risk-averse, slow-moving, and captured by the status quo. We need decisive leadership.",
+  },
+  {
+    title: "Make every dollar count.",
+    body: "We need to tax more efficiently and spend more effectively, focusing on outcomes that actually improve daily life.",
+  },
+];
+
+const faqs = [
+  {
+    id: "what-is-this",
+    question: "What is Build Canada — Toronto?",
+    answer:
+      "<p>Build Canada — Toronto is the first city project of Build Canada. It is a civic initiative focused on generating bold ideas that support Toronto's growth and prosperity.</p>",
+    order: 1,
+    active: true,
+  },
+  {
+    id: "how-funded",
+    question: "How is this funded?",
+    answer:
+      "<p>Build Canada — Toronto is supported through Build Canada's network of donors and volunteers.</p>",
+    order: 3,
+    active: true,
+  },
+  {
+    id: "what-activities",
+    question: "What sorts of activities are you doing?",
+    answer:
+      "<p>Our central activity is the release of frequent memos written by entrepreneurs, civic leaders, and policy thinkers. These memos focus on Toronto's biggest challenges — housing, governance, infrastructure, and economic competitiveness.</p>",
+    order: 4,
+    active: true,
+  },
+  {
+    id: "why",
+    question: "Why are you doing this?",
+    answer:
+      "<p>Toronto is Canada's largest city and economic engine. Its success is critical to the success of the country. Yet Toronto has struggled with gridlock, unaffordability, and political inertia. We think it can be much, much better.</p>",
+    order: 5,
+    active: true,
+  },
+  {
+    id: "partisan",
+    question: "Are you a partisan group?",
+    answer:
+      "<p>No. Like Build Canada, we are non-partisan. We focus on ideas, not parties.</p>",
+    order: 6,
+    active: true,
+  },
+  {
+    id: "lobby",
+    question: "Is this a lobby group?",
+    answer:
+      "<p>No. This is not a lobby group. It does not represent specific industries or special interests.</p>",
+    order: 7,
+    active: true,
+  },
+  {
+    id: "involved",
+    question: "How can I get involved?",
+    answer:
+      "<p>We welcome volunteers, entrepreneurs, and civic leaders who want to make a difference in Toronto. Email us at <a href=\"mailto:hi@buildcanada.com\">hi@buildcanada.com</a>.</p>",
+    order: 8,
+    active: true,
+  },
+  {
+    id: "stay-up-to-date",
+    question: "How can I stay up to date on your work?",
+    answer:
+      "<p>The best way to follow along is through this website and our social media accounts, as well as the Build Canada newsletter.</p>",
+    order: 9,
+    active: true,
+  },
+  {
+    id: "contact",
+    question: "How can I contact you?",
+    answer:
+      "<p>Email us at <a href=\"mailto:hi@buildcanada.com\">hi@buildcanada.com</a>, or connect with us on X, LinkedIn, Instagram, or BlueSky.</p>",
+    order: 10,
+    active: true,
+  },
+  {
+    id: "why-start",
+    question: "Why did you start this group?",
+    answer:
+      "<p>To champion bold ideas and innovative solutions that support Toronto's — and Canada's — long-term prosperity.</p>",
+    order: 11,
+    active: true,
+  },
+  {
+    id: "donate",
+    question: "Can I donate?",
+    answer:
+      "<p>Yes — please do! Donations directly fund our work to build a better Toronto. <a href=\"https://buy.stripe.com/3cI5kCdi8a2K2xY2bgdZ600\">Donate here</a>.</p>",
+    order: 12,
+    active: true,
+  },
+];
+
+function HeroSection() {
+  return (
+    <section className="px-6 sm:px-16 py-12 border-b border-border-light">
+      <div className="max-w-screen-2xl mx-auto grid grid-cols-1 md:grid-cols-2 md:gap-x-12 items-stretch">
+        <div className="md:pr-12 md:border-r md:border-border-light flex md:items-center">
+          <h1
+            className="type-display text-dark"
+            style={{ letterSpacing: "-0.126rem" }}
+          >
+            The Toronto we must build
+          </h1>
+        </div>
+        <div className="mt-6 md:mt-0">
+          <div className="type-body text-dark/70 space-y-4">
+            <p>
+              Toronto was never finished. It&rsquo;s still being built &mdash;
+              by people who arrive with ambition, raise families with hope,
+              and believe things can keep getting better. This city
+              isn&rsquo;t a museum piece. It&rsquo;s a living project. And
+              its best days are still ahead.
+            </p>
+            <p>
+              Housing is scarce. Transit is incomplete. Infrastructure lags
+              behind. City Hall still treats growth like a problem &mdash;
+              and too often, we cheer for mediocrity and call it progress.
+            </p>
+            <p>
+              We believe Toronto can be something greater: a magnet for
+              talent, a home for young families, a global hub of culture,
+              capital, and connection.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function PrinciplesSection() {
+  return (
+    <section
+      id="principles"
+      className="px-6 sm:px-16 py-12 border-b border-border-light"
+    >
+      <div className="max-w-screen-2xl mx-auto">
+        <SectionLabel as="h2">Our principles</SectionLabel>
+        <ol className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8 list-none">
+          {principles.map((p, i) => (
+            <li
+              key={p.title}
+              className="border-t border-border-light pt-6 grid grid-cols-[3rem_1fr] gap-4"
+            >
+              <span className="type-h3 text-accent leading-none">
+                {String(i + 1).padStart(2, "0")}
+              </span>
+              <div>
+                <h3 className="type-h3 text-dark mb-2">{p.title}</h3>
+                <p className="type-body text-dark/70">{p.body}</p>
+              </div>
+            </li>
+          ))}
+        </ol>
+        <div className="mt-12 max-w-[820px] type-body text-dark/80">
+          <p>
+            Build Canada — Toronto is a civic movement for those who want to see this
+            city lead again. Not just in ambition. Not just in size. But in
+            what a great city can be. Let&rsquo;s build the Toronto we know
+            is possible &mdash; the greatest and freest city on earth.
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default function TorontoAboutPage() {
+  return (
+    <div className="mx-[10px] my-[10px] border border-border-light bg-bg overflow-x-clip">
+      <HeroSection />
+      <QuickLinks links={quickLinks} />
+      <PrinciplesSection />
+      <QnaBlock items={faqs} />
+    </div>
+  );
+}
diff --git a/src/app/toronto/layout.tsx b/src/app/toronto/layout.tsx
@@ -2,8 +2,8 @@ import type { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: {
-    default: "🏗️ Toronto",
-    template: "%s | 🏗️ Toronto",
+    default: "Build Canada - Toronto",
+    template: "%s | Build Canada - Toronto",
   },
   description:
     "Memos and ideas for Toronto — a publication of Build Canada.",
@@ -14,5 +14,5 @@ export default function TorontoLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  return <div className="theme-toronto">{children}</div>;
+  return <div className="theme-toronto bg-bg">{children}</div>;
 }
diff --git a/src/app/toronto/memos/page.tsx b/src/app/toronto/memos/page.tsx
@@ -10,13 +10,13 @@ export const metadata: Metadata = {
     "Bold thinking for Toronto. Read policy memos and ideas worth building on.",
   alternates: { canonical: "/toronto/memos" },
   openGraph: {
-    title: "🏗️ Toronto — Memos",
+    title: "Memos | Build Canada - Toronto",
     description: "Bold thinking for Toronto.",
     type: "website",
   },
   twitter: {
     card: "summary_large_image",
-    title: "🏗️ Toronto — Memos",
+    title: "Memos | Build Canada - Toronto",
     description: "Bold thinking for Toronto.",
   },
 };
@@ -28,7 +28,7 @@ export default async function TorontoMemosPage() {
     <div className="mx-[10px] my-[10px] border border-border-light bg-bg">
       <section className="px-5 pt-[120px] pb-[100px] md:pt-[140px] md:pb-[120px] border-b border-border-light">
         <div className="max-w-[1080px] mx-auto">
-          <SectionLabel as="h2">🏗️ Toronto · Memos</SectionLabel>
+          <SectionLabel as="h2">Build Canada — Toronto · Memos</SectionLabel>
           <h1 className="type-display mt-4 mb-6 text-dark">
             Ideas for a Better Toronto
           </h1>