+
+
diff --git a/public/images/beep-bop.svg b/public/images/beep-bop.svg
new file mode 100644
index 0000000..0e419da
--- /dev/null
+++ b/public/images/beep-bop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/home/phone_frame_3.png b/public/images/home/phone_frame_3.png
new file mode 100644
index 0000000..a34581c
Binary files /dev/null and b/public/images/home/phone_frame_3.png differ
diff --git a/public/images/home/phone_frame_4.png b/public/images/home/phone_frame_4.png
new file mode 100644
index 0000000..d002c0a
Binary files /dev/null and b/public/images/home/phone_frame_4.png differ
diff --git a/scripts/seed-fake-applications.mjs b/scripts/seed-fake-applications.mjs
new file mode 100644
index 0000000..6b5769d
--- /dev/null
+++ b/scripts/seed-fake-applications.mjs
@@ -0,0 +1,359 @@
+/**
+ * Seed fake submitted applications for local review testing.
+ *
+ * Usage:
+ * npm run db:seed-apps
+ * npm run db:seed-apps -- --count 12
+ * npm run db:seed-apps -- --cycle "Fall 2026 IN TEST"
+ *
+ * Requires DATABASE_URL in .env.local. Safe to re-run — skips seed emails
+ * already present on the target cycle.
+ */
+
+import { randomUUID } from 'crypto'
+import nextEnv from '@next/env'
+import postgres from 'postgres'
+
+const { loadEnvConfig } = nextEnv
+loadEnvConfig(process.cwd())
+
+const args = process.argv.slice(2)
+const countArg = args.find((arg, i) => args[i - 1] === '--count')
+const cycleArg = args.find((arg, i) => args[i - 1] === '--cycle')
+const count = Math.max(1, Math.min(50, Number(countArg ?? 16) || 16))
+
+if (!process.env.DATABASE_URL) {
+ console.error('DATABASE_URL is not set.')
+ process.exit(1)
+}
+
+const sql = postgres(process.env.DATABASE_URL, { prepare: false })
+
+const APPLICANTS = [
+ {
+ first: 'Alex',
+ last: 'Chen',
+ preferred: null,
+ majors: 'Computer Science',
+ activities: 'MRacing, Michigan Hackers',
+ },
+ {
+ first: 'Jordan',
+ last: 'Patel',
+ preferred: 'Jo',
+ majors: 'Data Science, Statistics',
+ activities: 'KTP interest event, WOLV TV',
+ },
+ {
+ first: 'Sam',
+ last: 'Nguyen',
+ preferred: null,
+ majors: 'Informatics',
+ activities: 'UX Club, Design at Michigan',
+ },
+ {
+ first: 'Riley',
+ last: 'Johnson',
+ preferred: null,
+ majors: 'Computer Engineering',
+ activities: 'Engineering Council, Solar Car',
+ },
+ {
+ first: 'Casey',
+ last: 'Kim',
+ preferred: 'Casey',
+ majors: 'Business Administration, CS minor',
+ activities: 'Entrepreneurship club, consulting group',
+ },
+ {
+ first: 'Morgan',
+ last: 'Williams',
+ preferred: null,
+ majors: 'Mathematics',
+ activities: 'Putnam prep, tutoring',
+ },
+ {
+ first: 'Taylor',
+ last: 'Brown',
+ preferred: null,
+ majors: 'Information Analysis',
+ activities: 'Campus recycling, IM sports',
+ },
+ {
+ first: 'Avery',
+ last: 'Martinez',
+ preferred: 'Ave',
+ majors: 'Computer Science, Economics',
+ activities: 'Investment club, app dev side projects',
+ },
+ {
+ first: 'Quinn',
+ last: 'Lee',
+ preferred: null,
+ majors: 'Electrical Engineering',
+ activities: 'IEEE, robotics lab',
+ },
+ {
+ first: 'Drew',
+ last: 'Singh',
+ preferred: null,
+ majors: 'Computer Science',
+ activities: 'Open-source contributions, hackathons',
+ },
+ {
+ first: 'Jamie',
+ last: 'Okafor',
+ preferred: 'Jamie',
+ majors: 'SI (UX Design)',
+ activities: 'Design for America, photography',
+ },
+ {
+ first: 'Blake',
+ last: 'Foster',
+ preferred: null,
+ majors: 'Computer Science',
+ activities: 'Teaching assistant, peer mentor',
+ },
+ {
+ first: 'Cameron',
+ last: 'Wright',
+ preferred: null,
+ majors: 'Cognitive Science',
+ activities: 'Research lab, debate',
+ },
+ {
+ first: 'Harper',
+ last: 'Diaz',
+ preferred: 'Harps',
+ majors: 'Computer Science, Spanish',
+ activities: 'Language exchange, hackathons',
+ },
+ {
+ first: 'Reese',
+ last: 'Nguyen',
+ preferred: null,
+ majors: 'Data Science',
+ activities: 'Analytics club, intramural soccer',
+ },
+ {
+ first: 'Parker',
+ last: 'Brooks',
+ preferred: null,
+ majors: 'Computer Engineering',
+ activities: 'MHacks, maker space',
+ },
+ {
+ first: 'Skyler',
+ last: 'Adams',
+ preferred: 'Sky',
+ majors: 'Business, CS minor',
+ activities: 'Startups club, volunteer tutoring',
+ },
+]
+
+const ESSAY_1 =
+ 'I would build a campus study-match app that pairs students by course and study style. As a first-gen student, finding study groups was hard; this product reflects my value of accessible community.'
+const ESSAY_2 =
+ 'A memory that stayed with me was fixing the projector before my high school club presentation. I learned to stay calm under pressure, which is how I approach team projects today.'
+const ESSAY_3 =
+ 'Technology — KTP would help me grow technical depth while giving back through mentorship.'
+
+function cycleSlug(name) {
+ return (
+ name
+ .replace(/\s*\(local\)\s*/gi, '')
+ .trim()
+ .toLowerCase()
+ .replace(/[^a-z0-9]+/g, '-')
+ .replace(/^-+|-+$/g, '') || 'cycle'
+ )
+}
+
+function fakeS3Key(cycleName, applicationId, slot, ext) {
+ return `applications/${cycleSlug(cycleName)}/${applicationId}/${slot}/${randomUUID()}.${ext}`
+}
+
+try {
+ const [cycle] = cycleArg
+ ? await sql`
+ select id, name
+ from public.rush_cycles
+ where name = ${cycleArg}
+ limit 1
+ `
+ : await sql`
+ select id, name
+ from public.rush_cycles
+ where is_active = true
+ limit 1
+ `
+
+ if (!cycle) {
+ console.error(
+ cycleArg
+ ? `No rush cycle named "${cycleArg}".`
+ : 'No active rush cycle found. Pass --cycle "Your Cycle Name".'
+ )
+ process.exit(1)
+ }
+
+ const questions = await sql`
+ select id, sort_order
+ from public.cycle_questions
+ where cycle_id = ${cycle.id}
+ order by sort_order asc
+ `
+
+ if (questions.length === 0) {
+ console.error(`Cycle "${cycle.name}" has no questions.`)
+ process.exit(1)
+ }
+
+ const [{ max_num: maxDisplay }] = await sql`
+ select coalesce(max(display_number), 0) as max_num
+ from public.applications
+ where cycle_id = ${cycle.id}
+ `
+
+ let nextDisplay = Number(maxDisplay) + 1
+ let created = 0
+ let skipped = 0
+
+ for (let i = 0; i < count; i += 1) {
+ const profile = APPLICANTS[i % APPLICANTS.length]
+ const index = i + 1
+ const email = `seed-applicant-${index}@umich.edu`
+ const userId = randomUUID()
+
+ const [existing] = await sql`
+ select id
+ from public.applications
+ where cycle_id = ${cycle.id}
+ and email = ${email}
+ limit 1
+ `
+
+ if (existing) {
+ skipped += 1
+ continue
+ }
+
+ const submittedAt = new Date(Date.now() - index * 3600_000).toISOString()
+ const displayNumber = nextDisplay
+ nextDisplay += 1
+
+ const [app] = await sql`
+ insert into public.applications (
+ cycle_id,
+ user_id,
+ email,
+ status,
+ submitted_at,
+ first_name,
+ last_name,
+ preferred_name,
+ pronouns,
+ phone,
+ majors,
+ minors,
+ graduation_year,
+ gpa,
+ semesters_remaining,
+ other_professional_fraternity,
+ campus_activities,
+ hear_about,
+ anything_else,
+ display_number,
+ review_count
+ )
+ values (
+ ${cycle.id},
+ ${userId},
+ ${email},
+ 'submitted',
+ ${submittedAt},
+ ${profile.first},
+ ${profile.last},
+ ${profile.preferred},
+ 'they/them',
+ '734-555-0100',
+ ${profile.majors},
+ null,
+ 2027,
+ 3.750,
+ 4,
+ false,
+ ${profile.activities},
+ ${['Instagram', 'Word of mouth']},
+ ${'Excited to rush KTP! (seed data)'},
+ ${displayNumber},
+ 0
+ )
+ returning id
+ `
+
+ const essayBodies = [ESSAY_1, ESSAY_2, ESSAY_3]
+ for (const question of questions) {
+ const body = essayBodies[question.sort_order] ?? `Seed essay for question ${question.sort_order + 1}.`
+ await sql`
+ insert into public.application_answers (application_id, question_id, body)
+ values (${app.id}, ${question.id}, ${body})
+ on conflict (application_id, question_id) do nothing
+ `
+ }
+
+ const files = [
+ { slot: 'photo', ext: 'png', mime: 'image/png', name: 'photo.png' },
+ { slot: 'transcript', ext: 'pdf', mime: 'application/pdf', name: 'transcript.pdf' },
+ { slot: 'resume', ext: 'pdf', mime: 'application/pdf', name: 'resume.pdf' },
+ {
+ slot: 'resume_anonymized',
+ ext: 'pdf',
+ mime: 'application/pdf',
+ name: 'resume-anonymized.pdf',
+ },
+ {
+ slot: 'life_app_screenshot',
+ ext: 'png',
+ mime: 'image/png',
+ name: 'life-app.png',
+ },
+ ]
+
+ for (const file of files) {
+ await sql`
+ insert into public.application_files (
+ application_id,
+ slot,
+ s3_key,
+ mime_type,
+ original_filename
+ )
+ values (
+ ${app.id},
+ ${file.slot},
+ ${fakeS3Key(cycle.name, app.id, file.slot, file.ext)},
+ ${file.mime},
+ ${file.name}
+ )
+ on conflict (application_id, slot) do nothing
+ `
+ }
+
+ created += 1
+ console.log(
+ ` #${displayNumber} ${profile.first} ${profile.last} <${email}>`
+ )
+ }
+
+ console.log(
+ `\nCycle: ${cycle.name}\nCreated ${created} application(s), skipped ${skipped} existing.`
+ )
+ if (created === 0 && skipped > 0) {
+ console.log(
+ 'All seed applicants already exist. Use a higher --count for new emails (seed-applicant-N@umich.edu).'
+ )
+ }
+} finally {
+ await sql.end()
+}
diff --git a/scripts/seed-local-admins.mjs b/scripts/seed-local-admins.mjs
index cfafb1a..fbb2cc4 100644
--- a/scripts/seed-local-admins.mjs
+++ b/scripts/seed-local-admins.mjs
@@ -23,13 +23,18 @@ const sql = postgres(process.env.DATABASE_URL, { prepare: false })
try {
for (const email of emails) {
+ await sql`
+ insert into public.brothers (umich_email, status)
+ values (${email}, 'active')
+ on conflict (umich_email) where umich_email is not null do nothing
+ `
await sql`
insert into public.admins (email)
values (${email})
on conflict (email) do nothing
`
}
- console.log(`Seeded ${emails.length} local admin email(s).`)
+ console.log(`Seeded ${emails.length} local admin email(s) as admins and brothers.`)
} finally {
await sql.end()
}
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f851dfa..91a6ddd 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,242 +1,307 @@
-'use client';
-
-import React, { useState, useEffect, useRef } from 'react';
-import Link from 'next/link';
-import { Link as ScrollLink } from 'react-scroll';
-import { IoIosSpeedometer } from 'react-icons/io';
-import { MdOutlineWork } from "react-icons/md";
-import { FaPeopleGroup } from "react-icons/fa6";
-import { PiGlobeBold } from "react-icons/pi";
-import { HiAcademicCap } from "react-icons/hi2";
-import Header from '../../components/Header';
-import Footer from '../../components/Footer';
-const categories = ['President\'s Welcome', 'Our Pillars', 'History', 'DEI Commitment'];
+import Image from 'next/image'
+import { IoIosSpeedometer } from 'react-icons/io'
+import { MdOutlineWork } from 'react-icons/md'
+import { FaPeopleGroup } from 'react-icons/fa6'
+import { PiGlobeBold } from 'react-icons/pi'
+import { HiAcademicCap } from 'react-icons/hi2'
+import AboutSectionNav from '@/components/AboutSectionNav'
+import Header from '../../components/Header'
+import Footer from '../../components/Footer'
export default function About() {
- const [selectedCategory, setSelectedCategory] = useState('President\'s Welcome');
- const categoryRefs = useRef<(HTMLDivElement | null)[]>([]);
-
- useEffect(() => {
- // No longer needed since we're using button styling instead of underline
- }, [selectedCategory]);
-
- const handleCategoryClick = (category: string, index: number) => {
- setSelectedCategory(category);
- };
-
return (
-
- {/* Blob Container */}
-
+ {/* Spill clip — `page-spill-clip` is relative only on mobile (desktop CB unchanged).
+ Hero blobs: top/left only — never inset-0 (bottom:0 makes the layer page-tall,
+ so top:8% on children is 8% of the document, not the viewport). */}
+
+
-
-
- {/* Blob Container */}
-
-
-
-
-
- {/* Page Content */}
-
-
-
- About Us
-
-
- Learn more about who we are at Kappa Theta Pi!
-
+
+
+
+
+ About Us
+
+
+ Learn more about who we are at Kappa Theta Pi!
+
- Welcome to the Alpha Chapter of Kappa Theta Pi, Michigan's premier professional technology fraternity. On behalf of our chapter, I am excited to welcome you to our fraternity's website, where you can catch a glimpse of the passion and excellence that our chapter celebrates.
-
-
- Kappa Theta Pi offers brothers the support to be extraordinary during their time at Michigan with resources centered around five pillars: professional development, alumni connections, social growth, technological advancement, and academic support. From project teams and study groups to professional development workshops and hackathons / design jams, we foster a culture of growth encouraging members to pursue their tech passions. Our chapter values diversity, with brothers contributing unique experiences and excelling as student leaders. We celebrate our diverse brotherhood, welcoming all united by a passion for technology.
-
-
- Reflecting on my time at Michigan, KTP has been the most impactful part of my college experience. I joined as a sophomore transfer student, unsure of where my path in technology would take me, both in college and beyond. Since then, KTP has given me growth, direction, and a diverse community of students that supports one another through struggles and success. To me, being a part of KTP is about figuring out your place in the present and the future, surrounded by a brilliant and ambitious community of individuals doing just the same. I invite you to explore our website and learn more about our brotherhood.
-
-
- With love,
- Teagan Hollman
- President, 2026
-
+
+
+ President's Welcome
+
+
+
+ Welcome to the Alpha Chapter of Kappa Theta Pi, Michigan's premier
+ professional technology fraternity. On behalf of our chapter, I am excited to
+ welcome you to our fraternity's website, where you can catch a glimpse of
+ the passion and excellence that our chapter celebrates.
+
+
+ Kappa Theta Pi offers brothers the support to be extraordinary during their
+ time at Michigan with resources centered around five pillars: professional
+ development, alumni connections, social growth, technological advancement,
+ and academic support. From project teams and study groups to professional
+ development workshops and hackathons / design jams, we foster a culture of
+ growth encouraging members to pursue their tech passions. Our chapter values
+ diversity, with brothers contributing unique experiences and excelling as
+ student leaders. We celebrate our diverse brotherhood, welcoming all united
+ by a passion for technology.
+
+
+ Reflecting on my time at Michigan, KTP has been the most impactful part of my
+ college experience. I joined as a sophomore transfer student, unsure of where
+ my path in technology would take me, both in college and beyond. Since then,
+ KTP has given me growth, direction, and a diverse community of students that
+ supports one another through struggles and success. To me, being a part of
+ KTP is about figuring out your place in the present and the future,
+ surrounded by a brilliant and ambitious community of individuals doing just
+ the same. I invite you to explore our website and learn more about our
+ brotherhood.
+
+ Through events like interview training, resume building, one-on-one mentorship,
+ private company recruiting, and more, Kappa Theta Pi Professional Development
+ aims to prepare members for success in any technology-related career. We take
+ pride in developing the tech leaders of the future.
+
-
Professional Development
-
Through events like interview training, resume building, one-on-one mentorship, private company recruiting, and more, Kappa Theta Pi Professional Development aims to prepare members for success in any technology-related career. We take pride in developing the tech leaders of the future.
-
- {/* Alumni Connections */}
-
-
-
-
+
+
+
+
+
+
Alumni Connections
+
+ Our alumni are spread out across the world and work on cutting-edge
+ technologies. They work at a plethora of companies - from tech companies like
+ Microsoft, Amazon, Facebook, Apple, and Google, to startups, consulting firms,
+ financial technology firms, and more!
+
-
Alumni Connections
-
Our alumni are spread out across the world and work on cutting-edge technologies. They work at a plethora of companies - from tech companies like Microsoft, Amazon, Facebook, Apple, and Google, to startups, consulting firms, financial technology firms, and more!
-
- {/* Social Growth */}
-
-
-
-
+
+
+
+
+
+
Social Growth
+
+ The people you meet in Kappa Theta Pi will go on to be some of your closest
+ friends throughout college and beyond. We host a variety of exclusive social
+ events throughout the semester through which our members can bond, some of
+ which include formal, tailgates, retreat, and apple picking.
+
-
Social Growth
-
The people you meet in Kappa Theta Pi will go on to be some of your closest friends throughout college and beyond. We host a variety of exclusive social events throughout the semester through which our members can bond, some of which include formal, tailgates, retreat, and apple picking.
-
- {/* Bottom Row */}
-
- {/* Technical Advancement */}
-
-
-
-
+
+
+
+
+
+
+
Technical Advancement
+
+ Kappa Theta Pi provides members numerous opportunities to enhance their current
+ technical skills, as well as learn new ones. Whether it be participation in one
+ of our various project teams or attending a technical workshop, we make it easy
+ for our members to expand their expertise.
+
-
Technical Advancement
-
Kappa Theta Pi provides members numerous opportunities to enhance their current technical skills, as well as learn new ones. Whether it be participation in one of our various project teams or attending a technical workshop, we make it easy for our members to expand their expertise.
-
- {/* Academic Support */}
-
-
-
-
+
+
+
+
+
+
Academic Support
+
+ Kappa Theta Pi brothers strive to foster academic growth and excellence for
+ each other. We provide a supportive network filled with some of the brightest
+ tech minds at the university that members can always rely on for help in
+ classes and extracurricular activities.
+
-
Academic Support
-
Kappa Theta Pi brothers strive to foster academic growth and excellence for each other. We provide a supportive network filled with some of the brightest tech minds at the university that members can always rely on for help in classes and extracurricular activities.
-
- {/* History */}
-
-
-
-
-
History
-
-
- Kappa Theta Pi takes pride in being the first professional technology fraternity in the country. Our members learn a plethora of skills needed to stay knowledgeable about the tech industry, as well as a strong sense of professional development for future job positions.
-
-
- KTP was founded on January 10, 2012, with the mission to create a tech community that enthusiastic students could join. In making KTP, the founders set up a strong community that has only grown in the 11 years since its inception.
-
-
- Our members come from all around campus. We are designers, analysts, computer scientists, engineers, artists, entrepreneurs, economists, philosophers, psychologists, and more. What makes the KTP community strong is our shared passion for technology and our unique backgrounds meshing together as one.
-
-
- Our alumni are part of an extensive and tight-knit network that stretches across the country. They can be found from Seattle to New York, from Silicon Valley to Detroit, in both startup companies and larger businesses. Our alumni provide valuable insight for our members' professional development.
-
+
+
+
+
+
History
+
+
+ Kappa Theta Pi takes pride in being the first professional technology
+ fraternity in the country. Our members learn a plethora of skills needed to
+ stay knowledgeable about the tech industry, as well as a strong sense of
+ professional development for future job positions.
+
+
+ KTP was founded on January 10, 2012, with the mission to create a tech
+ community that enthusiastic students could join. In making KTP, the founders
+ set up a strong community that has only grown in the 11 years since its
+ inception.
+
+
+ Our members come from all around campus. We are designers, analysts, computer
+ scientists, engineers, artists, entrepreneurs, economists, philosophers,
+ psychologists, and more. What makes the KTP community strong is our shared
+ passion for technology and our unique backgrounds meshing together as one.
+
+
+ Our alumni are part of an extensive and tight-knit network that stretches
+ across the country. They can be found from Seattle to New York, from Silicon
+ Valley to Detroit, in both startup companies and larger businesses. Our
+ alumni provide valuable insight for our members' professional
+ development.
+
+
-
-
-
-
-
+
+
+
+
+
+
-
-
- {/* DEI Commitment */}
-
-
-
-
DEI Commitment
-
-
- The world of technology is unique, diverse, and multi-faceted. We believe that our brothers should be too. In Kappa Theta Pi, we're passionate about cultivating an inclusive community that promotes and values diversity. Our dedication to diversity, equity, and inclusion is unwavering; these values are central to our mission and to our impact. We know that having heterogeneous perspectives helps generate better ideas to solve the nuanced problems of a changing — and increasingly diverse — world.
+
+
+
+
+ DEI Commitment
+
+
+
+ The world of technology is unique, diverse, and multi-faceted. We believe that
+ our brothers should be too. In Kappa Theta Pi, we're passionate about
+ cultivating an inclusive community that promotes and values diversity. Our
+ dedication to diversity, equity, and inclusion is unwavering; these values are
+ central to our mission and to our impact. We know that having heterogeneous
+ perspectives helps generate better ideas to solve the nuanced problems of a
+ changing — and increasingly diverse — world.
-
- In KTP, we have a responsibility to address structural inequality in our communities as well as the social and cultural dimensions of technology. We are committed to harnessing the best of KTP — our people, platform, and technical innovation — to make lasting change inside and outside of our organization.
-
+
+ In KTP, we have a responsibility to address structural inequality in our
+ communities as well as the social and cultural dimensions of technology. We are
+ committed to harnessing the best of KTP — our people, platform, and technical
+ innovation — to make lasting change inside and outside of our organization.
+
+ {/*
+ Mobile blobs on the outer relative CB (not inside page-spill-clip) so soft
+ edges can sit under the sticky header. Sideways spill is clipped via
+ .apply-hero-blobs { overflow: hidden }. top/left only — never inset-0.
+ */}
+
+
+
+
+
+
+
+ {/* Spill clip — relative only on mobile; desktop CB stays the outer `relative` */}
+
+ {/* Desktop blobs — same positions as before */}
+
+
+
+
+
+
+
+
+
{children}
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/apply/page.tsx b/src/app/apply/page.tsx
new file mode 100644
index 0000000..ebb580e
--- /dev/null
+++ b/src/app/apply/page.tsx
@@ -0,0 +1,168 @@
+import Link from 'next/link'
+import { ApplySubmittedHome } from '@/components/apply/ApplySubmittedHome'
+import { applyCardStyle, ApplyShell } from '@/components/apply/ApplyShell'
+import { UmichGoogleButton } from '@/components/apply/UmichGoogleButton'
+import { loadApplyContext } from '@/lib/apply-load'
+import { applyPreviewHref, parseApplyPreview, type ApplyPreviewQuery } from '@/lib/apply-preview'
+import { applicationClosedMessage, applicationTitle } from '@/lib/apply-steps'
+
+export default async function ApplyWelcomePage({
+ searchParams,
+}: {
+ searchParams: Promise
+}) {
+ const params = await searchParams
+ const preview = parseApplyPreview(params)
+ const ctx = await loadApplyContext(preview)
+ const showUpdated = params.updated === '1'
+
+ if (ctx.isPreview && ctx.cycle) {
+ const title = applicationTitle(ctx.cycle.name)
+ return (
+
+
+
+ You are testing as an administrator. Your responses are saved to a live draft for this
+ cycle. If you submit, please delete the test application afterward so it is not reviewed
+ with real applicants.
+
+ 
+ 
- 