npm install
npm run dev

Copy Superclear-Logo.png into the /public folder.

• Add a looping video file to /public/bg-video.mp4
• Recommended: dark, abstract, slow-moving footage (smoke, water, particles)
• Keep it short (5–15s) and compressed for fast loading
• Free options: Pexels, Coverr, Mixkit

In app/page.tsx, replace the iframe src with your hosted PDF URL:

<iframe
  src="https://your-hosted-pdf-url.com/menu-pricing.pdf"
  ...
/>

Options for hosting PDFs:

• Vercel Blob — upload via dashboard, paste the URL
• Google Drive — share link → change /view to /preview
• Dropbox — share link → change ?dl=0 to ?raw=1
• AWS S3 / Cloudflare R2 — public bucket URL

Update the href on the Contact button in app/page.tsx:

<a href="mailto:your@email.com">Contact</a>

Edit the tagline and description text in app/page.tsx as needed.

superclear/
├── app/
│   ├── layout.tsx       ← Root layout + metadata
│   ├── page.tsx         ← Main page (nav, hero, PDF modal)
│   └── globals.css      ← Noise overlay, typography, animations
├── public/
│   ├── Superclear-Logo.png
│   └── bg-video.mp4
├── next.config.js
├── tailwind.config.js
└── package.json