Skip to content

Commit 92dd62c

Browse files
Hilo-HiloHilo-Hilo
committed
Add Fall 2026 coffee chat links
1 parent 04204c1 commit 92dd62c

2 files changed

Lines changed: 46 additions & 20 deletions

File tree

‎src/components/RecruitmentBanner.tsx‎

Lines changed: 32 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ import { ArrowRight, Dna, X } from "lucide-react";
33
import { Link } from "react-router-dom";
44

55
const dismissalKey = "compbio-fall-2026-recruitment-dismissed";
6+
const coffeeChatLink =
7+
"https://docs.google.com/document/d/1ZGq3KV4MprEdPDUu8v7QO9AuGSpB2eEmsyVCCK9nLDU/edit?usp=sharing";
68
const useBrowserLayoutEffect =
79
typeof window === "undefined" ? useEffect : useLayoutEffect;
810

@@ -44,27 +46,42 @@ const RecruitmentBanner = () => {
4446
/>
4547

4648
<div className="mx-auto flex min-h-12 max-w-6xl items-center justify-center px-14 py-2.5 text-center sm:px-16">
47-
<div className="flex flex-col items-center justify-center gap-1.5 sm:flex-row sm:gap-3">
48-
<div className="flex items-center justify-center gap-2">
49+
<div className="flex w-full min-w-0 flex-col items-center justify-center gap-1.5 sm:flex-row sm:gap-3">
50+
<div className="flex min-w-0 items-center justify-center gap-2">
4951
<Dna className="h-4 w-4 shrink-0 text-label" aria-hidden="true" />
50-
<p className="text-[13px] leading-5 text-foreground">
52+
<p className="min-w-0 text-[13px] leading-5 text-foreground">
5153
<strong className="font-bold text-heading">
52-
We’re recruiting soon for Fall 2026.
54+
We are currently recruiting for Fall 2026.
5355
</strong>{" "}
54-
Sign up for updates and stay tuned.
56+
Sign up and schedule a coffee chat.
5557
</p>
5658
</div>
5759

58-
<Link
59-
to="/signup/"
60-
className="group inline-flex min-h-8 shrink-0 items-center gap-1.5 border-b border-heading/40 text-xs font-bold text-heading transition-colors hover:border-heading focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
61-
>
62-
sign up
63-
<ArrowRight
64-
className="h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5"
65-
aria-hidden="true"
66-
/>
67-
</Link>
60+
<div className="flex items-center gap-3">
61+
<Link
62+
to="/signup/"
63+
className="group inline-flex min-h-8 shrink-0 items-center gap-1.5 border-b border-heading/40 text-xs font-bold text-heading transition-colors hover:border-heading focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
64+
>
65+
sign up
66+
<ArrowRight
67+
className="h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5"
68+
aria-hidden="true"
69+
/>
70+
</Link>
71+
<a
72+
href={coffeeChatLink}
73+
target="_blank"
74+
rel="noopener noreferrer"
75+
className="group inline-flex min-h-8 shrink-0 items-center gap-1.5 border-b border-heading/40 text-xs font-bold text-heading transition-colors hover:border-heading focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
76+
>
77+
coffee chats
78+
<ArrowRight
79+
className="h-3.5 w-3.5 -rotate-45 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"
80+
aria-hidden="true"
81+
/>
82+
<span className="sr-only"> (opens in a new tab)</span>
83+
</a>
84+
</div>
6885
</div>
6986
</div>
7087

‎src/pages/SignUp.tsx‎

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@ import { publicAssetPath } from "@/lib/publicAsset";
88
const INTEREST_FORM = "https://forms.gle/EQmWP1JWzDzrFji79";
99
const NEWSLETTER_FORM = "https://forms.gle/qCxn93mfunF3Dtep7";
1010
const RECRUITMENT_POST = "https://www.instagram.com/p/DcUXakNy7cj/";
11+
const COFFEE_CHAT_LINK =
12+
"https://docs.google.com/document/d/1ZGq3KV4MprEdPDUu8v7QO9AuGSpB2eEmsyVCCK9nLDU/edit?usp=sharing";
1113

1214
const forms = [
1315
{
@@ -60,7 +62,7 @@ const SignUp = () => (
6062
/>
6163

6264
<section className="mx-auto max-w-6xl px-4 py-16 sm:px-6 md:py-20 lg:px-8">
63-
<div className="grid gap-4 lg:grid-cols-[1.15fr_0.85fr]">
65+
<div className="grid grid-cols-1 gap-4 lg:grid-cols-[1.15fr_0.85fr]">
6466
<article className="overflow-hidden rounded border border-border bg-card lg:col-span-2">
6567
<div className="grid lg:grid-cols-[minmax(280px,0.72fr)_1.28fr]">
6668
<a
@@ -87,11 +89,11 @@ const SignUp = () => (
8789

8890
<div className="flex flex-col justify-center p-6 md:p-8 lg:p-10">
8991
<p className="eyebrow">Fall 2026 recruitment</p>
90-
<h2 className="mt-3 text-3xl font-bold text-heading">Recruitment starts August 26</h2>
92+
<h2 className="mt-3 text-3xl font-bold text-heading">Fall 2026 recruitment is open</h2>
9193
<p className="mt-4 max-w-[52ch] text-sm leading-relaxed text-muted-foreground">
92-
Applications and coffee chats open August 26. Meet us at Calapalooza, join an info
93-
session, and get to know our project managers and officers before applications close
94-
September 11 at 5 PM.
94+
Applications and coffee chats are open now. Meet us at Calapalooza, join an info
95+
session, and get to know our project managers and officers before applications
96+
close September 11 at 5 PM.
9597
</p>
9698

9799
<div className="mt-7 flex flex-wrap gap-3">
@@ -102,6 +104,13 @@ const SignUp = () => (
102104
<span className="sr-only"> (opens in a new tab)</span>
103105
</a>
104106
</EnhancedButton>
107+
<EnhancedButton asChild variant="outline" size="lg">
108+
<a href={COFFEE_CHAT_LINK} target="_blank" rel="noopener noreferrer">
109+
Schedule a coffee chat
110+
<ExternalLink />
111+
<span className="sr-only"> (opens in a new tab)</span>
112+
</a>
113+
</EnhancedButton>
105114
<EnhancedButton asChild variant="outline" size="lg">
106115
<a href={RECRUITMENT_POST} target="_blank" rel="noopener noreferrer">
107116
View timeline on Instagram

0 commit comments

Comments
 (0)