chore(www): remove Select banner and callout (#39253)

chore: remove Select stuff
2026-10-06 01:45:10 +03:00 · 2025-10-11 11:31:30 +11:00
1 parent c80e8e7604
commit e406beaccb
@@ -7,7 +7,7 @@ import { useWindowSize } from 'react-use'

 import { useIsLoggedIn, useUser } from 'common'
 import { Button, buttonVariants, cn } from 'ui'
-import { AnnouncementBanner, AuthenticatedDropdownMenu } from 'ui-patterns'
+import { AuthenticatedDropdownMenu } from 'ui-patterns'

 import { useSendTelemetryEvent } from 'lib/telemetry'
 import GitHubButton from './GitHubButton'
@@ -88,7 +88,6 @@ const Nav = ({ hideNavbar, stickyNavbar = true }: Props) => {

  return (
    <>
-      <AnnouncementBanner />
      <div
        className={cn('sticky top-0 z-40 transform', disableStickyNav && 'relative')}
        style={{ transform: 'translate3d(0,0,999px)' }}
@@ -1,148 +0,0 @@
-import React from 'react'
-import Link from 'next/link'
-import Image from 'next/image'
-
-import { Button } from 'ui'
-import { DecorativeProgressBar } from '~/components/SurveyResults/DecorativeProgressBar'
-import './styles.css'
-
-const SupabaseSelectPromo = () => {
-  const monoStyle = 'text-sm font-mono uppercase leading-none tracking-wide text-white/50'
-  const gridUnit = 24
-  const logoWidth = 320
-  const speakerImgWidth = gridUnit * 12 // 288px
-  const gridWidth = gridUnit * 26 // 624px
-  const selectSiteUrl = 'https://select.supabase.com/'
-  const headerText = ['Our first user conference', 'Oct 3 2025', '@ YC Offices, SF']
-  const mainText = [
-    'The conference for builders',
-    'Speakers include Figma CEO Dylan Field, Vercel CEO Guillermo Rauch, and Firebase Co-Founder James Tamplin',
-  ]
-  const speakers = [
-    {
-      name: 'Dylan Field',
-      slug: 'dylan-field',
-      title: 'CEO of Figma',
-    },
-    {
-      name: 'Guillermo Rauch',
-      slug: 'guillermo-rauch',
-      title: 'CEO of Vercel',
-    },
-    {
-      name: 'James Tamplin',
-      slug: 'james-tamplin',
-      title: 'Co-Founder of Firebase',
-    },
-  ]
-
-  return (
-    <section
-      className="dark bg-black overflow-hidden"
-      style={{
-        fontFamily:
-          "SuisseIntl-Book, custom-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-      }}
-    >
-      {/* Main centered content */}
-      <div
-        className="container relative mx-auto px-6 lg:px-16 xl:px-20"
-        style={{
-          backgroundImage:
-            'linear-gradient(to right, hsl(var(--border-muted)) 1px, transparent 1px)',
-          backgroundPosition: '56px 0',
-          backgroundRepeat: 'repeat-y',
-          backgroundSize: '1px 100%',
-        }}
-      >
-        <div className="w-full border-x border-muted py-16 md:py-24 lg:py-24">
-          {/* Header */}
-          <header className="flex flex-row border-y border-muted">
-            {Object.entries(headerText).map(([index, value]: [string, string]) => (
-              <p
-                key={index}
-                className={`${monoStyle} pr-8 border-r border-muted pt-8 last:pr-0 last:border-r-0`}
-              >
-                {value}
-              </p>
-            ))}
-          </header>
-          {/* Main text, CTA, and images */}
-          <div className="relative">
-            {/* Speaker image */}
-            <Image
-              src={`/images/supabase-select/speakers/${speakers[0].slug}.jpg`}
-              alt={speakers[0].name}
-              className="absolute top-0 -right-[0.5px] hidden lg:block z-10"
-              style={{ width: `${speakerImgWidth - 1}px` }}
-              width={speakerImgWidth - 1}
-              height={speakerImgWidth - 1}
-            />
-            {/* Logo and speaker name */}
-            <div className="h-24 border-b border-muted flex flex-row justify-between items-end">
-              {/* Logo */}
-              <Link
-                target="_blank"
-                href={selectSiteUrl}
-                className="inline-block transition-opacity hover:opacity-80"
-              >
-                <Image
-                  src="/images/supabase-select/logo.svg"
-                  alt="Supabase Select"
-                  className="transform translate-y-3"
-                  style={{ width: `${logoWidth}px` }}
-                  width={logoWidth}
-                  height={logoWidth}
-                />
-              </Link>
-              {/* Speaker name */}
-              <p
-                className={`${monoStyle} pr-1 hidden lg:inline-block text-right`}
-                style={{ marginRight: `${speakerImgWidth}px` }}
-              >
-                {speakers[0].name}, {speakers[0].title}
-              </p>
-            </div>
-
-            <div className="relative h-[288px] border-b border-muted flex flex-col justify-between">
-              {/* Grid background */}
-              <div
-                className="hidden lg:block absolute -top-[1px] -right-[1px] border-r border-b border-muted"
-                style={{
-                  width: `${gridWidth}px`,
-                  height: `${gridWidth}px`,
-                  backgroundImage: `
-                linear-gradient(to right, hsl(var(--border-muted)) 1px, transparent 1px),
-                linear-gradient(to bottom, hsl(var(--border-muted)) 1px, transparent 1px)
-              `,
-                  backgroundSize: `${gridUnit}px ${gridUnit}px`,
-                }}
-              />
-              <div
-                className="hidden xl:block absolute top-0 right-0 h-full"
-                style={{
-                  width: `${gridWidth}px`,
-                }}
-              >
-                <DecorativeProgressBar align="end" />
-              </div>
-              {/* Main text */}
-              <div className="flex flex-col pt-16 text-balance relative">
-                <h3 className="text-2xl text-light pb-2 max-w-md">{mainText[0]}</h3>
-                <p className="text-2xl text max-w-md">{mainText[1]}</p>
-              </div>
-              {/* CTA */}
-              <Button asChild type="primary" size="large" className="w-fit">
-                <Link target="_blank" href={selectSiteUrl}>
-                  Apply now
-                </Link>
-              </Button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export { SupabaseSelectPromo as default }
@@ -1,8 +0,0 @@
-/* Font face definitions also used in Launch Week 15 */
-@font-face {
-  font-family: 'SuisseIntl-Book';
-  src: url('/fonts/launchweek/15/SuisseIntl-Book.otf') format('opentype');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
@@ -13,7 +13,6 @@ import { SurveyChapter } from '~/components/SurveyResults/SurveyChapter'
 import { SurveyChapterSection } from '~/components/SurveyResults/SurveyChapterSection'
 import { SurveySectionBreak } from '~/components/SurveyResults/SurveySectionBreak'
 import { StateOfStartupsHeader } from '~/components/SurveyResults/StateOfStartupsHeader'
-import SupabaseSelectPromo from '~/components/SupabaseSelectPromo'

 import { useSendTelemetryEvent } from '~/lib/telemetry'

@@ -262,7 +261,6 @@ function StateOfStartupsPage() {
        ))}
        <CTABanner ref={ctaBannerRef} />
        <ParticipantsList />
-        <SupabaseSelectPromo />
      </DefaultLayout>
    </>
  )
@@ -1,4 +0,0 @@
-<svg width="480" height="82" viewBox="0 0 480 82" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.5018 43.7982L15.2952 42.7923C8.49118 41.3724 2.92962 37.9408 2.92962 30.6634C2.92962 22.6761 11.272 18.5936 19.141 18.5936C27.6608 18.5936 34.2282 22.4394 35.944 31.3734H28.6666C27.4242 26.1668 22.9867 24.7469 18.7268 24.7469C15.4136 24.7469 10.5028 26.226 10.5028 30.4267C10.5028 33.74 13.1653 35.3967 16.8927 36.1066L22.1584 37.1125C29.6724 38.5324 36.8315 41.3724 36.8315 49.9514C36.8315 58.6487 28.2525 63.027 19.7918 63.027C9.55616 63.027 2.69296 57.5246 1.74631 48.0581H9.142C10.5028 53.9155 14.1711 56.8737 20.1468 56.8737C25.235 56.8737 29.3175 54.5663 29.3175 50.4247C29.3175 45.9873 24.5842 44.5673 20.5018 43.7982ZM60.0586 62.2578V57.8796C58.2244 61.1928 54.9703 63.027 50.6513 63.027C43.0781 63.027 40.0015 58.0571 40.0015 50.4839V30.4267H47.0422V48.7681C47.0422 53.028 47.6338 57.2879 52.8995 57.2879C58.1653 57.2879 60.0586 53.1463 60.0586 47.4073V30.4267H67.0993V62.2578H60.0586ZM79.9951 46.3423C79.9951 53.6788 83.545 57.2879 88.2191 57.2879C93.189 57.2879 96.0881 53.2055 96.0881 46.3423C96.0881 39.5382 93.189 35.4558 88.2191 35.4558C83.545 35.4558 79.9951 39.0058 79.9951 46.3423ZM73.2502 30.4267H80.2909V34.6867C82.1842 31.5509 85.4974 29.7168 89.7574 29.7168C97.5672 29.7168 103.425 36.225 103.425 46.3423C103.425 56.5779 97.5672 63.027 89.7574 63.027C85.4974 63.027 82.1842 61.1928 80.2909 58.0571V72.6118H73.2502V30.4267ZM126.827 49.7147V47.2889C116.828 48.2356 112.686 49.7147 112.686 53.3238C112.686 56.1046 114.994 57.7612 118.544 57.7612C123.75 57.7612 126.827 55.1579 126.827 49.7147ZM117.005 63.027C110.083 63.027 105.231 59.2995 105.231 53.5013C105.231 45.514 115.053 43.6207 126.649 42.3782V41.7865C126.649 36.3433 123.573 34.6867 120.023 34.6867C116.473 34.6867 113.81 36.58 113.633 40.4257H106.711C107.184 33.9767 112.568 29.4801 120.26 29.4801C127.892 29.4801 133.868 32.9709 133.69 43.1473C133.69 44.6856 133.572 48.4722 133.572 51.3714C133.572 55.3946 133.868 59.5954 134.518 62.2578H128.069C127.833 60.897 127.655 60.1279 127.478 57.9387C125.407 61.4295 121.739 63.027 117.005 63.027ZM145.78 46.3423C145.78 53.6788 149.33 57.2879 154.004 57.2879C158.737 57.2879 162.05 53.2055 162.05 46.3423C162.05 39.6566 158.737 35.4558 154.004 35.4558C149.33 35.4558 145.78 39.0058 145.78 46.3423ZM139.035 19.3628H146.076V34.6867C147.969 31.5509 151.282 29.7168 155.542 29.7168C163.115 29.7168 169.387 36.225 169.387 46.3423C169.387 56.5779 163.115 63.027 155.542 63.027C151.282 63.027 147.969 61.1928 146.076 58.0571V62.2578H139.035V19.3628ZM192.785 49.7147V47.2889C182.786 48.2356 178.644 49.7147 178.644 53.3238C178.644 56.1046 180.952 57.7612 184.502 57.7612C189.708 57.7612 192.785 55.1579 192.785 49.7147ZM182.963 63.027C176.041 63.027 171.189 59.2995 171.189 53.5013C171.189 45.514 181.011 43.6207 192.607 42.3782V41.7865C192.607 36.3433 189.531 34.6867 185.981 34.6867C182.431 34.6867 179.768 36.58 179.591 40.4257H172.669C173.142 33.9767 178.526 29.4801 186.218 29.4801C193.85 29.4801 199.826 32.9709 199.648 43.1473C199.648 44.6856 199.53 48.4722 199.53 51.3714C199.53 55.3946 199.826 59.5954 200.476 62.2578H194.027C193.791 60.897 193.613 60.1279 193.436 57.9387C191.365 61.4295 187.697 63.027 182.963 63.027ZM229.783 39.1241H223.157C222.388 36.225 219.725 35.1008 216.175 35.1008C213.099 35.1008 210.259 36.4616 210.259 38.5916C210.259 40.7216 211.738 41.8457 214.519 42.3782L219.015 43.2657C225.464 44.5082 230.375 46.5198 230.375 52.7322C230.375 59.3587 224.103 63.027 216.885 63.027C209.075 63.027 203.869 58.5304 203.1 52.5547H209.963C210.614 55.8679 212.921 57.7021 217.122 57.7021C220.849 57.7021 223.512 56.1638 223.512 53.5605C223.512 50.9572 221.145 49.833 218.009 49.1822L213.217 48.2356C207.833 47.1114 203.632 44.804 203.632 38.9466C203.632 33.3259 209.726 29.7168 216.589 29.7168C222.802 29.7168 228.482 32.7342 229.783 39.1241ZM263.404 48.3539H239.679C240.152 54.2705 244.294 57.1696 248.317 57.1696C252.044 57.1696 254.884 55.7496 256.127 52.7322H263.049C261.629 57.8204 256.778 63.027 248.613 63.027C238.377 63.027 232.52 55.2763 232.52 46.1056C232.52 36.5208 239.146 29.7168 248.139 29.7168C257.902 29.7168 264.055 37.7041 263.404 48.3539ZM248.139 35.2192C244.826 35.2192 240.329 37.2308 239.679 43.2065H256.245C256.068 38.2366 252.281 35.2192 248.139 35.2192ZM295.617 43.7982L290.41 42.7923C283.606 41.3724 278.045 37.9408 278.045 30.6634C278.045 22.6761 286.387 18.5936 294.256 18.5936C302.776 18.5936 309.343 22.4394 311.059 31.3734H303.782C302.539 26.1668 298.102 24.7469 293.842 24.7469C290.529 24.7469 285.618 26.226 285.618 30.4267C285.618 33.74 288.28 35.3967 292.008 36.1066L297.274 37.1125C304.788 38.5324 311.947 41.3724 311.947 49.9514C311.947 58.6487 303.368 63.027 294.907 63.027C284.671 63.027 277.808 57.5246 276.861 48.0581H284.257C285.618 53.9155 289.286 56.8737 295.262 56.8737C300.35 56.8737 304.433 54.5663 304.433 50.4247C304.433 45.9873 299.699 44.5673 295.617 43.7982ZM346.134 48.3539H322.409C322.882 54.2705 327.024 57.1696 331.047 57.1696C334.774 57.1696 337.614 55.7496 338.857 52.7322H345.779C344.359 57.8Line truncated
-<path d="M463.098 0.578125C463.848 -0.365996 465.368 0.152018 465.386 1.35742L465.447 10.5381L477.222 10.5381C479.369 10.5385 480.566 13.0187 479.231 14.7002L467.918 28.9473C467.169 29.891 465.649 29.374 465.631 28.1689L465.493 18.9873H453.795C451.648 18.987 450.451 16.5067 451.786 14.8252L463.098 0.578125Z" fill="white"/>
-</svg>
@@ -1,13 +1,13 @@
 import { Announcement } from 'ui/src/layout/banners'
-import SelectBanner from './SelectBanner'
+import LW15Banner from './LW15Banner'
 import announcementJSON from './data.json'

 export const announcement = announcementJSON

 export const AnnouncementBanner = () => {
  return (
-    <Announcement show={true} announcementKey="announcement_select_25_09">
-      <SelectBanner />
+    <Announcement show={true} announcementKey="announcement_lw15_d2">
+      <LW15Banner />
    </Announcement>
  )
 }
@@ -1,92 +0,0 @@
-import React from 'react'
-import Link from 'next/link'
-
-export function SelectBanner() {
-  const selectSiteUrl = 'https://select.supabase.com/'
-  const desc = [
-    'Our first user conference',
-    'Oct 3 2025',
-    'Patrick Collison, Dylan Field, and more',
-  ]
-  const cta = 'Watch replay'
-
-  const baseStyles = 'flex flex-col justify-center border-l border-muted py-8 '
-  const textBlockStyles =
-    baseStyles +
-    'pr-8 text-xs font-mono uppercase leading-none tracking-wide text-white/50 [&_p]:mt-[5px]'
-
-  return (
-    <div
-      className="dark relative w-full flex items-center group justify-center bg-black border-b border-muted transition-colors overflow-hidden"
-      style={
-        {
-          '--line-color': 'hsl(var(--border-muted))',
-          '--line-width': '1px',
-          '--offset-from-top': '64px',
-          '--line-spacing': '12px', // Match -3 utility spacing used elsewhere
-          backgroundImage: `
-          /* Top horizontal line: offset from middle line by line spacing */
-          linear-gradient(to bottom, transparent 0, transparent calc(var(--offset-from-top) - var(--line-spacing)), var(--line-color) calc(var(--offset-from-top) - var(--line-spacing)), var(--line-color) calc(var(--offset-from-top) - var(--line-spacing) + var(--line-width)), transparent calc(var(--offset-from-top) - var(--line-spacing) + var(--line-width))),
-          /* Middle horizontal line */
-          linear-gradient(to bottom, transparent 0, transparent var(--offset-from-top), var(--line-color) var(--offset-from-top), var(--line-color) calc(var(--offset-from-top) + var(--line-width)), transparent calc(var(--offset-from-top) + var(--line-width))),
-          /* Bottom horizontal line: offset from middle line by line spacing */
-          linear-gradient(to bottom, transparent 0, transparent calc(var(--offset-from-top) + var(--line-spacing)), var(--line-color) calc(var(--offset-from-top) + var(--line-spacing)), var(--line-color) calc(var(--offset-from-top) + var(--line-spacing) + var(--line-width)), transparent calc(var(--offset-from-top) + var(--line-spacing) + var(--line-width)))
-        `,
-          backgroundSize: '100% 100%',
-          backgroundRepeat: 'no-repeat',
-        } as React.CSSProperties
-      }
-    >
-      <div className="relative z-10 flex gap-5 items-stretch justify-center px-3 border-l border-muted">
-        <div className={`${baseStyles} -px-3`}>
-          <Link
-            target="_blank"
-            href={selectSiteUrl}
-            className="transition-opacity hover:opacity-80"
-          >
-            <img src="/images/supabase-select/logo.svg" alt="Supabase Select" className="w-36" />
-          </Link>
-        </div>
-        <div className={`${textBlockStyles} hidden md:flex`}>
-          <p>{desc[0]}</p>
-        </div>
-        <div className={`${textBlockStyles} hidden sm:flex`}>
-          <p>{desc[1]}</p>
-        </div>
-        <div className={`${textBlockStyles} hidden xl:flex`}>
-          <p>{desc[2]}</p>
-        </div>
-
-        <div className="flex flex-col justify-center -px-4 border-x border-muted border-dashed relative after:absolute after:top-0 after:left-full after:w-screen after:h-full after:bg-black after:-z-10">
-          <Link
-            target="_blank"
-            href={selectSiteUrl}
-            className="relative before:absolute before:inset-0 before:bg-black before:-z-10 px-4 py-1 h-10 flex items-center justify-center bg-brand-600/20 hover:bg-brand-600/50 outline-1 outline-dashed outline-brand-600/40 hover:outline-brand-600 text-sm text-white font-medium transition-all duration-200"
-          >
-            {cta}
-            {/* Crosshairs */}
-            <div className="absolute pointer-events-none inset-0 z-10">
-              {['top-left', 'top-right', 'bottom-left', 'bottom-right'].map((position) => (
-                <div
-                  key={position}
-                  className={`absolute ${position === 'top-left' ? 'top-0 left-0' : position === 'top-right' ? 'top-0 right-0' : position === 'bottom-left' ? 'bottom-0 left-0' : 'bottom-0 right-0'}`}
-                >
-                  <div
-                    className={`absolute ${position.includes('left') ? '-left-px' : '-right-px'} ${position.includes('top') ? '-top-[3px]' : '-bottom-[3px]'} w-px h-[5px]`}
-                    style={{ backgroundColor: 'hsl(var(--brand-600))' }}
-                  />
-                  <div
-                    className={`absolute ${position.includes('left') ? '-left-[3px]' : '-right-[3px]'} ${position.includes('top') ? '-top-px' : '-bottom-px'} w-[5px] h-px`}
-                    style={{ backgroundColor: 'hsl(var(--brand-600))' }}
-                  />
-                </div>
-              ))}
-            </div>
-          </Link>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default SelectBanner