BRUNO Tbilisi

ედიტორიული საიტი ვაკეში მდებარე ღვინის რესტორნისთვის — Midnight Cellar პალიტრა, Fraunces Variable, GEO LLM-ებისთვის, 16+ ანიმაციური ფენა.

რეგიონი

თბილისი, ვაკე (ზაქარია ფალიაშვილის 11a)

როლი

დიზაინი, fullstack-დეველოპმენტი, კონტენტ-პაიპლაინი, GEO/SEO, დეპლოი

პერიოდი

2026

ნიშა

რესტორანი / European fusion

საიტი საჯაროა (brunotbilisi.com). NDA არ არის — რესტორნის ყველა მონაცემი ღიაა: მენიუ, ფასები, კონტაქტები, ფოტოები.

BRUNO — modern European fusion ვაკის რაიონში, თბილისი. Brunch ყოველდღე 16:00-მდე, cocktails და biodynamic wines საღამოს, beef tartar და truffle pasta მუდმივ მენიუში. საიტი გაკეთებულია როგორც ედიტორიული ჟურნალი, არა ლენდინგი: 16 ანიმაციური ფენა და მიწოდების სამი პარალელური გზა — მთავარი-მიმოხილვა, ცალკე გვერდები მენიუს თითოეული სექციისთვის, reels რეჟიმი დარბაზის ვიდეო-მიმოხილვებით.

შემდეგ — ვრცელი მოთხრობა: კონცეფცია «Midnight Cellar», პალიტრა და შრიფტები, 16 ანიმაციის ანალიზი, GEO-სტრატეგია (BRUNO ერთ-ერთმა პირველმა მიიღო პოზიციები ChatGPT-სა და Perplexity-ში საქართველოში), კონტენტ-პაიპლაინი 200+ ფოტოზე, სტეკი.

რა შიგნით

პალიტრა «Midnight Cellar»: ink-base #0D0A07, cream #F5EEE0, fire-orange #C9651F, wine #6B1E2A — სამი დონის მუქი + ორი ემოციური აქცენტი.

Fraunces Variable display SOFT, WONK, opsz ღერძებით — italic-ჩანართები ხელით ამოკვეთილი გრავიურასავით გამოიყურება, არა დახრილი ტექსტი.

16+ ანიმაციური ფენა, ყველა სუფთა CSS + IntersectionObserver-ზე: candle flicker (6s loop), hero parallax + gyro-drift mobile-ზე, scroll velocity blur, scroll progress bar, menu stagger + 3D tilt, gallery wave, amber panel breathe, sunrise sweep brunch-ზე (one-shot per session), film grain მთელ საიტზე.

ყველა ანიმაცია იცავს prefers-reduced-motion: reduce — fallback უბრალო fade-ზე motion-blur-ისა და scale-ის გარეშე.

მრავალგვერდიანი საიტი: მთავრის 9 სექცია + 8 routes (menu ქვეკატეგორიებით /menu/{category}, brunch, cocktails, reels autoplay-on-scroll ვიდეოებით, reviews — სრული 127 მიმოხილვა, visit, about).

Built for GEO: JSON-LD Restaurant + Menu + FAQPage, llms.txt answer-first summary-ით, robots.txt ექსპლიციტური Allow-ით GPTBot, ClaudeBot, PerplexityBot, Google-Extended, Applebot-Extended-ისთვის.

კონტენტ-პაიპლაინი 200+ ფოტოზე: Instagram (242 პოსტი instaloader-ით) + Yandex Maps (65 ფოტო Playwright-ით) + Restaurant Guru (45) + Tripadvisor + Google Business Profile. sharp resize → webp q=82 + avif q=70, blurhash placeholder, pHash-დედუპლიკაცია.

რეალური მონაცემები: 127 კურირებული მიმოხილვა 4 წყაროდან (Google/Yandex/TripAdvisor/Guru), 57 ფოტო გალერეაში pHash-ით კურირებული 3 ქვესექციად.

ScrollVelocityBlur — დინამიური blur 0–1.8px body-ზე სქროლის სიჩქარის მიხედვით, lerp-დაგლუვება ყოველ rAF-ზე.

Hero-პარალაქსი gyroscope-drift-ით mobile-ზე: ფონის ფოტო იწევს ±2-3°-ით მოწყობილობის დახრის კუთხის მიხედვით.

სტეკი

Next.js 14 (App Router, SSR)

TypeScript

Tailwind CSS

Fraunces Variable + IBM Plex Serif + IBM Plex Mono (next/font/google)

instaloader + Playwright (Yandex Maps, TripAdvisor, Restaurant Guru) — pipeline 200+ ფოტოს შესაგროვებლად

sharp + blurhash + pHash დედუპლიკაცია

JSON-LD Restaurant/Menu/FAQPage, llms.txt

VPS + nginx + Cloudflare

BRUNO Tbilisi

რა შიგნით

სტეკი

ერთი პროექტი — სამი კუთხე

ბიზნეს-ლოგიკა