Glacier

Overview

Glacier is an exhibition / editorial marketing hero by SonoJS (demo brand: Glacier). Built with Vite 8, React 19, TypeScript, Tailwind CSS 4, Framer Motion, Playfair Display, and Inter. Full-viewport looping hero.mp4 with soft overlays, centered Glacier Presents mark, stacked Frozen / In Time Playfair headline, italic journey subcopy, oval Enter Exhibit CTA, bottom footer with socials, Privacy / Terms, and Scroll To Navigate. Compact icon dock nav (home, tasks, calendar, goals). Demo chrome only - no exhibit backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Full-bleed ice video

   Looping hero.mp4 with vignettes and centered Glacier Presents lockup.

2. 02

   Frozen In Time type

   Stacked Playfair Display headline, italic subcopy, oval Enter Exhibit CTA.

3. 03

   Footer + icon dock

   Socials, legal links, Scroll To Navigate, and compact icon navbar.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + Tailwind 4 + Framer Motion - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Glacier)
• Hero.tsx + Navbar.tsx
• public/hero.mp4
• Tailwind CSS 4 via @tailwindcss/vite + framer-motion
• Playfair Display + Inter (Google Fonts)