BUILDER

BANNER.TSX.

15 commits. 7 phases. 1 component.

BANNER.TSX. A COMPLETE HISTORY.

File: `src/app/components/Banner.tsx` — Created Sep 4, 2025. 15 commits over 7 months. Currently 49 lines. Banner is globally rendered on every page, sitting fixed below the header. It has served as an iOS announcement, a status panel, briefly a music player, and now a route-aware navigation pill linking to `/theunpartyunppp`.

Full Commit Timeline

#	SHA	Date	±	Commit
1	dd71a18	2025-09-04 14:31	+53	feat: add Banner component and update UnpppsConfig descriptions
2	3b79cd8	2025-09-04 17:01	+46/−46	feat: implement Banner for iOS announcement and integrate into layout
3	66f99bc	2025-09-04 17:25	+1/−1	fix: button text "GET INVITED" → "REQUEST INVITE"
4	2c665fe	2025-09-05 00:35	+20/−24	feat: add new SVG assets and integrate MiniMaze into layout
5	dda7cb3	2025-09-05 09:32	+7/−7	Refactor component styles for improved consistency
6	fc8e15a	2025-09-05 17:59	+12/−8	Refactor waitlist API; introduce new Badge component
7	b8e2f24	2025-09-05 18:41	+7/−6	Refactor AboutComponent and Banner: update titles and labels
8	8c50f2b	2025-09-05 20:35	+4/−13	Refactor Banner and Header components; update Badge size
9	67b36ef	2025-09-06 01:30	+2/−2	feat: Add smooth scrolling to page bottom and enhance layout structure
10	0699f68	2025-09-06 21:24	+2/−2	Update Banner.tsx
11	e1d1e2c	2025-09-10 20:27	+3/−14	Implement Apple Music integration with MusicKit [copilot-swe-agent]
12	5041ab2	2025-09-10 21:47	+1/−1	Integrate MusicBanner in Footer and Banner; clean up unused imports
13	e1e00f5	2025-09-22 17:22	+1/−1	Enhance chat functionality; implement ConditionalHeroSection
14	901c594	2026-01-20 13:42	+1/−1	FEAT. Fix BOOK. Preview
15	2422fd3	2026-04-28 23:01	+20/−5	MOOD. NEW WORLD COMING

Phase 1. Static Gradient Banner

Commit 1 — Sep 4, 14:31 — Duration: ~2.5 hours — 53 lines

First version. No `'use client'` directive — pure static HTML with decorative gradient blobs. Announced the iOS app, included a dismiss X button, no state. CTA was a plain `` tag.

Phase 2. Yellow Brand / Fixed Position

Commits 2–3 — Sep 4, 17:01–17:25 — Duration: ~7 hours

Complete rewrite ~2.5 hours after creation. Became a `'use client'` component with `useState`. Moved to `fixed inset-x-0 top-16`, introduced `#F9C22E` yellow brand color and `backdrop-blur-md`. Added the Smartphone icon. Button text: "GET INVITED" → "REQUEST INVITE". The two-panel layout (left status / right button) established here persisted for the rest of the component's life.

Phase 3. Badge Status Panel

Commits 4–10 — Sep 5 00:35 → Sep 6 21:24 — Duration: ~4 days (8 commits)

The most active iteration period. Six commits on Sep 5, two on Sep 6. The left panel gained the Badge component with status labels (NEW, BETA, SCORE, PARTY). The right panel stabilized around the yellow pill button reading "unppp for iOS".

Phase 4. MusicBanner (brief)

Commits 11–12 — Sep 10, 20:27–21:47 — MusicBanner rendered for ~80 minutes, dead import for 12 days

Commit 11 was the only bot-authored change to this file (`copilot-swe-agent[bot]`). It replaced the Badge panel with ``. The component actually rendered in the left slot for approximately 80 minutes before commit 12 removed it from JSX while keeping the import. That dead import persisted until commit 13, twelve days later.

Phase 5. Empty Left + Static Pill

Commit 13 → 14 — Sep 22, 2025 → Jan 20, 2026 — LONGEST STABLE PERIOD: 119 days

“119 days without a single change. Sep 22, 2025 to Jan 20, 2026.”
— git log

MusicBanner removed entirely, left panel empty. The right-side pill read "unppp for iOS". This is the version most users saw for the longest continuous stretch in Banner's history.

Phase 6. Button Text "core"

Commit 14 — Jan 20, 2026 — Duration: 98 days (second longest)

Single-line change inside a broader book-preview fix commit. "unppp for iOS" → "core". Everything else unchanged.

Phase 7. Route-Aware Navigation Link (current)

Commit 15 — Apr 28, 2026 — Present state (+20/−5, largest change since Sep 4 rewrite)

Converted `

'use client'

import { useState } from 'react'
import { usePathname } from 'next/navigation'
import Link from 'next/link'
import { Smartphone } from 'lucide-react'

export default function Banner() {
  const [isVisible] = useState(true)
  const pathname = usePathname()
  const isActive = pathname === '/theunpartyunppp'

  if (!isVisible) return null

  return (
    <Link
      href="/theunpartyunppp"
      className={`inline-flex items-center rounded-full border border-[#F9C22E] ${
        isActive ? 'bg-[#F9C22E] text-black' : 'hover:bg-[#F9C22E]/5'
      }`}
      style={{ backgroundColor: isActive ? '#F9C22E' : 'transparent' }}
    >
      <Smartphone style={{ color: isActive ? '#000' : '#F9C22E' }} />
      <span>APP.</span>
    </Link>
  )
}

Placement and Usage

Banner is imported in three files. Only one actually renders it.

File	Line	Status
src/app/layout.tsx	71	Renders globally — fixed header container, after <Header />, z-40, top-16
src/app/components/ConditionalHeroSection.tsx	8	Import present, not used in JSX
src/app/theunpartydeveloper/page.tsx	8	Import present, not used in JSX

Stability Analysis

Period	Duration	State
Sep 4, 14:31 → Sep 4, 17:01	~2.5 hours	Static gradient, "SECURE YOUR INVITE"
Sep 4, 17:01 → Sep 4, 17:25	24 min	Yellow brand, "GET INVITED"
Sep 4, 17:25 → Sep 5, 00:35	~7 hours	Yellow brand, "REQUEST INVITE"
Sep 5, 00:35 → Sep 6, 21:24	~2 days	Badge status panel (8 commits in flux)
Sep 6, 21:24 → Sep 10, 20:27	~4 days	Badge panel settled (PARTY / 0000)
Sep 10, 20:27 → Sep 10, 21:47	~80 min	MusicBanner rendered in left slot
Sep 10, 21:47 → Sep 22, 17:22	12 days	Left slot empty (MusicBanner dead import)
Sep 22, 2025 → Jan 20, 2026	119 days	"unppp for iOS" pill — LONGEST STABLE
Jan 20, 2026 → Apr 28, 2026	98 days	"core" pill — second longest
Apr 28, 2026 → present	ongoing	Route-aware "APP." link

Button Label Lineage

“"SECURE YOUR INVITE" → "GET INVITED" → "REQUEST INVITE" → "unppp for iOS" → "core" → "APP."”
— Banner.tsx, Sep 4 2025 → Apr 28 2026

Authors

Author	Commits	Notes
unparty	14 of 15	All phases except the MusicKit integration
copilot-swe-agent[bot]	1 of 15	Commit 11 — Sep 10 MusicKit integration, the only bot-authored change

Raw investigation notes: `src/app/theunpartybuilder/DOC-banner.md`