ŽAR — demo website for a live-fire fine-dining restaurant

Static one-page site in English. No build step — open index.html or deploy the folder as-is.

zar/
  index.html         → all page content
  css/styles.css     → colors, fonts, effects (BRAND: :root block at the top)
  css/tailwind.css   → compiled Tailwind (do not edit by hand)
  js/main.js         → interactions (DATA: SITE object at the top)
  favicon.svg         → site icon
  tailwind.config.js → config used to compile Tailwind

1. Colors and fonts — css/styles.css, :root block at the top (charcoal, ivory, brass/gold accent).
2. Name, phone, email, Instagram, address — js/main.js, SITE object at the top; auto-fills everywhere.
3. Photos — search for REPLACE in index.html. The tasting-menu data-img attributes feed the cursor-following dish photo — replace those too.
4. SEO — <title>, meta description and OG tags in <head>.
5. Build credit — footer, REPLACE comment.

• Ignition intro — the letters Ž·A·R flare in one by one, ember-gradient text, then the hero photo settles behind
• Cursor-following dish photo — hover any tasting-menu course and its photo floats beside the cursor (desktop only, degrades gracefully on touch)
• Magnetic buttons — primary buttons pull gently toward the cursor
• 3D tilt cards — the chef portrait and cellar cards tilt in perspective on mouse movement
• Ghost numerals + breathing ember glow — atmospheric depth on the dark background as you scroll
• Footer marquee — infinite scrolling call-to-action strip

All effects respect prefers-reduced-motion and degrade to a clean static page without JavaScript.

Netlify: app.netlify.com → "Deploy manually" → drag the zar folder in. Vercel: npx vercel from the folder. GitHub Pages: push + Settings → Pages.

• Tailwind is compiled into css/tailwind.css. New Tailwind classes added to the HTML require regenerating it:

  npx tailwindcss@3.4.17 -c tailwind.config.js -i tailwind.input.css -o css/tailwind.css --minify
  

• Forms are demo — they show a message instead of submitting. Wire to a real reservation system (e.g. SevenRooms, Resy) or email for production.
• Chef name, quotes, and press blurb are invented placeholders for the fictional restaurant.