Arc Summit

在云境TS 中打开并复制 →

内容预览

Build a pixel-accurate ArcSummit 2026 landing page as a Vite + React 18 + TypeScript + Tailwind CSS 3 + Framer Motion app. Recreate the page in one shot. Do not invent extra sections (no schedule, speakers, FAQ content, footer, or forms). Main is only: Navbar + Hero + TextFill. STACK - React 18, TypeScript, Vite, Tailwind 3, framer-motion - Default Tailwind theme (no custom theme tokens) - html { scroll-behavior: auto } (NOT smooth) - body { margin:0; padding:0; background:#000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } - wrapping all sections FONT (exact) - Load in index.html: - Display headlines use: fontFamily: '"Tiempos Headline Light", Georgia, serif' - UI/nav uses system sans (Tailwind default) COLORS (exact) - Page/black: #000 and #01030B - Pink accent: #F95A99 - Cream text: #E2DBC8 - Ticker bg: #0A0E1A - Overlay gradient: from-[#01030B] via-[#01030B]/30 via-30% to-transparent - White / white/80 / white/90 as specified VIDEO (exact URL, do not change) https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260822_105935_4eac3aac-4376-4cab-b992-6e61309d035f.mp4 ══════════════════════════════════════ 1) NAVBAR — fixed top-0 left-0 right-0 z-[60] ══════════════════════════════════════ A) TICKER (full width, overflow-hidden) - bg #0A0E1A - py-1.5 sm:py-2 - text-[10px] sm:text-[11px] font-medium tracking-[0.15em] uppercase text-white/90 - Inner row: flex w-max, animated via rAF (NOT CSS marquee) - Duplicate the same content b

……（完整源码请在站内查看）