+ {t.contacts.message} +

setMessage(e.target.value)}
+        />
+      </div>
+
+      <div className="honeypot" aria-hidden="true">
+        <label htmlFor="website">Website</label>
+        <input
+          id="website"
+          type="text"
+          tabIndex={-1}
+          autoComplete="off"
+          value={honeypot}
+          onChange={(e) => setHoneypot(e.target.value)}
+        />
+      </div>
+
+      <button className="btn btn--primary" type="submit" disabled={status === 'sending'}>
+        {status === 'sending' ? t.contacts.sending : t.contacts.send}
+      </button>
+    </form>
+  );
+}
diff --git a/src/components/islands/EventEditor.tsx b/src/components/islands/EventEditor.tsx
new file mode 100644
index 0000000..3667ef5
--- /dev/null
+++ b/src/components/islands/EventEditor.tsx
@@ -0,0 +1,288 @@
+import { useRef, useState } from 'react';
+import type { FormEvent, ChangeEvent } from 'react';
+import { createBrowserSupabase } from '../../lib/supabase';
+import type { Dict } from '../../lib/i18n';
+import type { EventRow } from '../../lib/db';
+
+interface Props {
+  dict: Dict;
+  event?: EventRow | null;
+}
+
+function pad(n: number): string {
+  return String(n).padStart(2, '0');
+}
+
+function toLocalInput(iso?: string | null): string {
+  if (!iso) return '';
+  const d = new Date(iso);
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+function slugify(value: string): string {
+  return value
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/['']/g, '')
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 80);
+}
+
+export default function EventEditor({ dict: t, event }: Props) {
+  const [titleUa, setTitleUa] = useState(event?.title?.ua ?? '');
+  const [titleEn, setTitleEn] = useState(event?.title?.en ?? '');
+  const [descriptionUa, setDescriptionUa] = useState(event?.description?.ua ?? '');
+  const [descriptionEn, setDescriptionEn] = useState(event?.description?.en ?? '');
+  const [slug, setSlug] = useState(event?.slug ?? '');
+  const [slugTouched, setSlugTouched] = useState(Boolean(event));
+  const [startsAt, setStartsAt] = useState(toLocalInput(event?.starts_at));
+  const [endsAt, setEndsAt] = useState(toLocalInput(event?.ends_at));
+  const [venueName, setVenueName] = useState(event?.venue_name ?? '');
+  const [status, setStatus] = useState<'draft' | 'published'>(event?.status ?? 'draft');
+  const [cover, setCover] = useState<string | null>(event?.cover_image_url ?? null);
+  const [uploading, setUploading] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const fileInput = useRef<HTMLInputElement>(null);
+
+  function handleTitleUa(value: string) {
+    setTitleUa(value);
+    if (!slugTouched) setSlug(slugify(value));
+  }
+
+  async function handleCoverUpload(e: ChangeEvent<HTMLInputElement>) {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    setUploading(true);
+    setError(null);
+    try {
+      const ext = file.name.split('.').pop()?.toLowerCase() || 'jpg';
+      const path = `covers/${crypto.randomUUID()}.${ext}`;
+      const supabase = createBrowserSupabase();
+      const { data, error: uploadError } = await supabase.storage
+        .from('event-covers')
+        .upload(path, file, { upsert: false, contentType: file.type });
+
+      if (uploadError) throw uploadError;
+      if (!data) throw new Error('No upload path');
+
+      const { data: publicUrl } = supabase.storage.from('event-covers').getPublicUrl(data.path);
+      setCover(publicUrl.publicUrl);
+    } catch {
+      setError(t.common.error);
+    } finally {
+      setUploading(false);
+      if (fileInput.current) fileInput.current.value = '';
+    }
+  }
+
+  function handleRemoveCover() {
+    setCover(null);
+  }
+
+  async function handleSubmit(e: FormEvent) {
+    e.preventDefault();
+    setError(null);
+
+    if (!titleUa.trim() || !titleEn.trim() || !slug.trim() || !startsAt || !endsAt) {
+      setError(t.common.required);
+      return;
+    }
+    if (new Date(endsAt) <= new Date(startsAt)) {
+      setError(t.common.error);
+      return;
+    }
+
+    const payload = {
+      title: { ua: titleUa.trim(), en: titleEn.trim() },
+      description: { ua: descriptionUa.trim(), en: descriptionEn.trim() },
+      slug: slug.trim(),
+      starts_at: new Date(startsAt).toISOString(),
+      ends_at: new Date(endsAt).toISOString(),
+      venue_name: venueName.trim() || null,
+      cover_image_url: cover,
+      status,
+    };
+
+    setBusy(true);
+    try {
+      const url = event ? `/api/admin/events/${event.id}` : '/api/admin/events';
+      const res = await fetch(url, {
+        method: event ? 'PUT' : 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload),
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        setError(data?.error || t.common.error);
+        setBusy(false);
+        return;
+      }
+      window.location.href = '/admin/events';
+    } catch {
+      setError(t.common.error);
+      setBusy(false);
+    }
+  }
+
+  return (
+    <form className="form" onSubmit={handleSubmit}>
+      {error && (
+        <div className="form-error" role="alert">
+          {error}
+        </div>
+      )}
+
+      <div className="grid-2">
+        <div className="form-field">
+          <label htmlFor="title-ua">{t.admin.eventTitleUa} *</label>
+          <input
+            className="input"
+            id="title-ua"
+            required
+            value={titleUa}
+            onChange={(e) => handleTitleUa(e.target.value)}
+          />
+        </div>
+        <div className="form-field">
+          <label htmlFor="title-en">{t.admin.eventTitleEn} *</label>
+          <input
+            className="input"
+            id="title-en"
+            required
+            value={titleEn}
+            onChange={(e) => setTitleEn(e.target.value)}
+          />
+        </div>
+      </div>
+
+      <div className="grid-2">
+        <div className="form-field">
+          <label htmlFor="desc-ua">{t.admin.eventDescUa}</label>
+          <textarea
+            className="textarea"
+            id="desc-ua"
+            value={descriptionUa}
+            onChange={(e) => setDescriptionUa(e.target.value)}
+          />
+        </div>
+        <div className="form-field">
+          <label htmlFor="desc-en">{t.admin.eventDescEn}</label>
+          <textarea
+            className="textarea"
+            id="desc-en"
+            value={descriptionEn}
+            onChange={(e) => setDescriptionEn(e.target.value)}
+          />
+        </div>
+      </div>
+
+      <div className="grid-2">
+        <div className="form-field">
+          <label htmlFor="slug">{t.admin.slug} *</label>
+          <input
+            className="input"
+            id="slug"
+            required
+            value={slug}
+            onChange={(e) => {
+              setSlugTouched(true);
+              setSlug(e.target.value);
+            }}
+          />
+        </div>
+        <div className="form-field">
+          <label htmlFor="venue-name">{t.admin.venueName}</label>
+          <input
+            className="input"
+            id="venue-name"
+            value={venueName}
+            onChange={(e) => setVenueName(e.target.value)}
+          />
+        </div>
+      </div>
+
+      <div className="grid-2">
+        <div className="form-field">
+          <label htmlFor="starts-at">{t.admin.startsAt} *</label>
+          <input
+            className="input"
+            id="starts-at"
+            type="datetime-local"
+            required
+            value={startsAt}
+            onChange={(e) => setStartsAt(e.target.value)}
+          />
+        </div>
+        <div className="form-field">
+          <label htmlFor="ends-at">{t.admin.endsAt} *</label>
+          <input
+            className="input"
+            id="ends-at"
+            type="datetime-local"
+            required
+            value={endsAt}
+            onChange={(e) => setEndsAt(e.target.value)}
+          />
+        </div>
+      </div>
+
+      <div className="form-field">
+        <label htmlFor="status">{t.admin.status}</label>
+        <select
+          className="select"
+          id="status"
+          value={status}
+          onChange={(e) => setStatus(e.target.value as 'draft' | 'published')}
+        >
+          <option value="draft">{t.common.draft}</option>
+          <option value="published">{t.common.published}</option>
+        </select>
+      </div>
+
+      <div className="form-field">
+        <span className="form-field__label">{t.admin.coverImage}</span>
+        {cover && (
+          <div style={{ display: 'flex', gap: '12px', alignItems: 'center', flexWrap: 'wrap' }}>
+            <img
+              src={cover}
+              alt=""
+              style={{ width: 180, height: 102, objectFit: 'cover', borderRadius: 8, border: '1px solid var(--border)' }}
+            />
+            <button type="button" className="btn btn--ghost btn--sm" onClick={handleRemoveCover}>
+              {t.common.cancel}
+            </button>
+          </div>
+        )}
+        {!cover && (
+          <div>
+            <input
+              ref={fileInput}
+              id="cover-file"
+              type="file"
+              accept="image/*"
+              onChange={handleCoverUpload}
+              className="input"
+            />
+            {uploading && <span className="text-muted">{t.common.loading}</span>}
+          </div>
+        )}
+      </div>
+
+      <div style={{ display: 'flex', gap: '12px', flexWrap: 'wrap' }}>
+        <button className="btn btn--primary" type="submit" disabled={busy || uploading}>
+          {busy
+            ? t.admin.saving
+            : event
+              ? t.admin.save
+              : t.admin.create}
+        </button>
+        <a className="btn btn--ghost" href="/admin/events">
+          {t.common.cancel}
+        </a>
+      </div>
+    </form>
+  );
+}
diff --git a/src/components/islands/EventFilters.tsx b/src/components/islands/EventFilters.tsx
new file mode 100644
index 0000000..ab0209c
--- /dev/null
+++ b/src/components/islands/EventFilters.tsx
@@ -0,0 +1,64 @@
+import type { FormEvent } from 'react';
+import { useState } from 'react';
+import type { Dict } from '../../lib/i18n';
+
+interface Props {
+  dict: Dict;
+  currentFilter: string;
+  currentQuery: string;
+}
+
+type Filter = 'all' | 'upcoming' | 'past';
+
+function navigate(params: Record<string, string | null>) {
+  const url = new URL(window.location.href);
+  for (const [key, value] of Object.entries(params)) {
+    if (value) url.searchParams.set(key, value);
+    else url.searchParams.delete(key);
+  }
+  window.location.href = url.toString();
+}
+
+export default function EventFilters({ dict: t, currentFilter, currentQuery }: Props) {
+  const [query, setQuery] = useState(currentQuery);
+
+  const tabs: { key: Filter; label: string }[] = [
+    { key: 'all', label: t.events.allTab },
+    { key: 'upcoming', label: t.events.upcomingTab },
+    { key: 'past', label: t.events.pastTab },
+  ];
+
+  function submitSearch(e: FormEvent) {
+    e.preventDefault();
+    navigate({ q: query.trim() || null });
+  }
+
+  return (
+    <div className="filter-bar">
+      <div className="tabs" role="tablist">
+        {tabs.map((tab) => (
+          <button
+            key={tab.key}
+            type="button"
+            role="tab"
+            aria-selected={currentFilter === tab.key}
+            className={currentFilter === tab.key ? 'is-active' : ''}
+            onClick={() => navigate({ filter: tab.key === 'all' ? null : tab.key })}
+          >
+            {tab.label}
+          </button>
+        ))}
+      </div>
+
+      <form className="search-input" onSubmit={submitSearch} role="search">
+        <input
+          className="input"
+          type="search"
+          placeholder={t.events.searchPlaceholder}
+          value={query}
+          onChange={(e) => setQuery(e.target.value)}
+        />
+      </form>
+    </div>
+  );
+}
diff --git a/src/components/islands/LangSwitcher.astro b/src/components/islands/LangSwitcher.astro
new file mode 100644
index 0000000..4097c42
--- /dev/null
+++ b/src/components/islands/LangSwitcher.astro
@@ -0,0 +1,20 @@
+---
+import { LOCALES, localizedPath } from '../../lib/i18n';
+import type { Locale } from '../../lib/i18n';
+
+interface Props {
+  locale: Locale;
+  pagePath?: string;
+  labels: Record<Locale, string>;
+}
+
+const { locale, pagePath = '/', labels } = Astro.props;
+---
+
+<div class="lang-switch" role="group" aria-label="Language">
+  {LOCALES.map((l) => (
+    <a href={localizedPath(l, pagePath)} aria-current={l === locale ? 'true' : undefined}>
+      {labels[l]}
+    </a>
+  ))}
+</div>
diff --git a/src/components/islands/MapView.tsx b/src/components/islands/MapView.tsx
new file mode 100644
index 0000000..06310ed
--- /dev/null
+++ b/src/components/islands/MapView.tsx
@@ -0,0 +1,46 @@
+import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
+import L from 'leaflet';
+import 'leaflet/dist/leaflet.css';
+
+interface Props {
+  lat: number;
+  lng: number;
+  name: string;
+  address: string;
+  hint: string;
+}
+
+const pinIcon = L.divIcon({
+  className: '',
+  html: `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="44" viewBox="0 0 36 44" aria-hidden="true">
+    <path d="M18 0C8 0 0 8 0 18c0 13 18 26 18 26s18-13 18-26C36 8 28 0 18 0z" fill="#d96c3f"/>
+    <circle cx="18" cy="18" r="7" fill="#ffffff"/>
+  </svg>`,
+  iconSize: [36, 44],
+  iconAnchor: [18, 44],
+  popupAnchor: [0, -40],
+});
+
+export default function MapView({ lat, lng, name, address, hint }: Props) {
+  return (
+    <MapContainer
+      center={[lat, lng]}
+      zoom={15}
+      scrollWheelZoom={false}
+      style={{ height: '100%', width: '100%' }}
+      aria-label={hint}
+    >
+      <TileLayer
+        attribution='© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+      />
+      <Marker position={[lat, lng]} icon={pinIcon}>
+        <Popup>
+          <strong>{name}</strong>
+          <br />
+          {address}
+        </Popup>
+      </Marker>
+    </MapContainer>
+  );
+}
diff --git a/src/components/islands/ReviewForm.tsx b/src/components/islands/ReviewForm.tsx
new file mode 100644
index 0000000..e3603fa
--- /dev/null
+++ b/src/components/islands/ReviewForm.tsx
@@ -0,0 +1,92 @@
+import { useState } from 'react';
+import type { FormEvent } from 'react';
+import type { Dict } from '../../lib/i18n';
+
+interface Props {
+  dict: Dict;
+  eventId?: string;
+}
+
+export default function ReviewForm({ dict: t, eventId }: Props) {
+  const [rating, setRating] = useState(0);
+  const [comment, setComment] = useState('');
+  const [status, setStatus] = useState<'idle' | 'sending' | 'success' | 'error'>('idle');
+
+  async function handleSubmit(e: FormEvent) {
+    e.preventDefault();
+    if (rating < 1) return;
+    setStatus('sending');
+
+    try {
+      const url = eventId ? '/api/reviews' : '/api/venue-reviews';
+      const body = eventId ? { event_id: eventId, rating, comment } : { rating, comment };
+      const res = await fetch(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(body),
+      });
+      if (res.ok) {
+        setStatus('success');
+        setComment('');
+        setRating(0);
+        window.setTimeout(() => window.location.reload(), 700);
+      } else {
+        setStatus('error');
+      }
+    } catch {
+      setStatus('error');
+    }
+  }
+
+  return (
+    <form className="form" onSubmit={handleSubmit}>
+      {status === 'success' && (
+        <div className="form-success" role="status">
+          {t.reviewForm.success}
+        </div>
+      )}
+      {status === 'error' && (
+        <div className="form-error" role="alert">
+          {t.reviewForm.error}
+        </div>
+      )}
+
+      <div className="form-field">
+        <label htmlFor="review-rating">{t.reviewForm.ratingLabel}</label>
+        <div className="star-rating" id="review-rating" role="radiogroup" aria-label={t.reviewForm.ratingLabel}>
+          {[1, 2, 3, 4, 5].map((value) => (
+            <button
+              key={value}
+              type="button"
+              role="radio"
+              aria-checked={rating === value}
+              className={value <= rating ? 'is-selected' : ''}
+              aria-label={`${value}`}
+              onClick={() => setRating(value)}
+            >
+              ★
+            </button>
+          ))}
+        </div>
+        <span className="text-muted" style={{ fontSize: '0.85rem' }}>
+          {t.reviewForm.starsHint}
+        </span>
+      </div>
+
+      <div className="form-field">
+        <label htmlFor="review-comment">{t.reviewForm.commentLabel}</label>
+        <textarea
+          className="textarea"
+          id="review-comment"
+          placeholder={t.reviewForm.commentPlaceholder}
+          value={comment}
+          onChange={(e) => setComment(e.target.value)}
+        />
+      </div>
+
+      <button className="btn btn--primary" type="submit" disabled={status === 'sending' || rating < 1}>
+        {status === 'sending' ? t.reviewForm.submitting : t.reviewForm.submit}
+      </button>
+    </form>
+  );
+}
diff --git a/src/components/islands/VenueReviewForm.tsx b/src/components/islands/VenueReviewForm.tsx
new file mode 100644
index 0000000..31f743b
--- /dev/null
+++ b/src/components/islands/VenueReviewForm.tsx
@@ -0,0 +1,10 @@
+import ReviewForm from './ReviewForm';
+import type { Dict } from '../../lib/i18n';
+
+interface Props {
+  dict: Dict;
+}
+
+export default function VenueReviewForm({ dict }: Props) {
+  return <ReviewForm dict={dict} />;
+}
diff --git a/src/components/ui/EventCard.astro b/src/components/ui/EventCard.astro
new file mode 100644
index 0000000..2666e84
--- /dev/null
+++ b/src/components/ui/EventCard.astro
@@ -0,0 +1,53 @@
+---
+import { localizedPath } from '../../lib/i18n';
+import { titleFor } from '../../lib/db';
+import { formatShortDate, formatTime } from '../../lib/format';
+import type { Locale, Dict } from '../../lib/i18n';
+import type { EventRow } from '../../lib/db';
+import Icon from './Icon.astro';
+
+interface Props {
+  event: EventRow;
+  locale: Locale;
+  dict: Dict;
+}
+
+const { event, locale, dict: t } = Astro.props;
+const href = localizedPath(locale, `/events/${event.slug}`);
+const isPast = new Date(event.starts_at).getTime() < Date.now();
+const title = titleFor(locale, event);
+const initial = (title || event.slug).trim().charAt(0).toUpperCase();
+---
+
+<a class="event-card" href={href}>
+  <div class="event-card__media">
+    {event.cover_image_url ? (
+      <img src={event.cover_image_url} alt={title} loading="lazy" />
+    ) : (
+      <div class="event-card__media-placeholder" aria-hidden="true">
+        {initial}
+      </div>
+    )}
+    <span class="event-card__date-badge">{formatShortDate(locale, event.starts_at)}</span>
+  </div>
+  <div class="event-card__body">
+    <h3 class="event-card__title">{title || event.slug}</h3>
+    <div class="event-card__meta">
+      <span><Icon name="calendar" size={14} /> {formatShortDate(locale, event.starts_at)}</span>
+      <span><Icon name="clock" size={14} /> {formatTime(locale, event.starts_at)}</span>
+      {event.venue_name && (
+        <span>
+          <Icon name="pin" size={14} /> {event.venue_name}
+        </span>
+      )}
+    </div>
+    <div class="event-card__foot">
+      {isPast ? (
+        <span class="badge badge--past">{t.events.pastLabel}</span>
+      ) : (
+        <span class="badge badge--published">{t.events.upcomingLabel}</span>
+      )}
+      <span class="text-muted">{t.common.view} →</span>
+    </div>
+  </div>
+</a>
diff --git a/src/components/ui/Icon.astro b/src/components/ui/Icon.astro
new file mode 100644
index 0000000..06b8ab6
--- /dev/null
+++ b/src/components/ui/Icon.astro
@@ -0,0 +1,45 @@
+---
+interface Props {
+  name: 'calendar' | 'clock' | 'pin' | 'phone' | 'mail' | 'chat' | 'tent' | 'tree' | 'ticket';
+  size?: number;
+  class?: string;
+}
+
+const { name, size = 18, class: className } = Astro.props;
+
+const paths: Record<Props['name'], string> = {
+  calendar:
+    '<rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/>',
+  clock:
+    '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/>',
+  pin:
+    '<path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/>',
+  phone:
+    '<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z"/>',
+  mail:
+    '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 6L2 7"/>',
+  chat:
+    '<path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5Z"/>',
+  tent:
+    '<path d="M12 3 3 20h18L12 3Z"/><path d="M12 3v17"/>',
+  tree:
+    '<path d="M8 19a4 4 0 0 1-2.24-7.32A3.5 3.5 0 0 1 9 6.03V6a3 3 0 0 1 6 0v.03a3.5 3.5 0 0 1 3.24 5.65A4 4 0 0 1 16 19Z"/><path d="M12 19v3"/>',
+  ticket:
+    '<path d="M3 9V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4"/><circle cx="15" cy="12" r="1"/><path d="M3 15v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4"/>',
+};
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  aria-hidden="true"
+  class={className}
+  set:html={paths[name]}
+/>
diff --git a/src/components/ui/ReviewCard.astro b/src/components/ui/ReviewCard.astro
new file mode 100644
index 0000000..4cd1e8d
--- /dev/null
+++ b/src/components/ui/ReviewCard.astro
@@ -0,0 +1,47 @@
+---
+import Stars from './Stars.astro';
+import { initials, formatRelative } from '../../lib/format';
+import type { Locale, Dict } from '../../lib/i18n';
+import type { ReviewRow } from '../../lib/db';
+
+interface Props {
+  review: ReviewRow;
+  locale: Locale;
+  dict: Dict;
+  deleteUrl?: string;
+}
+
+const { review, locale, dict: t, deleteUrl } = Astro.props;
+const name = review.user?.full_name || 'Guest';
+---
+
+<article class="review">
+  <div class="review__head">
+    <div>
+      <span class="review__author">
+        {review.user?.avatar_url ? (
+          <img class="avatar" src={review.user.avatar_url} alt="" style="display:inline-block;margin-right:8px;vertical-align:middle;" />
+        ) : (
+          <span class="avatar" style="display:inline-grid;margin-right:8px;vertical-align:middle;">{initials(name)}</span>
+        )}
+        {name}
+      </span>
+      <div class="review__date">{formatRelative(locale, review.created_at)}</div>
+    </div>
+    <div style="display:flex;align-items:center;gap:10px;">
+      <Stars rating={review.rating} label={`${review.rating} / 5`} />
+      {deleteUrl && (
+        <form
+          method="post"
+          action={deleteUrl}
+          onsubmit={`return confirm(${JSON.stringify(t.reviewForm.deleteConfirm)})`}
+        >
+          <button class="btn btn--danger btn--sm" type="submit">
+            {t.reviewForm.delete}
+          </button>
+        </form>
+      )}
+    </div>
+  </div>
+  {review.comment && <p style="margin:0;">{review.comment}</p>}
+</article>
diff --git a/src/components/ui/Stars.astro b/src/components/ui/Stars.astro
new file mode 100644
index 0000000..479491b
--- /dev/null
+++ b/src/components/ui/Stars.astro
@@ -0,0 +1,13 @@
+---
+interface Props {
+  rating: number;
+  label?: string;
+}
+
+const { rating, label } = Astro.props;
+const clamped = Math.max(0, Math.min(5, Math.round(rating)));
+---
+
+<span class="stars" role="img" aria-label={label ?? `${clamped} / 5`}>
+  {Array.from({ length: 5 }, (_, i) => (i < clamped ? '★' : '☆')).join('')}
+</span>
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..dc5b42e
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,24 @@
+/// <reference types="astro/client" />
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="@astrojs/netlify/functions" />
+
+import type { SupabaseClient } from '@supabase/supabase-js';
+import type { Locale } from './lib/i18n';
+
+declare global {
+  namespace App {
+    interface Locals {
+      locale: Locale;
+      supabase: SupabaseClient;
+      user: {
+        id: string;
+        email?: string;
+        fullName?: string | null;
+        avatarUrl?: string | null;
+        isAdmin: boolean;
+      } | null;
+    }
+  }
+}
+
+export {};
diff --git a/src/layouts/AdminLayout.astro b/src/layouts/AdminLayout.astro
new file mode 100644
index 0000000..f46f586
--- /dev/null
+++ b/src/layouts/AdminLayout.astro
@@ -0,0 +1,67 @@
+---
+import '../styles/global.css';
+import { getDict } from '../lib/i18n';
+
+interface Props {
+  title: string;
+  current?: 'dashboard' | 'events' | 'reviews' | 'messages';
+}
+
+const { title, current } = Astro.props;
+const dict = getDict('ua');
+
+const navItems = [
+  { key: 'dashboard', href: '/admin', label: dict.admin.navDashboard },
+  { key: 'events', href: '/admin/events', label: dict.admin.navEvents },
+  { key: 'reviews', href: '/admin/reviews', label: dict.admin.navReviews },
+  { key: 'messages', href: '/admin/messages', label: dict.admin.navMessages },
+] as const;
+---
+
+<!doctype html>
+<html lang="ua">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{title}</title>
+    <meta name="robots" content="noindex, nofollow" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <header class="header">
+      <div class="container header__inner">
+        <a class="logo" href="/admin">
+          <span class="logo__mark">D</span>
+          <span>Devodytyji / Admin</span>
+        </a>
+        <nav class="nav" aria-label="admin">
+          <a class="btn btn--outline btn--sm" href="/ua/">
+            {dict.admin.backToSite}
+          </a>
+          <form action="/api/auth/logout" method="post">
+            <button class="btn btn--ghost btn--sm" type="submit">
+              {dict.nav.logout}
+            </button>
+          </form>
+        </nav>
+      </div>
+    </header>
+
+    <div class="container admin-shell">
+      <nav class="admin-nav" aria-label="admin">
+        {navItems.map((item) => (
+          <a href={item.href} aria-current={current === item.key ? 'page' : undefined}>
+            {item.label}
+          </a>
+        ))}
+      </nav>
+      <div>
+        <slot />
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
new file mode 100644
index 0000000..47095e2
--- /dev/null
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,87 @@
+---
+import '../styles/global.css';
+import { LOCALES, localizedPath, getAlternateLocales } from '../lib/i18n';
+import type { Locale, Dict } from '../lib/i18n';
+import Header from '../components/Header.astro';
+import Footer from '../components/Footer.astro';
+
+interface Props {
+  locale: Locale;
+  dict: Dict;
+  pagePath?: string;
+  title?: string;
+  description?: string;
+  ogImage?: string;
+  user?: App.Locals['user'];
+}
+
+const {
+  locale,
+  dict,
+  pagePath = '/',
+  title = dict.meta.homeTitle,
+  description = dict.meta.homeDescription,
+  ogImage = dict.meta.defaultOgImage,
+  user,
+} = Astro.props;
+
+const siteUrl = import.meta.env.PUBLIC_SITE_URL ?? 'http://localhost:4321';
+const canonical = `${siteUrl}${localizedPath(locale, pagePath)}`;
+const fullOgImage = ogImage.startsWith('http') ? ogImage : `${siteUrl}${ogImage}`;
+const alternates = getAlternateLocales(locale);
+const t = dict;
+---
+
+<!doctype html>
+<html lang={locale}>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="generator" content={Astro.generator} />
+    <meta name="theme-color" content="#2e6b4f" />
+    <title>{title}</title>
+    <meta name="description" content={description} />
+
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+
+    <link rel="canonical" href={canonical} />
+    {alternates.map((l) => (
+      <link rel="alternate" hreflang={l} href={`${siteUrl}${localizedPath(l, pagePath)}`} />
+    ))}
+    <link rel="alternate" hreflang="x-default" href={`${siteUrl}/${LOCALES[0]}/`} />
+
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content={dict.meta.siteName} />
+    <meta property="og:title" content={title} />
+    <meta property="og:description" content={description} />
+    <meta property="og:url" content={canonical} />
+    <meta property="og:image" content={fullOgImage} />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content={title} />
+    <meta property="og:locale" content={locale === 'ua' ? 'uk_UA' : 'en_US'} />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content={title} />
+    <meta name="twitter:description" content={description} />
+    <meta name="twitter:image" content={fullOgImage} />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
+    <slot name="head" />
+  </head>
+  <body>
+    <Header locale={locale} dict={t} user={user} pagePath={pagePath} />
+    <main>
+      <slot />
+    </main>
+    <Footer locale={locale} dict={t} />
+  </body>
+</html>
diff --git a/src/lib/db.ts b/src/lib/db.ts
new file mode 100644
index 0000000..2e3a1be
--- /dev/null
+++ b/src/lib/db.ts
@@ -0,0 +1,249 @@
+import type { SupabaseClient } from '@supabase/supabase-js';
+import type { Locale } from './i18n';
+
+export type EventStatus = 'draft' | 'published';
+
+export interface EventRow {
+  id: string;
+  slug: string;
+  title: { ua: string; en: string };
+  description: { ua: string; en: string };
+  cover_image_url: string | null;
+  starts_at: string;
+  ends_at: string;
+  venue_name: string | null;
+  status: EventStatus;
+  created_by: string | null;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface ReviewRow {
+  id: string;
+  user_id: string;
+  rating: number;
+  comment: string | null;
+  created_at: string;
+  user: { full_name: string | null; avatar_url: string | null } | null;
+  event_id?: string | null;
+}
+
+export interface MessageRow {
+  id: string;
+  name: string;
+  email: string;
+  message: string;
+  read: boolean;
+  created_at: string;
+}
+
+export type EventsFilter = 'all' | 'upcoming' | 'past';
+
+export function titleFor(locale: Locale, event: EventRow): string {
+  return event.title?.[locale] || event.title?.['ua'] || event.title?.['en'] || '';
+}
+
+export function descriptionFor(locale: Locale, event: EventRow): string {
+  return event.description?.[locale] || event.description?.['ua'] || event.description?.['en'] || '';
+}
+
+export async function getPublishedEvents(
+  supabase: SupabaseClient,
+  filter: EventsFilter,
+  query: string,
+  limit = 50,
+): Promise<EventRow[]> {
+  const now = new Date().toISOString();
+  let request = supabase
+    .from('events')
+    .select('*')
+    .eq('status', 'published')
+    .order('starts_at', { ascending: filter !== 'past' })
+    .limit(limit);
+
+  if (filter === 'upcoming') request = request.gte('starts_at', now);
+  if (filter === 'past') request = request.lt('starts_at', now);
+  if (query.trim()) {
+    request = request.or(`slug.ilike.%${query}%,title->>ua.ilike.%${query}%,title->>en.ilike.%${query}%`);
+  }
+
+  const { data, error } = await request;
+  if (error) {
+    console.error('getPublishedEvents error', error);
+    return [];
+  }
+  return (data ?? []) as EventRow[];
+}
+
+export async function getUpcomingEvents(supabase: SupabaseClient, limit = 3): Promise<EventRow[]> {
+  const { data, error } = await supabase
+    .from('events')
+    .select('*')
+    .eq('status', 'published')
+    .gte('starts_at', new Date().toISOString())
+    .order('starts_at', { ascending: true })
+    .limit(limit);
+
+  if (error) {
+    console.error('getUpcomingEvents error', error);
+    return [];
+  }
+  return (data ?? []) as EventRow[];
+}
+
+export async function getEventBySlug(
+  supabase: SupabaseClient,
+  slug: string,
+): Promise<EventRow | null> {
+  const { data, error } = await supabase
+    .from('events')
+    .select('*')
+    .eq('slug', slug)
+    .eq('status', 'published')
+    .maybeSingle();
+
+  if (error) {
+    console.error('getEventBySlug error', error);
+    return null;
+  }
+  return (data ?? null) as EventRow | null;
+}
+
+export async function getEventReviews(
+  supabase: SupabaseClient,
+  eventId: string,
+): Promise<ReviewRow[]> {
+  const { data, error } = await supabase
+    .from('event_reviews')
+    .select('*, user:profiles(full_name, avatar_url)')
+    .eq('event_id', eventId)
+    .order('created_at', { ascending: false });
+
+  if (error) {
+    console.error('getEventReviews error', error);
+    return [];
+  }
+  return (data ?? []) as ReviewRow[];
+}
+
+export async function getVenueReviews(supabase: SupabaseClient, limit = 50): Promise<ReviewRow[]> {
+  const { data, error } = await supabase
+    .from('venue_reviews')
+    .select('*, user:profiles(full_name, avatar_url)')
+    .order('created_at', { ascending: false })
+    .limit(limit);
+
+  if (error) {
+    console.error('getVenueReviews error', error);
+    return [];
+  }
+  return (data ?? []) as ReviewRow[];
+}
+
+// Admin helpers
+
+export async function getAdminEvents(supabase: SupabaseClient): Promise<EventRow[]> {
+  const { data, error } = await supabase
+    .from('events')
+    .select('*')
+    .order('starts_at', { ascending: false })
+    .limit(200);
+
+  if (error) {
+    console.error('getAdminEvents error', error);
+    return [];
+  }
+  return (data ?? []) as EventRow[];
+}
+
+export async function getAdminEvent(supabase: SupabaseClient, id: string): Promise<EventRow | null> {
+  const { data, error } = await supabase
+    .from('events')
+    .select('*')
+    .eq('id', id)
+    .maybeSingle();
+
+  if (error) {
+    console.error('getAdminEvent error', error);
+    return null;
+  }
+  return (data ?? null) as EventRow | null;
+}
+
+export async function getAdminStats(supabase: SupabaseClient) {
+  const [published, drafts, unread, eventReviews, venueReviews] = await Promise.all([
+    supabase.from('events').select('id', { count: 'exact', head: true }).eq('status', 'published'),
+    supabase.from('events').select('id', { count: 'exact', head: true }).eq('status', 'draft'),
+    supabase
+      .from('contact_messages')
+      .select('id', { count: 'exact', head: true })
+      .eq('read', false),
+    supabase.from('event_reviews').select('id', { count: 'exact', head: true }),
+    supabase.from('venue_reviews').select('id', { count: 'exact', head: true }),
+  ]);
+
+  return {
+    published: published.count ?? 0,
+    drafts: drafts.count ?? 0,
+    unread: unread.count ?? 0,
+    reviews: (eventReviews.count ?? 0) + (venueReviews.count ?? 0),
+  };
+}
+
+export interface AdminReviewRow {
+  id: string;
+  type: 'event' | 'venue';
+  rating: number;
+  comment: string | null;
+  created_at: string;
+  user_name: string | null;
+  event_title: string | null;
+}
+
+export async function getAdminReviews(supabase: SupabaseClient): Promise<AdminReviewRow[]> {
+  const [eventReviews, venueReviews] = await Promise.all([
+    supabase
+      .from('event_reviews')
+      .select('id, rating, comment, created_at, user:profiles(full_name), event:events(title)'),
+    supabase
+      .from('venue_reviews')
+      .select('id, rating, comment, created_at, user:profiles(full_name)'),
+  ]);
+
+  const events: AdminReviewRow[] = (eventReviews.data ?? []).map((r: any) => ({
+    id: r.id,
+    type: 'event',
+    rating: r.rating,
+    comment: r.comment,
+    created_at: r.created_at,
+    user_name: r.user?.full_name ?? null,
+    event_title: r.event?.title?.['ua'] ?? r.event?.title?.['en'] ?? null,
+  }));
+  const venue: AdminReviewRow[] = (venueReviews.data ?? []).map((r: any) => ({
+    id: r.id,
+    type: 'venue',
+    rating: r.rating,
+    comment: r.comment,
+    created_at: r.created_at,
+    user_name: r.user?.full_name ?? null,
+    event_title: null,
+  }));
+
+  return [...events, ...venue].sort((a, b) =>
+    b.created_at.localeCompare(a.created_at),
+  );
+}
+
+export async function getAdminMessages(supabase: SupabaseClient): Promise<MessageRow[]> {
+  const { data, error } = await supabase
+    .from('contact_messages')
+    .select('*')
+    .order('created_at', { ascending: false })
+    .limit(200);
+
+  if (error) {
+    console.error('getAdminMessages error', error);
+    return [];
+  }
+  return (data ?? []) as MessageRow[];
+}
diff --git a/src/lib/dictionaries/en.ts b/src/lib/dictionaries/en.ts
new file mode 100644
index 0000000..bd41ff6
--- /dev/null
+++ b/src/lib/dictionaries/en.ts
@@ -0,0 +1,231 @@
+import type { Dict } from './ua';
+
+export const en: Dict = {
+  meta: {
+    siteName: 'Devodytyji',
+    homeTitle: 'Devodytyji — open-air cultural venue',
+    homeDescription:
+      'Devodytyji is an open-air cultural space: concerts, movies, talks and markets under the open sky.',
+    defaultOgImage: '/og-cover.jpg',
+  },
+  nav: {
+    home: 'Home',
+    events: 'Events',
+    about: 'About',
+    map: 'How to get there',
+    contacts: 'Contacts',
+    admin: 'Admin panel',
+    login: 'Sign in',
+    register: 'Sign up',
+    logout: 'Log out',
+  },
+  common: {
+    loading: 'Loading…',
+    saving: 'Saving…',
+    save: 'Save',
+    cancel: 'Cancel',
+    submit: 'Submit',
+    close: 'Close',
+    search: 'Search',
+    all: 'All',
+    upcoming: 'Upcoming',
+    past: 'Past',
+    published: 'Published',
+    draft: 'Draft',
+    edit: 'Edit',
+    delete: 'Delete',
+    read: 'Read',
+    unread: 'Unread',
+    back: 'Back',
+    noResults: 'Nothing found',
+    error: 'Something went wrong',
+    success: 'Success',
+    required: 'Required field',
+    optional: 'optional',
+    reviews: 'reviews',
+    rating: 'Rating',
+    writeReview: 'Write a review',
+    view: 'View',
+    minutes: 'min',
+  },
+  hero: {
+    badge: 'Open air • Always open',
+    title: 'A cultural venue under the open sky',
+    subtitle:
+      'Devodytyji is a space for concerts, movies, talks and markets. One yard, one stage, endless stories.',
+    ctaEvents: 'See events',
+    ctaMap: 'Get directions',
+  },
+  home: {
+    nextEvents: 'Upcoming events',
+    nextEventsSubtitle: 'What is happening at the venue in the near future.',
+    viewAllEvents: 'All events',
+    venueReviewsTitle: 'What guests say',
+    venueReviewsSubtitle: 'Impressions of visitors about the Devodytyji venue.',
+    ctaTitle: 'Come out into the fresh air',
+    ctaText: 'Subscribe to announcements or just drop by — admission is free.',
+    ctaButton: 'Write to us',
+  },
+  events: {
+    pageTitle: 'Events',
+    pageDescription: 'All events at the Devodytyji venue: concerts, movies, talks and markets.',
+    filters: 'Filters',
+    searchPlaceholder: 'Search events…',
+    upcomingTab: 'Upcoming',
+    pastTab: 'Past',
+    allTab: 'All',
+    emptyUpcoming: 'No upcoming events yet — check back later.',
+    emptyPast: 'No past events yet.',
+    emptySearch: 'Nothing matches your search.',
+    pastLabel: 'Past',
+    upcomingLabel: 'Upcoming',
+  },
+  event: {
+    date: 'Date',
+    time: 'Time',
+    venue: 'Venue',
+    statusDraft: 'Draft',
+    statusPublished: 'Published',
+    reviewsTitle: 'Event reviews',
+    reviewCount: 'reviews',
+    noReviews: 'No reviews yet. Be the first!',
+    writeReview: 'Write a review',
+    backToEvents: 'Back to all events',
+    share: 'Share',
+    signInToReview: 'Sign in to leave a review',
+  },
+  about: {
+    pageTitle: 'About the venue',
+    pageDescription: 'The story and atmosphere of the Devodytyji cultural venue.',
+    storyTitle: 'Our story',
+    story:
+      'Devodytyji began as an ordinary yard where neighbors gathered. Over time it became an open cultural venue: music, movies under the stars, talks, fairs and workshops. We believe culture lives best in the open air — among people, under the open sky.',
+    venueReviewsTitle: 'Venue reviews',
+    venueReviewCount: 'reviews',
+    writeVenueReview: 'Leave a review about the venue',
+    noVenueReviews: 'No reviews yet. Be the first!',
+    contactsTitle: 'Contacts',
+  },
+  contacts: {
+    pageTitle: 'Contacts',
+    pageDescription: 'Get in touch with the Devodytyji team or send us a message.',
+    formTitle: 'Write to us',
+    name: 'Name',
+    email: 'Email',
+    message: 'Message',
+    namePlaceholder: 'Your name',
+    emailPlaceholder: 'you@example.com',
+    messagePlaceholder: 'Your message…',
+    send: 'Send',
+    sending: 'Sending…',
+    successTitle: 'Message sent!',
+    successText: 'Thank you, we will get back to you soon.',
+    errorTitle: 'Could not send',
+    errorText: 'Please try again a bit later.',
+    phone: 'Phone',
+    emailLabel: 'Email',
+    addressLabel: 'Address',
+    hoursLabel: 'Opening hours',
+    hoursValue: 'Every day, 10:00 — 23:00',
+    followUs: 'Follow us',
+  },
+  map: {
+    pageTitle: 'How to get there',
+    pageDescription: 'Map and address of the Devodytyji cultural venue.',
+    howToGet: 'How to get there',
+    address: 'Address',
+    hint: 'A tiny map with a single marker — you cannot get lost.',
+  },
+  auth: {
+    loginTitle: 'Sign in',
+    loginSubtitle: 'Good to see you again!',
+    registerTitle: 'Create an account',
+    registerSubtitle: 'Join us to leave reviews.',
+    email: 'Email',
+    password: 'Password',
+    fullName: 'Name',
+    loginButton: 'Sign in',
+    registerButton: 'Sign up',
+    loggingIn: 'Signing in…',
+    registering: 'Signing up…',
+    oauthGoogle: 'Continue with Google',
+    oauthGitHub: 'Continue with GitHub',
+    noAccount: 'No account yet?',
+    hasAccount: 'Already have an account?',
+    loginLink: 'Sign in',
+    registerLink: 'Sign up',
+    orContinueWith: 'or continue with',
+    passwordLength: 'Password must be at least 6 characters',
+    errorInvalid: 'Invalid email or password.',
+    errorEmailExists: 'A user with this email already exists.',
+    errorGeneric: 'Something went wrong. Please try again.',
+    backHome: 'Back home',
+  },
+  reviewForm: {
+    ratingLabel: 'Your rating',
+    commentLabel: 'Comment',
+    commentPlaceholder: 'Share your impressions…',
+    submit: 'Submit review',
+    submitting: 'Submitting…',
+    success: 'Thank you for your review!',
+    error: 'Could not submit the review.',
+    errorNotLoggedIn: 'Please sign in to leave a review.',
+    delete: 'Delete',
+    deleteConfirm: 'Delete this review?',
+    starsHint: 'Choose from 1 to 5 stars',
+  },
+  admin: {
+    dashboardTitle: 'Dashboard',
+    eventsTitle: 'Events',
+    reviewsTitle: 'Reviews',
+    messagesTitle: 'Messages',
+    backToSite: 'Back to site',
+    navDashboard: 'Overview',
+    navEvents: 'Events',
+    navReviews: 'Reviews',
+    navMessages: 'Messages',
+    statsPublished: 'Published events',
+    statsDraft: 'Drafts',
+    statsUnread: 'Unread messages',
+    statsReviews: 'Total reviews',
+    newEvent: 'New event',
+    editEvent: 'Edit event',
+    backToList: 'Back to events list',
+    eventTitleUa: 'Title (UA)',
+    eventTitleEn: 'Title (EN)',
+    eventDescUa: 'Description (UA)',
+    eventDescEn: 'Description (EN)',
+    slug: 'Slug (URL)',
+    startsAt: 'Starts at',
+    endsAt: 'Ends at',
+    venueName: 'Venue name',
+    coverImage: 'Cover image',
+    uploadCover: 'Upload cover',
+    replacingCover: 'Uploaded!',
+    status: 'Status',
+    publish: 'Publish',
+    unpublish: 'Unpublish',
+    save: 'Save',
+    create: 'Create',
+    saving: 'Saving…',
+    saved: 'Saved!',
+    deleteEvent: 'Delete event',
+    deleteEventConfirm: 'Delete this event? This cannot be undone.',
+    deleteReview: 'Delete review',
+    deleteMessage: 'Delete message',
+    emptyEvents: 'No events yet. Create the first one!',
+    emptyReviews: 'No reviews yet.',
+    emptyMessages: 'No messages yet.',
+    markRead: 'Mark as read',
+    markUnread: 'Mark as unread',
+    from: 'From',
+    viewOnSite: 'View on site',
+    notFound: 'Event not found',
+  },
+  footer: {
+    tagline: 'An open-air cultural venue.',
+    rights: 'All rights reserved.',
+    navTitle: 'Navigation',
+    contactTitle: 'Contacts',
+  },
+};
diff --git a/src/lib/dictionaries/ua.ts b/src/lib/dictionaries/ua.ts
new file mode 100644
index 0000000..968d7d0
--- /dev/null
+++ b/src/lib/dictionaries/ua.ts
@@ -0,0 +1,231 @@
+export const ua = {
+  meta: {
+    siteName: 'Devodytyji',
+    homeTitle: 'Devodytyji — відкритий культурний майданчик',
+    homeDescription:
+      'Devodytyji — відкритий простір на свіжому повітрі: концерти, кіно, лекції та маркети просто неба.',
+    defaultOgImage: '/og-cover.jpg',
+  },
+  nav: {
+    home: 'Головна',
+    events: 'Події',
+    about: 'Про майданчик',
+    map: 'Як дістатись',
+    contacts: 'Контакти',
+    admin: 'Адмін-панель',
+    login: 'Увійти',
+    register: 'Реєстрація',
+    logout: 'Вийти',
+  },
+  common: {
+    loading: 'Завантаження…',
+    saving: 'Збереження…',
+    save: 'Зберегти',
+    cancel: 'Скасувати',
+    submit: 'Надіслати',
+    close: 'Закрити',
+    search: 'Пошук',
+    all: 'Усі',
+    upcoming: 'Найближчі',
+    past: 'Минулі',
+    published: 'Опубліковано',
+    draft: 'Чернетка',
+    edit: 'Редагувати',
+    delete: 'Видалити',
+    read: 'Прочитано',
+    unread: 'Не прочитано',
+    back: 'Назад',
+    noResults: 'Нічого не знайдено',
+    error: 'Сталася помилка',
+    success: 'Успішно',
+    required: "Обов'язкове поле",
+    optional: 'необов’язково',
+    reviews: 'відгуки',
+    rating: 'Оцінка',
+    writeReview: 'Залишити відгук',
+    view: 'Переглянути',
+    minutes: 'хв',
+  },
+  hero: {
+    badge: 'Просто неба • Завжди відкрито',
+    title: 'Культурний майданчик під відкритим небом',
+    subtitle:
+      'Devodytyji — це простір для концертів, кіно, лекцій і маркетів. Один двір, одна сцена, безліч історій.',
+    ctaEvents: 'Дивитись події',
+    ctaMap: 'Як дістатись',
+  },
+  home: {
+    nextEvents: 'Найближчі події',
+    nextEventsSubtitle: 'Що відбуватиметься на майданчику найближчим часом.',
+    viewAllEvents: 'Усі події',
+    venueReviewsTitle: 'Що кажуть гості',
+    venueReviewsSubtitle: 'Враження відвідувачів про майданчик Devodytyji.',
+    ctaTitle: 'Приходьте на свіже повітря',
+    ctaText: 'Підпишіться на анонси або просто завітайте — вхід вільний.',
+    ctaButton: 'Написати нам',
+  },
+  events: {
+    pageTitle: 'Події',
+    pageDescription: 'Усі події на майданчику Devodytyji: концерти, кіно, лекції та маркети.',
+    filters: 'Фільтри',
+    searchPlaceholder: 'Шукати події…',
+    upcomingTab: 'Найближчі',
+    pastTab: 'Минулі',
+    allTab: 'Усі',
+    emptyUpcoming: 'Найближчих подій поки немає — зазирніть пізніше.',
+    emptyPast: 'Минулих подій поки немає.',
+    emptySearch: 'За вашим запитом нічого не знайдено.',
+    pastLabel: 'Минула',
+    upcomingLabel: 'Найближча',
+  },
+  event: {
+    date: 'Дата',
+    time: 'Час',
+    venue: 'Локація',
+    statusDraft: 'Чернетка',
+    statusPublished: 'Опубліковано',
+    reviewsTitle: 'Відгуки про подію',
+    reviewCount: 'відгуків',
+    noReviews: 'Відгуків поки немає. Будьте першим!',
+    writeReview: 'Залишити відгук',
+    backToEvents: 'До всіх подій',
+    share: 'Поділитись',
+    signInToReview: 'Увійдіть, щоб залишити відгук',
+  },
+  about: {
+    pageTitle: 'Про майданчик',
+    pageDescription: 'Історія та атмосфера культурного майданчика Devodytyji.',
+    storyTitle: 'Наша історія',
+    story:
+      'Devodytyji починався як звичайний двір, де збиралися сусіди. З часом він перетворився на відкритий культурний майданчик: тут грають музику, показують кіно під зорями, проводять лекції, ярмарки та майстер-класи. Ми віримо, що культура найкраще живе просто неба — під відкритим небом, у колі людей.',
+    venueReviewsTitle: 'Відгуки про майданчик',
+    venueReviewCount: 'відгуків',
+    writeVenueReview: 'Залишити відгук про майданчик',
+    noVenueReviews: 'Відгуків поки немає. Будьте першим!',
+    contactsTitle: 'Контакти',
+  },
+  contacts: {
+    pageTitle: 'Контакти',
+    pageDescription: 'Зв’яжіться з командою Devodytyji або напишіть нам повідомлення.',
+    formTitle: 'Напишіть нам',
+    name: "Ім'я",
+    email: 'Email',
+    message: 'Повідомлення',
+    namePlaceholder: "Ваше ім'я",
+    emailPlaceholder: 'you@example.com',
+    messagePlaceholder: 'Ваше повідомлення…',
+    send: 'Надіслати',
+    sending: 'Надсилання…',
+    successTitle: 'Повідомлення надіслано!',
+    successText: 'Дякуємо, ми зв’яжемося з вами найближчим часом.',
+    errorTitle: 'Не вдалося надіслати',
+    errorText: 'Спробуйте ще раз трохи згодом.',
+    phone: 'Телефон',
+    emailLabel: 'Email',
+    addressLabel: 'Адреса',
+    hoursLabel: 'Години роботи',
+    hoursValue: 'Щодня з 10:00 до 23:00',
+    followUs: 'Стежте за нами',
+  },
+  map: {
+    pageTitle: 'Як дістатись',
+    pageDescription: 'Карта та адреса культурного майданчика Devodytyji.',
+    howToGet: 'Як дістатись',
+    address: 'Адреса',
+    hint: 'Маленька карта з одним маркером — ви точно не заблукаєте.',
+  },
+  auth: {
+    loginTitle: 'Увійти',
+    loginSubtitle: 'Раді бачити вас знову!',
+    registerTitle: 'Створити акаунт',
+    registerSubtitle: 'Приєднуйтесь, щоб залишати відгуки.',
+    email: 'Email',
+    password: 'Пароль',
+    fullName: "Ім'я",
+    loginButton: 'Увійти',
+    registerButton: 'Зареєструватися',
+    loggingIn: 'Вхід…',
+    registering: 'Реєстрація…',
+    oauthGoogle: 'Увійти через Google',
+    oauthGitHub: 'Увійти через GitHub',
+    noAccount: 'Немає акаунта?',
+    hasAccount: 'Вже маєте акаунт?',
+    loginLink: 'Увійти',
+    registerLink: 'Зареєструватися',
+    orContinueWith: 'або продовжити через',
+    passwordLength: 'Пароль має містити щонайменше 6 символів',
+    errorInvalid: 'Неправильний email або пароль.',
+    errorEmailExists: 'Користувач із таким email уже існує.',
+    errorGeneric: 'Щось пішло не так. Спробуйте ще раз.',
+    backHome: 'На головну',
+  },
+  reviewForm: {
+    ratingLabel: 'Ваша оцінка',
+    commentLabel: 'Коментар',
+    commentPlaceholder: 'Поділіться враженнями…',
+    submit: 'Надіслати відгук',
+    submitting: 'Надсилання…',
+    success: 'Дякуємо за відгук!',
+    error: 'Не вдалося надіслати відгук.',
+    errorNotLoggedIn: 'Увійдіть, щоб залишити відгук.',
+    delete: 'Видалити',
+    deleteConfirm: 'Видалити цей відгук?',
+    starsHint: 'Оберіть від 1 до 5 зірок',
+  },
+  admin: {
+    dashboardTitle: 'Панель керування',
+    eventsTitle: 'Події',
+    reviewsTitle: 'Відгуки',
+    messagesTitle: 'Повідомлення',
+    backToSite: 'На сайт',
+    navDashboard: 'Огляд',
+    navEvents: 'Події',
+    navReviews: 'Відгуки',
+    navMessages: 'Повідомлення',
+    statsPublished: 'Опубліковано подій',
+    statsDraft: 'Чернеток',
+    statsUnread: 'Непрочитаних повідомлень',
+    statsReviews: 'Всього відгуків',
+    newEvent: 'Нова подія',
+    editEvent: 'Редагувати подію',
+    backToList: 'До списку подій',
+    eventTitleUa: 'Назва (укр.)',
+    eventTitleEn: 'Назва (англ.)',
+    eventDescUa: 'Опис (укр.)',
+    eventDescEn: 'Опис (англ.)',
+    slug: 'Слаг (URL)',
+    startsAt: 'Початок',
+    endsAt: 'Кінець',
+    venueName: 'Назва локації',
+    coverImage: 'Обкладинка',
+    uploadCover: 'Завантажити обкладинку',
+    replacingCover: 'Завантажено!',
+    status: 'Статус',
+    publish: 'Опублікувати',
+    unpublish: 'Зняти з публікації',
+    save: 'Зберегти',
+    create: 'Створити',
+    saving: 'Збереження…',
+    saved: 'Збережено!',
+    deleteEvent: 'Видалити подію',
+    deleteEventConfirm: 'Видалити цю подію? Цю дію не можна скасувати.',
+    deleteReview: 'Видалити відгук',
+    deleteMessage: 'Видалити повідомлення',
+    emptyEvents: 'Подій поки немає. Створіть першу!',
+    emptyReviews: 'Відгуків поки немає.',
+    emptyMessages: 'Повідомлень поки немає.',
+    markRead: 'Позначити прочитаним',
+    markUnread: 'Позначити непрочитаним',
+    from: 'Від',
+    viewOnSite: 'Переглянути на сайті',
+    notFound: 'Подію не знайдено',
+  },
+  footer: {
+    tagline: 'Відкритий культурний майданчик просто неба.',
+    rights: 'Всі права захищено.',
+    navTitle: 'Навігація',
+    contactTitle: 'Контакти',
+  },
+};
+
+export type Dict = typeof ua;
diff --git a/src/lib/format.ts b/src/lib/format.ts
new file mode 100644
index 0000000..78f8238
--- /dev/null
+++ b/src/lib/format.ts
@@ -0,0 +1,57 @@
+import type { Locale } from './i18n';
+
+export function intlLocale(locale: Locale): string {
+  return locale === 'ua' ? 'uk-UA' : 'en-GB';
+}
+
+export function formatDate(locale: Locale, iso: string): string {
+  return new Intl.DateTimeFormat(intlLocale(locale), {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+  }).format(new Date(iso));
+}
+
+export function formatTime(locale: Locale, iso: string): string {
+  return new Intl.DateTimeFormat(intlLocale(locale), {
+    hour: '2-digit',
+    minute: '2-digit',
+  }).format(new Date(iso));
+}
+
+export function formatDateTime(locale: Locale, iso: string): string {
+  return new Intl.DateTimeFormat(intlLocale(locale), {
+    day: 'numeric',
+    month: 'short',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  }).format(new Date(iso));
+}
+
+export function formatShortDate(locale: Locale, iso: string): string {
+  return new Intl.DateTimeFormat(intlLocale(locale), {
+    day: 'numeric',
+    month: 'short',
+  }).format(new Date(iso));
+}
+
+export function formatRelative(locale: Locale, iso: string): string {
+  return new Intl.DateTimeFormat(intlLocale(locale), {
+    day: 'numeric',
+    month: 'short',
+    hour: '2-digit',
+    minute: '2-digit',
+  }).format(new Date(iso));
+}
+
+export function initials(name: string | null | undefined): string {
+  if (!name) return '?';
+  return name
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((part) => part[0])
+    .join('')
+    .toUpperCase();
+}
diff --git a/src/lib/i18n.ts b/src/lib/i18n.ts
new file mode 100644
index 0000000..212234e
--- /dev/null
+++ b/src/lib/i18n.ts
@@ -0,0 +1,37 @@
+import { ua, type Dict } from './dictionaries/ua';
+import { en } from './dictionaries/en';
+
+export type { Dict } from './dictionaries/ua';
+export type Locale = 'ua' | 'en';
+export const LOCALES: Locale[] = ['ua', 'en'];
+export const DEFAULT_LOCALE: Locale = 'ua';
+
+const dictionaries: Record<Locale, Dict> = { ua, en };
+
+export function getDict(locale: string | undefined): Dict {
+  return dictionaries[(locale as Locale) ?? DEFAULT_LOCALE] ?? ua;
+}
+
+export function isLocale(value: string | undefined): value is Locale {
+  return value === 'ua' || value === 'en';
+}
+
+export function getLocaleFromUrl(url: URL): Locale {
+  const first = url.pathname.split('/')[1];
+  return isLocale(first) ? first : DEFAULT_LOCALE;
+}
+
+export function localizedPath(locale: Locale, path: string): string {
+  const clean = path.startsWith('/') ? path : `/${path}`;
+  return `/${locale}${clean}`;
+}
+
+export function getAlternateLocales(current: Locale): Locale[] {
+  return LOCALES.filter((l) => l !== current);
+}
+
+export function stripLocaleFromPath(locale: Locale, pathname: string): string {
+  if (pathname === `/${locale}` || pathname === `/${locale}/`) return '/';
+  if (pathname.startsWith(`/${locale}/`)) return pathname.slice(`/${locale}`.length);
+  return pathname;
+}
diff --git a/src/lib/request.ts b/src/lib/request.ts
new file mode 100644
index 0000000..b4505a2
--- /dev/null
+++ b/src/lib/request.ts
@@ -0,0 +1,21 @@
+export async function readBody<T extends Record<string, unknown>>(request: Request): Promise<T> {
+  const contentType = request.headers.get('content-type') ?? '';
+  if (contentType.includes('application/json')) {
+    return (await request.json()) as T;
+  }
+  if (contentType.includes('multipart/form-data')) {
+    const form = await request.formData();
+    const out: Record<string, unknown> = {};
+    form.forEach((value, key) => {
+      out[key] = value;
+    });
+    return out as T;
+  }
+  const urlEncoded = await request.text();
+  const params = new URLSearchParams(urlEncoded);
+  const out: Record<string, unknown> = {};
+  for (const [key, value] of params.entries()) {
+    out[key] = value;
+  }
+  return out as T;
+}
diff --git a/src/lib/supabase.ts b/src/lib/supabase.ts
new file mode 100644
index 0000000..6a4d2bf
--- /dev/null
+++ b/src/lib/supabase.ts
@@ -0,0 +1,62 @@
+import { createBrowserClient, createServerClient } from '@supabase/ssr';
+import type { AstroCookies } from 'astro';
+import type { SupabaseClient } from '@supabase/supabase-js';
+
+interface ServerContext {
+  cookies: AstroCookies;
+  request: Request;
+}
+
+export function getSupabaseUrl(): string {
+  const url = import.meta.env.PUBLIC_SUPABASE_URL;
+  if (!url) throw new Error('PUBLIC_SUPABASE_URL is not set');
+  return url;
+}
+
+export function getSupabaseAnonKey(): string {
+  const key = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
+  if (!key) throw new Error('PUBLIC_SUPABASE_ANON_KEY is not set');
+  return key;
+}
+
+function parseCookieHeader(cookieHeader: string): { name: string; value: string }[] {
+  if (!cookieHeader) return [];
+  const out: { name: string; value: string }[] = [];
+  for (const pair of cookieHeader.split(';')) {
+    const eq = pair.indexOf('=');
+    if (eq === -1) continue;
+    const name = pair.slice(0, eq).trim();
+    if (!name) continue;
+    let value = pair.slice(eq + 1).trim();
+    try {
+      value = decodeURIComponent(value);
+    } catch {
+      // keep raw value
+    }
+    out.push({ name, value });
+  }
+  return out;
+}
+
+export function createServerSupabase(context: ServerContext): SupabaseClient {
+  return createServerClient(getSupabaseUrl(), getSupabaseAnonKey(), {
+    cookies: {
+      getAll() {
+        return parseCookieHeader(context.request.headers.get('cookie') ?? '');
+      },
+      setAll(cookiesToSet) {
+        for (const { name, value, options } of cookiesToSet) {
+          context.cookies.set(name, value, options);
+        }
+      },
+    },
+  });
+}
+
+export function createBrowserSupabase(): SupabaseClient {
+  return createBrowserClient(getSupabaseUrl(), getSupabaseAnonKey());
+}
+
+export function getSiteUrl(): string {
+  return import.meta.env.PUBLIC_SITE_URL ?? 'http://localhost:4321';
+}
diff --git a/src/lib/venue.ts b/src/lib/venue.ts
new file mode 100644
index 0000000..d27df79
--- /dev/null
+++ b/src/lib/venue.ts
@@ -0,0 +1,23 @@
+import type { Locale } from './i18n';
+
+export interface VenueInfo {
+  name: string;
+  lat: number;
+  lng: number;
+  phone: string;
+  email: string;
+  hours: string;
+}
+
+export const VENUE: VenueInfo = {
+  name: 'Devodytyji',
+  lat: 50.4584,
+  lng: 30.5199,
+  phone: '+380 44 000 00 00',
+  email: 'hello@devodytyji.example',
+  hours: '10:00 – 23:00',
+};
+
+export function venueAddress(locale: Locale): string {
+  return locale === 'en' ? '12 Vifleemska St, Kyiv, Ukraine' : 'вул. Вифлеємська, 12, Київ, Україна';
+}
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..0ab05bb
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,95 @@
+import { defineMiddleware } from 'astro:middleware';
+import { createServerSupabase } from './lib/supabase';
+import { DEFAULT_LOCALE, isLocale, type Locale } from './lib/i18n';
+
+export const onRequest = defineMiddleware(async (context, next) => {
+  const { url, cookies, locals } = context;
+  const pathname = url.pathname;
+
+  if (pathname === '/') {
+    return context.redirect(`/${DEFAULT_LOCALE}/`);
+  }
+
+  const first = pathname.split('/')[1];
+  const prefersHtml = (context.request.headers.get('accept') ?? '').includes('text/html');
+
+  // Unknown locale prefix (e.g. /fr/events) → default locale.
+  // Only for HTML requests so static assets and API calls pass through.
+  if (
+    first &&
+    !isLocale(first) &&
+    !['admin', 'api', '_astro', 'sitemap.xml', 'robots.txt', 'favicon.ico', 'favicon.svg', 'og-cover.jpg', 'site.webmanifest'].includes(first) &&
+    prefersHtml
+  ) {
+    const rest = pathname.slice(first.length + 1);
+    return context.redirect(`/${DEFAULT_LOCALE}${rest === '' ? '/' : rest}`);
+  }
+
+  const locale: Locale = isLocale(first) ? first : DEFAULT_LOCALE;
+
+  if (pathname === `/${locale}` && !pathname.endsWith('/')) {
+    return context.redirect(`${pathname}/`);
+  }
+
+  const supabase = createServerSupabase(context);
+
+  let userInfo: App.Locals['user'] = null;
+  try {
+    const {
+      data: { user },
+    } = await supabase.auth.getUser();
+
+    if (user) {
+      const { data: profile } = await supabase
+        .from('profiles')
+        .select('full_name, avatar_url, is_admin')
+        .eq('id', user.id)
+        .maybeSingle();
+
+      userInfo = {
+        id: user.id,
+        email: user.email,
+        fullName: profile?.full_name ?? user.user_metadata?.full_name ?? null,
+        avatarUrl: profile?.avatar_url ?? null,
+        isAdmin: profile?.is_admin ?? false,
+      };
+    }
+  } catch (error) {
+    console.error('Supabase auth check failed', error);
+  }
+
+  locals.locale = locale;
+  locals.supabase = supabase;
+  locals.user = userInfo;
+
+  const isAdminRoute = pathname === '/admin' || pathname.startsWith('/admin/');
+  const isAdminApi = pathname.startsWith('/api/admin/');
+
+  if (isAdminRoute || isAdminApi) {
+    if (!userInfo) {
+      if (isAdminApi) {
+        return new Response(JSON.stringify({ error: 'Unauthorized' }), {
+          status: 401,
+          headers: { 'Content-Type': 'application/json' },
+        });
+      }
+      return context.redirect(`/${locale}/login?redirect=${encodeURIComponent(pathname)}`);
+    }
+    if (!userInfo.isAdmin) {
+      if (isAdminApi) {
+        return new Response(JSON.stringify({ error: 'Forbidden' }), {
+          status: 403,
+          headers: { 'Content-Type': 'application/json' },
+        });
+      }
+      return new Response('Forbidden', { status: 403 });
+    }
+  }
+
+  const page = pathname.split('/')[2];
+  if (userInfo && (page === 'login' || page === 'register')) {
+    return context.redirect(`/${locale}/`);
+  }
+
+  return next();
+});
diff --git a/src/pages/[lang]/about.astro b/src/pages/[lang]/about.astro
new file mode 100644
index 0000000..cc19e12
--- /dev/null
+++ b/src/pages/[lang]/about.astro
@@ -0,0 +1,114 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import ReviewCard from '../../components/ui/ReviewCard.astro';
+import Icon from '../../components/ui/Icon.astro';
+import VenueReviewForm from '../../components/islands/VenueReviewForm';
+import { localizedPath, getDict } from '../../lib/i18n';
+import type { Locale } from '../../lib/i18n';
+import { getVenueReviews } from '../../lib/db';
+import { VENUE } from '../../lib/venue';
+
+const { lang } = Astro.params;
+const locale = (lang ?? 'ua') as Locale;
+const dict = getDict(locale);
+const supabase = Astro.locals.supabase;
+const user = Astro.locals.user;
+
+const reviews = await getVenueReviews(supabase);
+const canDelete = (reviewUserId: string) => user !== null && (user.isAdmin || reviewUserId === user.id);
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath="/about"
+  user={user}
+  title={`${dict.about.pageTitle} — ${dict.meta.siteName}`}
+  description={dict.about.pageDescription}
+>
+  <section class="section">
+    <div class="container">
+      <div class="split">
+        <div>
+          <span class="eyebrow">{dict.meta.siteName}</span>
+          <h1>{dict.about.pageTitle}</h1>
+          <h2>{dict.about.storyTitle}</h2>
+          <p>{dict.about.story}</p>
+          <h2>{dict.about.contactsTitle}</h2>
+          <div class="contact-details">
+            <div class="contact-detail">
+              <span><Icon name="pin" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.addressLabel}</div>
+                {locale === 'en' ? '12 Vifleemska St, Kyiv, Ukraine' : 'вул. Вифлеємська, 12, Київ, Україна'}
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="mail" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.emailLabel}</div>
+                <a href={`mailto:${VENUE.email}`}>{VENUE.email}</a>
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="clock" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.hoursLabel}</div>
+                {dict.contacts.hoursValue}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div>
+          <div class="card" style="padding:24px;margin-bottom:24px;">
+            <h3>{dict.about.writeVenueReview}</h3>
+            {user ? (
+              <VenueReviewForm dict={dict} />
+            ) : (
+              <p>
+                <a href={localizedPath(locale, `/login?redirect=${encodeURIComponent(`/${locale}/about`)}`)}>
+                  {dict.event.signInToReview}
+                </a>
+              </p>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="section section--alt">
+    <div class="container">
+      <div class="section-head">
+        <div>
+          <span class="eyebrow">{dict.about.venueReviewsTitle}</span>
+          <h2>
+            {dict.about.venueReviewsTitle}{' '}
+            <span class="text-muted" style="font-family:var(--font-sans);font-size:1rem;">
+              ({reviews.length})
+            </span>
+          </h2>
+        </div>
+      </div>
+
+      {reviews.length > 0 ? (
+        <div class="grid-2">
+          {reviews.map((review) => (
+            <ReviewCard
+              review={review}
+              locale={locale}
+              dict={dict}
+              deleteUrl={canDelete(review.user_id) ? `/api/venue-reviews/${review.id}` : undefined}
+            />
+          ))}
+        </div>
+      ) : (
+        <div class="empty-state">
+          <div class="empty-state__icon"><Icon name="chat" size={40} /></div>
+          <p>{dict.about.noVenueReviews}</p>
+        </div>
+      )}
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/pages/[lang]/contacts.astro b/src/pages/[lang]/contacts.astro
new file mode 100644
index 0000000..3017462
--- /dev/null
+++ b/src/pages/[lang]/contacts.astro
@@ -0,0 +1,88 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import ContactForm from '../../components/islands/ContactForm';
+import MapView from '../../components/islands/MapView';
+import Icon from '../../components/ui/Icon.astro';
+import { getDict } from '../../lib/i18n';
+import type { Locale } from '../../lib/i18n';
+import { VENUE, venueAddress } from '../../lib/venue';
+
+const { lang } = Astro.params;
+const locale = (lang ?? 'ua') as Locale;
+const dict = getDict(locale);
+const user = Astro.locals.user;
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath="/contacts"
+  user={user}
+  title={`${dict.contacts.pageTitle} — ${dict.meta.siteName}`}
+  description={dict.contacts.pageDescription}
+>
+  <section class="section">
+    <div class="container">
+      <div class="section-head">
+        <div>
+          <span class="eyebrow">{dict.meta.siteName}</span>
+          <h1>{dict.contacts.pageTitle}</h1>
+          <p>{dict.contacts.pageDescription}</p>
+        </div>
+      </div>
+
+      <div class="split">
+        <div>
+          <div class="card" style="padding:24px;">
+            <h2>{dict.contacts.formTitle}</h2>
+            <ContactForm client:load dict={dict} />
+          </div>
+        </div>
+
+        <div>
+          <div class="contact-details">
+            <div class="contact-detail">
+              <span><Icon name="pin" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.addressLabel}</div>
+                <strong>{venueAddress(locale)}</strong>
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="phone" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.phone}</div>
+                <a href={`tel:${VENUE.phone.replace(/\s/g, '')}`}>{VENUE.phone}</a>
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="mail" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.emailLabel}</div>
+                <a href={`mailto:${VENUE.email}`}>{VENUE.email}</a>
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="clock" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.hoursLabel}</div>
+                {dict.contacts.hoursValue}
+              </div>
+            </div>
+          </div>
+
+          <div class="map-wrap" style="height:300px;margin-top:24px;" aria-hidden="true">
+            <MapView
+            client:only="react"
+              lat={VENUE.lat}
+              lng={VENUE.lng}
+              name={VENUE.name}
+              address={venueAddress(locale)}
+              hint={dict.map.hint}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/pages/[lang]/events/[slug].astro b/src/pages/[lang]/events/[slug].astro
new file mode 100644
index 0000000..c7095dc
--- /dev/null
+++ b/src/pages/[lang]/events/[slug].astro
@@ -0,0 +1,166 @@
+---
+import BaseLayout from '../../../layouts/BaseLayout.astro';
+import ReviewCard from '../../../components/ui/ReviewCard.astro';
+import Icon from '../../../components/ui/Icon.astro';
+import ReviewForm from '../../../components/islands/ReviewForm';
+import { localizedPath, getDict, isLocale } from '../../../lib/i18n';
+import type { Locale } from '../../../lib/i18n';
+import { getEventBySlug, getEventReviews, titleFor, descriptionFor } from '../../../lib/db';
+import { formatDate, formatTime } from '../../../lib/format';
+
+const { lang, slug } = Astro.params;
+const locale: Locale = isLocale(lang) ? lang : 'ua';
+const dict = getDict(locale);
+const supabase = Astro.locals.supabase;
+const user = Astro.locals.user;
+
+const event = await getEventBySlug(supabase, slug ?? '');
+
+if (!event) {
+  Astro.response.status = 404;
+}
+
+const title = event ? titleFor(locale, event) : '404';
+const description = event ? descriptionFor(locale, event) : 'Not found';
+const reviews = event ? await getEventReviews(supabase, event.id) : [];
+const canDelete = (reviewUserId: string) => user !== null && (user.isAdmin || reviewUserId === user.id);
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath={`/events/${slug ?? ''}`}
+  user={user}
+  title={event ? `${title} — ${dict.meta.siteName}` : '404'}
+  description={description.slice(0, 160) || dict.meta.homeDescription}
+  ogImage={event?.cover_image_url ?? undefined}
+>
+  {!event ? (
+    <section class="section">
+      <div class="container">
+        <div class="empty-state">
+          <div class="empty-state__icon"><Icon name="ticket" size={40} /></div>
+          <p>{dict.common.noResults}</p>
+          <p>
+            <a class="btn btn--outline" href={localizedPath(locale, '/events')}>
+              {dict.event.backToEvents}
+            </a>
+          </p>
+        </div>
+      </div>
+    </section>
+  ) : (
+    <section class="event-hero">
+      <div class="container">
+        <div class="event-hero__media">
+          {event.cover_image_url ? (
+            <img src={event.cover_image_url} alt={title} />
+          ) : (
+            <div class="event-card__media-placeholder" style="height:100%;">{title.slice(0, 1)}</div>
+          )}
+        </div>
+
+        <div class="event-hero__body">
+          <div>
+            <a href={localizedPath(locale, '/events')} class="text-muted" style="display:inline-block;margin-bottom:12px;">
+              ← {dict.event.backToEvents}
+            </a>
+            <h1>{title}</h1>
+            <div class="event-card__meta" style="margin-bottom:24px;">
+              <span><Icon name="calendar" size={16} /> {formatDate(locale, event.starts_at)}</span>
+              <span><Icon name="clock" size={16} /> {formatTime(locale, event.starts_at)}</span>
+              {event.venue_name && (
+                <span>
+                  <Icon name="pin" size={16} /> {event.venue_name}
+                </span>
+              )}
+            </div>
+            <div class="prose">{description && <p>{description}</p>}</div>
+          </div>
+
+          <aside class="card" style="padding:24px;">
+            <div class="event-facts">
+              <div class="event-fact">
+                <span class="event-fact__icon"><Icon name="calendar" size={18} /></span>
+                <div>
+                  <div class="event-fact__label">{dict.event.date}</div>
+                  <div class="event-fact__value">{formatDate(locale, event.starts_at)}</div>
+                </div>
+              </div>
+              <div class="event-fact">
+                <span class="event-fact__icon"><Icon name="clock" size={18} /></span>
+                <div>
+                  <div class="event-fact__label">{dict.event.time}</div>
+                  <div class="event-fact__value">
+                    {formatTime(locale, event.starts_at)} – {formatTime(locale, event.ends_at)}
+                  </div>
+                </div>
+              </div>
+              {event.venue_name && (
+                <div class="event-fact">
+                  <span class="event-fact__icon"><Icon name="pin" size={18} /></span>
+                  <div>
+                    <div class="event-fact__label">{dict.event.venue}</div>
+                    <div class="event-fact__value">{event.venue_name}</div>
+                  </div>
+                </div>
+              )}
+            </div>
+          </aside>
+        </div>
+      </div>
+    </section>
+  )}
+
+  {event && (
+    <section class="section section--alt">
+      <div class="container">
+        <div class="section-head">
+          <div>
+            <span class="eyebrow">{dict.event.reviewsTitle}</span>
+            <h2>
+              {dict.event.reviewsTitle}{' '}
+              <span class="text-muted" style="font-family:var(--font-sans);font-size:1rem;">
+                ({reviews.length})
+              </span>
+            </h2>
+          </div>
+        </div>
+
+        <div class="split">
+          <div class="review-list">
+            {reviews.length > 0 ? (
+              reviews.map((review) => (
+                <ReviewCard
+                  review={review}
+                  locale={locale}
+                  dict={dict}
+                  deleteUrl={canDelete(review.user_id) ? `/api/reviews/${review.id}` : undefined}
+                />
+              ))
+            ) : (
+              <div class="empty-state">
+                <p>{dict.event.noReviews}</p>
+              </div>
+            )}
+          </div>
+
+          <div>
+            <div class="card" style="padding:24px;">
+              <h3>{dict.event.writeReview}</h3>
+              {user ? (
+                <ReviewForm eventId={event.id} dict={dict} />
+              ) : (
+                <p>
+                  <a href={localizedPath(locale, `/login?redirect=${encodeURIComponent(`/${locale}/events/${event.slug}`)}`)}>
+                    {dict.event.signInToReview}
+                  </a>
+                </p>
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )}
+</BaseLayout>
diff --git a/src/pages/[lang]/events/index.astro b/src/pages/[lang]/events/index.astro
new file mode 100644
index 0000000..f5363aa
--- /dev/null
+++ b/src/pages/[lang]/events/index.astro
@@ -0,0 +1,67 @@
+---
+import BaseLayout from '../../../layouts/BaseLayout.astro';
+import EventCard from '../../../components/ui/EventCard.astro';
+import Icon from '../../../components/ui/Icon.astro';
+import EventFilters from '../../../components/islands/EventFilters';
+import { getDict } from '../../../lib/i18n';
+import type { Locale } from '../../../lib/i18n';
+import { getPublishedEvents, type EventsFilter } from '../../../lib/db';
+
+const { lang } = Astro.params;
+const locale = (lang ?? 'ua') as Locale;
+const dict = getDict(locale);
+const supabase = Astro.locals.supabase;
+const user = Astro.locals.user;
+
+const url = new URL(Astro.url);
+const rawFilter = url.searchParams.get('filter');
+const filter: EventsFilter = rawFilter === 'upcoming' || rawFilter === 'past' ? rawFilter : 'all';
+const query = url.searchParams.get('q') ?? '';
+
+const events = await getPublishedEvents(supabase, filter, query);
+
+const emptyMessage =
+  query.trim()
+    ? dict.events.emptySearch
+    : filter === 'upcoming'
+      ? dict.events.emptyUpcoming
+      : filter === 'past'
+        ? dict.events.emptyPast
+        : dict.events.emptyUpcoming;
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath="/events"
+  user={user}
+  title={`${dict.events.pageTitle} — ${dict.meta.siteName}`}
+  description={dict.events.pageDescription}
+>
+  <section class="section">
+    <div class="container">
+      <div class="section-head">
+        <div>
+          <span class="eyebrow">{dict.meta.siteName}</span>
+          <h1>{dict.events.pageTitle}</h1>
+          <p>{dict.events.pageDescription}</p>
+        </div>
+      </div>
+
+      <EventFilters client:load dict={dict} currentFilter={filter} currentQuery={query} />
+
+      {events.length > 0 ? (
+        <div class="grid-3">
+          {events.map((event) => (
+            <EventCard event={event} locale={locale} dict={dict} />
+          ))}
+        </div>
+      ) : (
+        <div class="empty-state">
+          <div class="empty-state__icon"><Icon name="tent" size={40} /></div>
+          <p>{emptyMessage}</p>
+        </div>
+      )}
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
new file mode 100644
index 0000000..c90db2a
--- /dev/null
+++ b/src/pages/[lang]/index.astro
@@ -0,0 +1,141 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import EventCard from '../../components/ui/EventCard.astro';
+import ReviewCard from '../../components/ui/ReviewCard.astro';
+import Icon from '../../components/ui/Icon.astro';
+import { localizedPath, getDict } from '../../lib/i18n';
+import type { Locale } from '../../lib/i18n';
+import { getUpcomingEvents, getVenueReviews } from '../../lib/db';
+import { VENUE } from '../../lib/venue';
+
+const { lang } = Astro.params;
+const locale = (lang ?? 'ua') as Locale;
+const dict = getDict(locale);
+const supabase = Astro.locals.supabase;
+const user = Astro.locals.user;
+
+const events = await getUpcomingEvents(supabase, 3);
+const venueReviews = await getVenueReviews(supabase, 3);
+
+const siteUrl = import.meta.env.PUBLIC_SITE_URL ?? 'http://localhost:4321';
+const schema = {
+  '@context': 'https://schema.org',
+  '@type': 'TouristAttraction',
+  name: VENUE.name,
+  url: `${siteUrl}/ua/`,
+  image: `${siteUrl}/og-cover.jpg`,
+  description: dict.meta.homeDescription,
+  telephone: VENUE.phone,
+  email: VENUE.email,
+  address: {
+    '@type': 'PostalAddress',
+    streetAddress: '12 Vifleemska St',
+    addressLocality: 'Kyiv',
+    addressCountry: 'UA',
+  },
+  geo: {
+    '@type': 'GeoCoordinates',
+    latitude: VENUE.lat,
+    longitude: VENUE.lng,
+  },
+  openingHours: 'Mo-Su 10:00-23:00',
+};
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath="/"
+  user={user}
+  title={dict.meta.homeTitle}
+  description={dict.meta.homeDescription}
+>
+  <Fragment slot="head">
+    <script type="application/ld+json" set:html={JSON.stringify(schema)} />
+  </Fragment>
+  <section class="hero">
+    <div class="container hero__inner">
+      <span class="eyebrow">{dict.hero.badge}</span>
+      <h1>{dict.hero.title}</h1>
+      <p>{dict.hero.subtitle}</p>
+      <div class="hero__actions">
+        <a class="btn btn--primary" href={localizedPath(locale, '/events')}>
+          {dict.hero.ctaEvents}
+        </a>
+        <a class="btn btn--outline" href={localizedPath(locale, '/map')}>
+          {dict.hero.ctaMap}
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <section class="section">
+    <div class="container">
+      <div class="section-head">
+        <div>
+          <span class="eyebrow">{dict.home.viewAllEvents}</span>
+          <h2>{dict.home.nextEvents}</h2>
+          <p>{dict.home.nextEventsSubtitle}</p>
+        </div>
+        <a class="btn btn--outline" href={localizedPath(locale, '/events')}>
+          {dict.home.viewAllEvents}
+        </a>
+      </div>
+
+      {events.length > 0 ? (
+        <div class="grid-3">
+          {events.map((event) => (
+            <EventCard event={event} locale={locale} dict={dict} />
+          ))}
+        </div>
+      ) : (
+        <div class="empty-state">
+          <div class="empty-state__icon"><Icon name="tree" size={40} /></div>
+          <p>{dict.events.emptyUpcoming}</p>
+        </div>
+      )}
+    </div>
+  </section>
+
+  <section class="section section--alt">
+    <div class="container">
+      <div class="section-head">
+        <div>
+          <span class="eyebrow">{dict.home.venueReviewsTitle}</span>
+          <h2>{dict.home.venueReviewsTitle}</h2>
+          <p>{dict.home.venueReviewsSubtitle}</p>
+        </div>
+        <a class="btn btn--outline" href={localizedPath(locale, '/about')}>
+          {dict.nav.about}
+        </a>
+      </div>
+
+      {venueReviews.length > 0 ? (
+        <div class="grid-2">
+          {venueReviews.map((review) => (
+            <ReviewCard review={review} locale={locale} dict={dict} />
+          ))}
+        </div>
+      ) : (
+        <div class="empty-state">
+          <div class="empty-state__icon"><Icon name="chat" size={40} /></div>
+          <p>{dict.about.noVenueReviews}</p>
+        </div>
+      )}
+    </div>
+  </section>
+
+  <section class="section">
+    <div class="container">
+      <div class="cta-band">
+        <h2>{dict.home.ctaTitle}</h2>
+        <p>{dict.home.ctaText}</p>
+        <div class="mt-6">
+          <a class="btn btn--accent" href={localizedPath(locale, '/contacts')}>
+            {dict.home.ctaButton}
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/pages/[lang]/login.astro b/src/pages/[lang]/login.astro
new file mode 100644
index 0000000..baf0315
--- /dev/null
+++ b/src/pages/[lang]/login.astro
@@ -0,0 +1,39 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import AuthForm from '../../components/islands/AuthForm';
+import { localizedPath, getDict } from '../../lib/i18n';
+import type { Locale } from '../../lib/i18n';
+
+const { lang } = Astro.params;
+const locale = (lang ?? 'ua') as Locale;
+const dict = getDict(locale);
+const user = Astro.locals.user;
+
+const redirect = new URL(Astro.url).searchParams.get('redirect') ?? `/${locale}/`;
+const safeRedirect = redirect.startsWith('/') ? redirect : `/${locale}/`;
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath="/login"
+  user={user}
+  title={`${dict.auth.loginTitle} — ${dict.meta.siteName}`}
+  description={dict.auth.loginSubtitle}
+>
+  <div class="auth-wrap">
+    <div class="card auth-card">
+      <div>
+        <h1>{dict.auth.loginTitle}</h1>
+        <p class="text-muted">{dict.auth.loginSubtitle}</p>
+      </div>
+
+      <AuthForm client:load mode="login" locale={locale} dict={dict} redirectTo={safeRedirect} />
+
+      <p class="text-muted" style="margin:0;">
+        {dict.auth.noAccount}{' '}
+        <a href={localizedPath(locale, '/register')}>{dict.auth.registerLink}</a>
+      </p>
+    </div>
+  </div>
+</BaseLayout>
diff --git a/src/pages/[lang]/map.astro b/src/pages/[lang]/map.astro
new file mode 100644
index 0000000..836639d
--- /dev/null
+++ b/src/pages/[lang]/map.astro
@@ -0,0 +1,80 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import MapView from '../../components/islands/MapView';
+import Icon from '../../components/ui/Icon.astro';
+import { getDict } from '../../lib/i18n';
+import type { Locale } from '../../lib/i18n';
+import { VENUE, venueAddress } from '../../lib/venue';
+
+const { lang } = Astro.params;
+const locale = (lang ?? 'ua') as Locale;
+const dict = getDict(locale);
+const user = Astro.locals.user;
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath="/map"
+  user={user}
+  title={`${dict.map.pageTitle} — ${dict.meta.siteName}`}
+  description={dict.map.pageDescription}
+>
+  <section class="section">
+    <div class="container">
+      <div class="section-head">
+        <div>
+          <span class="eyebrow">{dict.meta.siteName}</span>
+          <h1>{dict.map.pageTitle}</h1>
+          <p>{dict.map.hint}</p>
+        </div>
+      </div>
+
+      <div class="map-page">
+        <div class="card" style="padding:24px;">
+          <div class="contact-details">
+            <div class="contact-detail">
+              <span><Icon name="pin" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.addressLabel}</div>
+                <strong>{venueAddress(locale)}</strong>
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="clock" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.hoursLabel}</div>
+                {dict.contacts.hoursValue}
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="phone" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.phone}</div>
+                <a href={`tel:${VENUE.phone.replace(/\s/g, '')}`}>{VENUE.phone}</a>
+              </div>
+            </div>
+            <div class="contact-detail">
+              <span><Icon name="mail" size={18} /></span>
+              <div>
+                <div class="contact-detail__label">{dict.contacts.emailLabel}</div>
+                <a href={`mailto:${VENUE.email}`}>{VENUE.email}</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="map-wrap">
+          <MapView
+            client:only="react"
+            lat={VENUE.lat}
+            lng={VENUE.lng}
+            name={VENUE.name}
+            address={venueAddress(locale)}
+            hint={dict.map.hint}
+          />
+        </div>
+      </div>
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/pages/[lang]/register.astro b/src/pages/[lang]/register.astro
new file mode 100644
index 0000000..58c4875
--- /dev/null
+++ b/src/pages/[lang]/register.astro
@@ -0,0 +1,39 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import AuthForm from '../../components/islands/AuthForm';
+import { localizedPath, getDict } from '../../lib/i18n';
+import type { Locale } from '../../lib/i18n';
+
+const { lang } = Astro.params;
+const locale = (lang ?? 'ua') as Locale;
+const dict = getDict(locale);
+const user = Astro.locals.user;
+
+const redirect = new URL(Astro.url).searchParams.get('redirect') ?? `/${locale}/`;
+const safeRedirect = redirect.startsWith('/') ? redirect : `/${locale}/`;
+---
+
+<BaseLayout
+  locale={locale}
+  dict={dict}
+  pagePath="/register"
+  user={user}
+  title={`${dict.auth.registerTitle} — ${dict.meta.siteName}`}
+  description={dict.auth.registerSubtitle}
+>
+  <div class="auth-wrap">
+    <div class="card auth-card">
+      <div>
+        <h1>{dict.auth.registerTitle}</h1>
+        <p class="text-muted">{dict.auth.registerSubtitle}</p>
+      </div>
+
+      <AuthForm client:load mode="register" locale={locale} dict={dict} redirectTo={safeRedirect} />
+
+      <p class="text-muted" style="margin:0;">
+        {dict.auth.hasAccount}{' '}
+        <a href={localizedPath(locale, '/login')}>{dict.auth.loginLink}</a>
+      </p>
+    </div>
+  </div>
+</BaseLayout>
diff --git a/src/pages/admin/events/[id]/edit.astro b/src/pages/admin/events/[id]/edit.astro
new file mode 100644
index 0000000..324a026
--- /dev/null
+++ b/src/pages/admin/events/[id]/edit.astro
@@ -0,0 +1,29 @@
+---
+import AdminLayout from '../../../../layouts/AdminLayout.astro';
+import EventEditor from '../../../../components/islands/EventEditor';
+import { getDict } from '../../../../lib/i18n';
+import { getAdminEvent, titleFor } from '../../../../lib/db';
+
+const dict = getDict('ua');
+const { id } = Astro.params;
+
+const event = id ? await getAdminEvent(Astro.locals.supabase, id) : null;
+if (!event) {
+  Astro.response.status = 404;
+}
+---
+
+<AdminLayout
+  title={`${dict.admin.editEvent} — Devodytyji`}
+ 
+  current="events"
+>
+  <a href="/admin/events" class="text-muted">← {dict.admin.backToList}</a>
+  <h1>{event ? titleFor('ua', event) : dict.admin.notFound}</h1>
+
+  {event && (
+    <div class="card" style="padding:24px;max-width:900px;">
+      <EventEditor client:load dict={dict} event={event} />
+    </div>
+  )}
+</AdminLayout>
diff --git a/src/pages/admin/events/index.astro b/src/pages/admin/events/index.astro
new file mode 100644
index 0000000..67b0728
--- /dev/null
+++ b/src/pages/admin/events/index.astro
@@ -0,0 +1,95 @@
+---
+import AdminLayout from '../../../layouts/AdminLayout.astro';
+import Icon from '../../../components/ui/Icon.astro';
+import { getDict, localizedPath } from '../../../lib/i18n';
+import { getAdminEvents, titleFor } from '../../../lib/db';
+import { formatDateTime } from '../../../lib/format';
+
+const dict = getDict('ua');
+const events = await getAdminEvents(Astro.locals.supabase);
+---
+
+<AdminLayout title={`${dict.admin.eventsTitle} — Devodytyji`} current="events">
+  <div style="display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;">
+    <div>
+      <h1>{dict.admin.eventsTitle}</h1>
+      <p class="text-muted">{events.length} record(s)</p>
+    </div>
+    <a class="btn btn--primary" href="/admin/events/new">{dict.admin.newEvent}</a>
+  </div>
+
+  {events.length === 0 ? (
+    <div class="empty-state mt-6">
+      <div class="empty-state__icon"><Icon name="tent" size={40} /></div>
+      <p>{dict.admin.emptyEvents}</p>
+    </div>
+  ) : (
+    <div class="table-wrap mt-6">
+      <table class="table">
+        <thead>
+          <tr>
+            <th>{dict.admin.eventTitleUa}</th>
+            <th>{dict.admin.slug}</th>
+            <th>{dict.admin.startsAt}</th>
+            <th>{dict.admin.status}</th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          {events.map((event) => {
+            const isPublished = event.status === 'published';
+            return (
+              <tr>
+                <td>
+                  <strong>{titleFor('ua', event) || '—'}</strong>
+                  {event.venue_name && <div class="text-muted">{event.venue_name}</div>}
+                </td>
+                <td>
+                  <code>{event.slug}</code>
+                </td>
+                <td>{formatDateTime('ua', event.starts_at)}</td>
+                <td>
+                  <span class={`badge ${isPublished ? 'badge--published' : 'badge--draft'}`}>
+                    {isPublished ? dict.common.published : dict.common.draft}
+                  </span>
+                </td>
+                <td>
+                  <div class="row-actions">
+                    <a class="btn btn--sm btn--outline" href={`/admin/events/${event.id}/edit`}>
+                      {dict.common.edit}
+                    </a>
+                    {isPublished && (
+                      <a class="btn btn--sm btn--ghost" href={localizedPath('ua', `/events/${event.slug}`)} target="_blank">
+                        {dict.admin.viewOnSite}
+                      </a>
+                    )}
+                    <form
+                      method="post"
+                      action={`/api/admin/events/${event.id}`}
+                      onsubmit="return confirm('Confirm publish toggle?')"
+                    >
+                      <input type="hidden" name="_action" value={isPublished ? 'unpublish' : 'publish'} />
+                      <button class="btn btn--sm btn--outline" type="submit">
+                        {isPublished ? dict.admin.unpublish : dict.admin.publish}
+                      </button>
+                    </form>
+                    <form
+                      method="post"
+                      action={`/api/admin/events/${event.id}`}
+                      onsubmit={`return confirm(${JSON.stringify(dict.admin.deleteEventConfirm)})`}
+                    >
+                      <input type="hidden" name="_action" value="delete" />
+                      <button class="btn btn--sm btn--danger" type="submit">
+                        {dict.common.delete}
+                      </button>
+                    </form>
+                  </div>
+                </td>
+              </tr>
+            );
+          })}
+        </tbody>
+      </table>
+    </div>
+  )}
+</AdminLayout>
diff --git a/src/pages/admin/events/new.astro b/src/pages/admin/events/new.astro
new file mode 100644
index 0000000..7ba0190
--- /dev/null
+++ b/src/pages/admin/events/new.astro
@@ -0,0 +1,18 @@
+---
+import AdminLayout from '../../../layouts/AdminLayout.astro';
+import EventEditor from '../../../components/islands/EventEditor';
+import { getDict } from '../../../lib/i18n';
+
+const dict = getDict('ua');
+---
+
+<AdminLayout title={`${dict.admin.newEvent} — Devodytyji`} current="events">
+  <div style="display:flex;align-items:center;gap:16px;flex-wrap:wrap;">
+    <a href="/admin/events" class="text-muted">← {dict.admin.backToList}</a>
+  </div>
+  <h1>{dict.admin.newEvent}</h1>
+
+  <div class="card" style="padding:24px;max-width:900px;">
+    <EventEditor client:load dict={dict} event={null} />
+  </div>
+</AdminLayout>
diff --git a/src/pages/admin/index.astro b/src/pages/admin/index.astro
new file mode 100644
index 0000000..cc943ff
--- /dev/null
+++ b/src/pages/admin/index.astro
@@ -0,0 +1,34 @@
+---
+import AdminLayout from '../../layouts/AdminLayout.astro';
+import { getDict } from '../../lib/i18n';
+import { getAdminStats } from '../../lib/db';
+
+const dict = getDict('ua');
+const user = Astro.locals.user;
+const stats = await getAdminStats(Astro.locals.supabase);
+
+const cards = [
+  { value: stats.published, label: dict.admin.statsPublished },
+  { value: stats.drafts, label: dict.admin.statsDraft },
+  { value: stats.unread, label: dict.admin.statsUnread },
+  { value: stats.reviews, label: dict.admin.statsReviews },
+];
+---
+
+<AdminLayout title={`${dict.admin.dashboardTitle} — Devodytyji`} current="dashboard">
+  <h1>{dict.admin.dashboardTitle}</h1>
+  <p class="text-muted">Welcome back, {user?.fullName || user?.email}</p>
+
+  <div class="stats-grid mt-6">
+    {cards.map((card) => (
+      <div class="card stat-card">
+        <div class="stat-card__value">{card.value}</div>
+        <div class="stat-card__label">{card.label}</div>
+      </div>
+    ))}
+  </div>
+
+  <p>
+    <a class="btn btn--primary" href="/admin/events/new">{dict.admin.newEvent}</a>
+  </p>
+</AdminLayout>
diff --git a/src/pages/admin/messages.astro b/src/pages/admin/messages.astro
new file mode 100644
index 0000000..6330193
--- /dev/null
+++ b/src/pages/admin/messages.astro
@@ -0,0 +1,59 @@
+---
+import AdminLayout from '../../layouts/AdminLayout.astro';
+import Icon from '../../components/ui/Icon.astro';
+import { getDict } from '../../lib/i18n';
+import { getAdminMessages } from '../../lib/db';
+import { formatRelative } from '../../lib/format';
+
+const dict = getDict('ua');
+const messages = await getAdminMessages(Astro.locals.supabase);
+---
+
+<AdminLayout title={`${dict.admin.messagesTitle} — Devodytyji`} current="messages">
+  <div>
+    <h1>{dict.admin.messagesTitle}</h1>
+    <p class="text-muted">{messages.length} record(s)</p>
+  </div>
+
+  {messages.length === 0 ? (
+    <div class="empty-state mt-6">
+      <div class="empty-state__icon"><Icon name="mail" size={40} /></div>
+      <p>{dict.admin.emptyMessages}</p>
+    </div>
+  ) : (
+    <div class="review-list mt-6">
+      {messages.map((message) => (
+        <article class={`review ${message.read ? '' : 'card'}`} style={message.read ? undefined : 'border-color:var(--primary);background:var(--primary-soft);'}>
+          <div class="review__head">
+            <div>
+              <span class="review__author">
+                {message.name}
+                {!message.read && <span class="badge badge--published" style="margin-left:8px;">{dict.common.unread}</span>}
+              </span>
+              <div class="review__date">
+                {formatRelative('ua', message.created_at)} · <a href={`mailto:${message.email}`}>{message.email}</a>
+              </div>
+            </div>
+            <div class="row-actions">
+              <form method="post" action="/api/admin/messages">
+                <input type="hidden" name="id" value={message.id} />
+                <input type="hidden" name="_action" value={message.read ? 'unread' : 'read'} />
+                <button class="btn btn--sm btn--outline" type="submit">
+                  {message.read ? dict.admin.markUnread : dict.admin.markRead}
+                </button>
+              </form>
+              <form method="post" action="/api/admin/messages" onsubmit="return confirm('Delete message?')">
+                <input type="hidden" name="id" value={message.id} />
+                <input type="hidden" name="_action" value="delete" />
+                <button class="btn btn--sm btn--danger" type="submit">
+                  {dict.admin.deleteMessage}
+                </button>
+              </form>
+            </div>
+          </div>
+          <p style="margin:0;white-space:pre-line;">{message.message}</p>
+        </article>
+      ))}
+    </div>
+  )}
+</AdminLayout>
diff --git a/src/pages/admin/reviews.astro b/src/pages/admin/reviews.astro
new file mode 100644
index 0000000..e032747
--- /dev/null
+++ b/src/pages/admin/reviews.astro
@@ -0,0 +1,75 @@
+---
+import AdminLayout from '../../layouts/AdminLayout.astro';
+import Stars from '../../components/ui/Stars.astro';
+import Icon from '../../components/ui/Icon.astro';
+import { getDict } from '../../lib/i18n';
+import { getAdminReviews } from '../../lib/db';
+import { formatRelative } from '../../lib/format';
+
+const dict = getDict('ua');
+const reviews = await getAdminReviews(Astro.locals.supabase);
+---
+
+<AdminLayout title={`${dict.admin.reviewsTitle} — Devodytyji`} current="reviews">
+  <div>
+    <h1>{dict.admin.reviewsTitle}</h1>
+    <p class="text-muted">{reviews.length} record(s)</p>
+  </div>
+
+  {reviews.length === 0 ? (
+    <div class="empty-state mt-6">
+      <div class="empty-state__icon"><Icon name="chat" size={40} /></div>
+      <p>{dict.admin.emptyReviews}</p>
+    </div>
+  ) : (
+    <div class="table-wrap mt-6">
+      <table class="table">
+        <thead>
+          <tr>
+            <th>{dict.reviewForm.ratingLabel}</th>
+            <th>{dict.reviewForm.commentLabel}</th>
+            <th>Тип</th>
+            <th>{dict.admin.from}</th>
+            <th>Дата</th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          {reviews.map((review) => (
+            <tr>
+              <td>
+                <Stars rating={review.rating} />
+              </td>
+              <td style="max-width:360px;">
+                <span style="display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
+                  {review.comment || '—'}
+                </span>
+                {review.event_title && (
+                  <div class="text-muted">
+                    <Icon name="tent" size={14} /> {review.event_title}
+                  </div>
+                )}
+              </td>
+              <td>
+                <span class={`badge ${review.type === 'event' ? 'badge--published' : 'badge--draft'}`}>
+                  {review.type === 'event' ? 'event' : 'venue'}
+                </span>
+              </td>
+              <td>{review.user_name || '—'}</td>
+              <td>{formatRelative('ua', review.created_at)}</td>
+              <td>
+                <form method="post" action="/api/admin/reviews" onsubmit="return confirm('Delete review?')">
+                  <input type="hidden" name="type" value={review.type} />
+                  <input type="hidden" name="id" value={review.id} />
+                  <button class="btn btn--sm btn--danger" type="submit">
+                    {dict.admin.deleteReview}
+                  </button>
+                </form>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  )}
+</AdminLayout>
diff --git a/src/pages/api/admin/events.ts b/src/pages/api/admin/events.ts
new file mode 100644
index 0000000..6800d5f
--- /dev/null
+++ b/src/pages/api/admin/events.ts
@@ -0,0 +1,74 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+interface EventPayload {
+  title?: { ua?: string; en?: string };
+  description?: { ua?: string; en?: string };
+  slug?: string;
+  starts_at?: string;
+  ends_at?: string;
+  venue_name?: string | null;
+  cover_image_url?: string | null;
+  status?: string;
+}
+
+function validate(payload: EventPayload): string | null {
+  if (!payload.title?.ua?.trim() || !payload.title?.en?.trim()) return 'missing_title';
+  if (!payload.slug?.trim()) return 'missing_slug';
+  if (!payload.starts_at || !payload.ends_at) return 'missing_dates';
+  if (new Date(payload.ends_at) <= new Date(payload.starts_at)) return 'invalid_dates';
+  if (payload.status !== 'draft' && payload.status !== 'published') return 'invalid_status';
+  return null;
+}
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  const user = locals.user;
+  if (!user) return json({ error: 'unauthorized' }, 401);
+
+  let payload: EventPayload;
+  try {
+    payload = await request.json();
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const invalid = validate(payload);
+  if (invalid) return json({ error: invalid }, 400);
+
+  // Slug uniqueness
+  const { data: existing } = await locals.supabase
+    .from('events')
+    .select('id')
+    .eq('slug', payload.slug!.trim())
+    .maybeSingle();
+  if (existing) return json({ error: 'slug_exists' }, 409);
+
+  const { data, error } = await locals.supabase
+    .from('events')
+    .insert({
+      title: { ua: payload.title!.ua!.trim(), en: payload.title!.en!.trim() },
+      description: {
+        ua: payload.description?.ua?.trim() ?? '',
+        en: payload.description?.en?.trim() ?? '',
+      },
+      slug: payload.slug!.trim(),
+      starts_at: payload.starts_at,
+      ends_at: payload.ends_at,
+      venue_name: payload.venue_name || null,
+      cover_image_url: payload.cover_image_url || null,
+      status: payload.status,
+      created_by: user.id,
+    })
+    .select('id')
+    .single();
+
+  if (error) return json({ error: 'db_error' }, 500);
+  return json({ ok: true, id: data?.id });
+};
diff --git a/src/pages/api/admin/events/[id].ts b/src/pages/api/admin/events/[id].ts
new file mode 100644
index 0000000..173fd71
--- /dev/null
+++ b/src/pages/api/admin/events/[id].ts
@@ -0,0 +1,124 @@
+import type { APIRoute } from 'astro';
+import { readBody } from '../../../../lib/request';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+interface EventPayload {
+  title?: { ua?: string; en?: string };
+  description?: { ua?: string; en?: string };
+  slug?: string;
+  starts_at?: string;
+  ends_at?: string;
+  venue_name?: string | null;
+  cover_image_url?: string | null;
+  status?: string;
+}
+
+function validate(payload: EventPayload): string | null {
+  if (!payload.title?.ua?.trim() || !payload.title?.en?.trim()) return 'missing_title';
+  if (!payload.slug?.trim()) return 'missing_slug';
+  if (!payload.starts_at || !payload.ends_at) return 'missing_dates';
+  if (new Date(payload.ends_at) <= new Date(payload.starts_at)) return 'invalid_dates';
+  if (payload.status !== 'draft' && payload.status !== 'published') return 'invalid_status';
+  return null;
+}
+
+export const PUT: APIRoute = async ({ request, params, locals }) => {
+  const id = params.id;
+  if (!id) return json({ error: 'bad_request' }, 400);
+
+  let payload: EventPayload;
+  try {
+    payload = await request.json();
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const invalid = validate(payload);
+  if (invalid) return json({ error: invalid }, 400);
+
+  // Slug uniqueness (excluding this event)
+  const { data: existing } = await locals.supabase
+    .from('events')
+    .select('id')
+    .eq('slug', payload.slug!.trim())
+    .neq('id', id)
+    .maybeSingle();
+  if (existing) return json({ error: 'slug_exists' }, 409);
+
+  const { error } = await locals.supabase
+    .from('events')
+    .update({
+      title: { ua: payload.title!.ua!.trim(), en: payload.title!.en!.trim() },
+      description: {
+        ua: payload.description?.ua?.trim() ?? '',
+        en: payload.description?.en?.trim() ?? '',
+      },
+      slug: payload.slug!.trim(),
+      starts_at: payload.starts_at,
+      ends_at: payload.ends_at,
+      venue_name: payload.venue_name || null,
+      cover_image_url: payload.cover_image_url || null,
+      status: payload.status,
+    })
+    .eq('id', id);
+
+  if (error) return json({ error: 'db_error' }, 500);
+  return json({ ok: true });
+};
+
+export const DELETE: APIRoute = async ({ params, locals }) => {
+  const id = params.id;
+  if (!id) return json({ error: 'bad_request' }, 400);
+
+  const { error } = await locals.supabase.from('events').delete().eq('id', id);
+  if (error) return json({ error: 'db_error' }, 500);
+  return json({ ok: true });
+};
+
+export const POST: APIRoute = async ({ request, params, locals }) => {
+  const id = params.id;
+  if (!id) return json({ error: 'bad_request' }, 400);
+
+  let body: { _action?: string };
+  try {
+    body = await readBody<{ _action?: string }>(request);
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const action = body._action;
+  let error: { message: string } | null = null;
+
+  if (action === 'publish' || action === 'unpublish') {
+    ({ error } = await locals.supabase
+      .from('events')
+      .update({ status: action === 'publish' ? 'published' : 'draft' })
+      .eq('id', id));
+  } else if (action === 'delete') {
+    ({ error } = await locals.supabase.from('events').delete().eq('id', id));
+  } else {
+    return json({ error: 'invalid_action' }, 400);
+  }
+
+  if (error) return json({ error: 'db_error' }, 500);
+
+  const referer = request.headers.get('referer');
+  if (referer) {
+    try {
+      const url = new URL(referer);
+      if (url.pathname.startsWith('/')) {
+        return new Response(null, { status: 302, headers: { Location: url.pathname } });
+      }
+    } catch {
+      // ignore
+    }
+  }
+  return new Response(null, { status: 302, headers: { Location: '/admin/events' } });
+};
diff --git a/src/pages/api/admin/messages.ts b/src/pages/api/admin/messages.ts
new file mode 100644
index 0000000..5015c0d
--- /dev/null
+++ b/src/pages/api/admin/messages.ts
@@ -0,0 +1,54 @@
+import type { APIRoute } from 'astro';
+import { readBody } from '../../../lib/request';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+function redirectBack(request: Request, fallback = '/admin/messages') {
+  const referer = request.headers.get('referer');
+  if (referer) {
+    try {
+      const url = new URL(referer);
+      if (url.pathname.startsWith('/')) {
+        return new Response(null, { status: 302, headers: { Location: url.pathname + url.search } });
+      }
+    } catch {
+      // ignore
+    }
+  }
+  return new Response(null, { status: 302, headers: { Location: fallback } });
+}
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  let body: { _action?: string; id?: string } = {};
+  try {
+    body = await readBody<{ _action?: string; id?: string }>(request);
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const { _action, id } = body;
+  if (!id) return json({ error: 'bad_request' }, 400);
+
+  let error: { message: string } | null = null;
+
+  if (_action === 'read' || _action === 'unread') {
+    ({ error } = await locals.supabase
+      .from('contact_messages')
+      .update({ read: _action === 'read' })
+      .eq('id', id));
+  } else if (_action === 'delete') {
+    ({ error } = await locals.supabase.from('contact_messages').delete().eq('id', id));
+  } else {
+    return json({ error: 'invalid_action' }, 400);
+  }
+
+  if (error) return json({ error: 'db_error' }, 500);
+
+  return redirectBack(request);
+};
diff --git a/src/pages/api/admin/reviews.ts b/src/pages/api/admin/reviews.ts
new file mode 100644
index 0000000..d336077
--- /dev/null
+++ b/src/pages/api/admin/reviews.ts
@@ -0,0 +1,61 @@
+import type { APIRoute } from 'astro';
+import { readBody } from '../../../lib/request';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+function redirectBack(request: Request, fallback = '/admin/reviews') {
+  const referer = request.headers.get('referer');
+  if (referer) {
+    try {
+      const url = new URL(referer);
+      if (url.pathname.startsWith('/')) {
+        return new Response(null, { status: 302, headers: { Location: url.pathname + url.search } });
+      }
+    } catch {
+      // ignore
+    }
+  }
+  return new Response(null, { status: 302, headers: { Location: fallback } });
+}
+
+export const DELETE: APIRoute = async ({ request, locals }) => {
+  let body: { type?: string; id?: string } = {};
+  try {
+    body = await readBody<{ type?: string; id?: string }>(request);
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const { type, id } = body;
+  if (type !== 'event' && type !== 'venue') return json({ error: 'invalid_type' }, 400);
+  if (!id) return json({ error: 'bad_request' }, 400);
+
+  const table = type === 'event' ? 'event_reviews' : 'venue_reviews';
+  const { error } = await locals.supabase.from(table).delete().eq('id', id);
+  if (error) return json({ error: 'db_error' }, 500);
+  return json({ ok: true });
+};
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  let body: { type?: string; id?: string } = {};
+  try {
+    body = await readBody<{ type?: string; id?: string }>(request);
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const { type, id } = body;
+  if (type !== 'event' && type !== 'venue') return json({ error: 'invalid_type' }, 400);
+  if (!id) return json({ error: 'bad_request' }, 400);
+
+  const table = type === 'event' ? 'event_reviews' : 'venue_reviews';
+  await locals.supabase.from(table).delete().eq('id', id);
+
+  return redirectBack(request);
+};
diff --git a/src/pages/api/auth/callback.ts b/src/pages/api/auth/callback.ts
new file mode 100644
index 0000000..4b6a955
--- /dev/null
+++ b/src/pages/api/auth/callback.ts
@@ -0,0 +1,20 @@
+import type { APIRoute } from 'astro';
+import { getSiteUrl } from '../../../lib/supabase';
+
+export const prerender = false;
+
+export const GET: APIRoute = async (context) => {
+  const supabase = context.locals.supabase;
+  const code = context.url.searchParams.get('code');
+  const next = context.url.searchParams.get('next') ?? '/';
+  const safeNext = next.startsWith('/') && !next.startsWith('//') ? next : '/';
+
+  if (code) {
+    const { error } = await supabase.auth.exchangeCodeForSession(code);
+    if (!error) {
+      return context.redirect(`${getSiteUrl()}${safeNext}`);
+    }
+  }
+
+  return context.redirect(`${getSiteUrl()}/ua/login`);
+};
diff --git a/src/pages/api/auth/login.ts b/src/pages/api/auth/login.ts
new file mode 100644
index 0000000..ca054af
--- /dev/null
+++ b/src/pages/api/auth/login.ts
@@ -0,0 +1,53 @@
+import type { APIRoute } from 'astro';
+import { getSiteUrl } from '../../../lib/supabase';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+export const GET: APIRoute = async (context) => {
+  const supabase = context.locals.supabase;
+  const provider = context.url.searchParams.get('provider');
+  const next = context.url.searchParams.get('next') ?? '/';
+
+  if (provider !== 'google' && provider !== 'github') {
+    return json({ error: 'invalid_provider' }, 400);
+  }
+
+  const callbackUrl = `${getSiteUrl()}/api/auth/callback?next=${encodeURIComponent(next)}`;
+  const { data, error } = await supabase.auth.signInWithOAuth({
+    provider,
+    options: { redirectTo: callbackUrl },
+  });
+
+  if (error || !data.url) {
+    return json({ error: 'oauth_failed' }, 500);
+  }
+  return json({ url: data.url });
+};
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  const supabase = locals.supabase;
+  let body: { email?: string; password?: string };
+  try {
+    body = await request.json();
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const { email, password } = body;
+  if (!email || !password) {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const { error } = await supabase.auth.signInWithPassword({ email, password });
+  if (error) {
+    return json({ error: 'invalid_credentials' }, 401);
+  }
+
+  return json({ ok: true });
+};
diff --git a/src/pages/api/auth/logout.ts b/src/pages/api/auth/logout.ts
new file mode 100644
index 0000000..c6ef6dc
--- /dev/null
+++ b/src/pages/api/auth/logout.ts
@@ -0,0 +1,21 @@
+import type { APIRoute } from 'astro';
+import { getSiteUrl } from '../../../lib/supabase';
+
+export const prerender = false;
+
+export const POST: APIRoute = async (context) => {
+  await context.locals.supabase.auth.signOut();
+
+  const referer = context.request.headers.get('referer');
+  if (referer) {
+    try {
+      const url = new URL(referer);
+      if (url.pathname.startsWith('/')) {
+        return context.redirect(url.pathname + url.search);
+      }
+    } catch {
+      // ignore malformed referer
+    }
+  }
+  return context.redirect(`${getSiteUrl()}/ua/`);
+};
diff --git a/src/pages/api/auth/me.ts b/src/pages/api/auth/me.ts
new file mode 100644
index 0000000..e94bad1
--- /dev/null
+++ b/src/pages/api/auth/me.ts
@@ -0,0 +1,10 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+export const GET: APIRoute = ({ locals }) => {
+  return new Response(JSON.stringify({ user: locals.user }), {
+    status: 200,
+    headers: { 'Content-Type': 'application/json' },
+  });
+};
diff --git a/src/pages/api/auth/register.ts b/src/pages/api/auth/register.ts
new file mode 100644
index 0000000..fa6a715
--- /dev/null
+++ b/src/pages/api/auth/register.ts
@@ -0,0 +1,38 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  const supabase = locals.supabase;
+  let body: { email?: string; password?: string; fullName?: string };
+  try {
+    body = await request.json();
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const { email, password, fullName } = body;
+  if (!email || !password) {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const { data, error } = await supabase.auth.signUp({
+    email,
+    password,
+    options: { data: { full_name: fullName || null } },
+  });
+
+  if (error) {
+    const message = error.message?.toLowerCase() ?? '';
+    const status = message.includes('already') ? 409 : 400;
+    return json({ error: message.includes('already') ? 'email_exists' : 'generic' }, status);
+  }
+
+  return json({ ok: true, needsConfirmation: !data.session });
+};
diff --git a/src/pages/api/contact.ts b/src/pages/api/contact.ts
new file mode 100644
index 0000000..8ad1529
--- /dev/null
+++ b/src/pages/api/contact.ts
@@ -0,0 +1,52 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  let body: { name?: string; email?: string; message?: string; honeypot?: string };
+  try {
+    body = await request.json();
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  // Honeypot: silently accept bots
+  if (body.honeypot) {
+    return json({ ok: true });
+  }
+
+  const name = (body.name ?? '').trim();
+  const email = (body.email ?? '').trim();
+  const message = (body.message ?? '').trim();
+
+  if (!name || !email || !message || !EMAIL_RE.test(email)) {
+    return json({ error: 'invalid_input' }, 400);
+  }
+
+  // Rate limit: max 3 messages per email per 10 minutes
+  const { data: recent, error: rpcError } = await locals.supabase.rpc('recent_contact_messages', {
+    p_email: email,
+    p_within: '10 minutes',
+  });
+
+  if (!rpcError && typeof recent === 'number' && recent >= 3) {
+    return json({ error: 'rate_limited' }, 429);
+  }
+
+  const { error } = await locals.supabase.from('contact_messages').insert({
+    name,
+    email,
+    message,
+  });
+
+  if (error) return json({ error: 'db_error' }, 500);
+  return json({ ok: true });
+};
diff --git a/src/pages/api/reviews.ts b/src/pages/api/reviews.ts
new file mode 100644
index 0000000..c9a6c03
--- /dev/null
+++ b/src/pages/api/reviews.ts
@@ -0,0 +1,54 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  const user = locals.user;
+  if (!user) return json({ error: 'unauthorized' }, 401);
+
+  let body: { event_id?: string; rating?: number; comment?: string };
+  try {
+    body = await request.json();
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const rating = Number(body.rating);
+  if (!body.event_id || !Number.isInteger(rating) || rating < 1 || rating > 5) {
+    return json({ error: 'invalid_rating' }, 400);
+  }
+
+  const comment = typeof body.comment === 'string' ? body.comment.trim() : '';
+
+  // Upsert: one review per user per event
+  const { data: existing } = await locals.supabase
+    .from('event_reviews')
+    .select('id')
+    .eq('event_id', body.event_id)
+    .eq('user_id', user.id)
+    .maybeSingle();
+
+  let error;
+  if (existing) {
+    ({ error } = await locals.supabase
+      .from('event_reviews')
+      .update({ rating, comment })
+      .eq('id', existing.id));
+  } else {
+    ({ error } = await locals.supabase.from('event_reviews').insert({
+      event_id: body.event_id,
+      user_id: user.id,
+      rating,
+      comment,
+    }));
+  }
+
+  if (error) return json({ error: 'db_error' }, 500);
+  return json({ ok: true });
+};
diff --git a/src/pages/api/reviews/[id].ts b/src/pages/api/reviews/[id].ts
new file mode 100644
index 0000000..7844f10
--- /dev/null
+++ b/src/pages/api/reviews/[id].ts
@@ -0,0 +1,42 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+export const DELETE: APIRoute = async ({ params, locals }) => {
+  const user = locals.user;
+  if (!user) return json({ error: 'unauthorized' }, 401);
+
+  const { data, error } = await locals.supabase
+    .from('event_reviews')
+    .delete()
+    .eq('id', params.id ?? '')
+    .select('id');
+
+  if (error) return json({ error: 'db_error' }, 500);
+  if ((data?.length ?? 0) === 0) return json({ error: 'not_found' }, 404);
+  return json({ ok: true });
+};
+
+export const POST: APIRoute = async ({ params, locals, request }) => {
+  const user = locals.user;
+  if (!user) return json({ error: 'unauthorized' }, 401);
+
+  await locals.supabase.from('event_reviews').delete().eq('id', params.id ?? '');
+
+  const referer = request.headers.get('referer');
+  if (referer) {
+    try {
+      const url = new URL(referer);
+      if (url.pathname.startsWith('/')) return new Response(null, { status: 302, headers: { Location: url.pathname + url.search } });
+    } catch {
+      // ignore
+    }
+  }
+  return new Response(null, { status: 302, headers: { Location: '/' } });
+};
diff --git a/src/pages/api/venue-reviews.ts b/src/pages/api/venue-reviews.ts
new file mode 100644
index 0000000..b68b145
--- /dev/null
+++ b/src/pages/api/venue-reviews.ts
@@ -0,0 +1,37 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+export const POST: APIRoute = async ({ request, locals }) => {
+  const user = locals.user;
+  if (!user) return json({ error: 'unauthorized' }, 401);
+
+  let body: { rating?: number; comment?: string };
+  try {
+    body = await request.json();
+  } catch {
+    return json({ error: 'bad_request' }, 400);
+  }
+
+  const rating = Number(body.rating);
+  if (!Number.isInteger(rating) || rating < 1 || rating > 5) {
+    return json({ error: 'invalid_rating' }, 400);
+  }
+
+  const comment = typeof body.comment === 'string' ? body.comment.trim() : '';
+
+  const { error } = await locals.supabase.from('venue_reviews').insert({
+    user_id: user.id,
+    rating,
+    comment,
+  });
+
+  if (error) return json({ error: 'db_error' }, 500);
+  return json({ ok: true });
+};
diff --git a/src/pages/api/venue-reviews/[id].ts b/src/pages/api/venue-reviews/[id].ts
new file mode 100644
index 0000000..42f2158
--- /dev/null
+++ b/src/pages/api/venue-reviews/[id].ts
@@ -0,0 +1,42 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+const json = (body: unknown, status = 200) =>
+  new Response(JSON.stringify(body), {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+export const DELETE: APIRoute = async ({ params, locals }) => {
+  const user = locals.user;
+  if (!user) return json({ error: 'unauthorized' }, 401);
+
+  const { data, error } = await locals.supabase
+    .from('venue_reviews')
+    .delete()
+    .eq('id', params.id ?? '')
+    .select('id');
+
+  if (error) return json({ error: 'db_error' }, 500);
+  if ((data?.length ?? 0) === 0) return json({ error: 'not_found' }, 404);
+  return json({ ok: true });
+};
+
+export const POST: APIRoute = async ({ params, locals, request }) => {
+  const user = locals.user;
+  if (!user) return json({ error: 'unauthorized' }, 401);
+
+  await locals.supabase.from('venue_reviews').delete().eq('id', params.id ?? '');
+
+  const referer = request.headers.get('referer');
+  if (referer) {
+    try {
+      const url = new URL(referer);
+      if (url.pathname.startsWith('/')) return new Response(null, { status: 302, headers: { Location: url.pathname + url.search } });
+    } catch {
+      // ignore
+    }
+  }
+  return new Response(null, { status: 302, headers: { Location: '/' } });
+};
diff --git a/src/pages/robots.txt.ts b/src/pages/robots.txt.ts
new file mode 100644
index 0000000..83bf9c6
--- /dev/null
+++ b/src/pages/robots.txt.ts
@@ -0,0 +1,21 @@
+import type { APIRoute } from 'astro';
+
+export const prerender = false;
+
+export const GET: APIRoute = () => {
+  const siteUrl = import.meta.env.PUBLIC_SITE_URL ?? 'http://localhost:4321';
+  const body = `User-agent: *
+Allow: /
+
+Disallow: /admin/
+Disallow: /api/
+
+Sitemap: ${siteUrl}/sitemap.xml
+`;
+  return new Response(body, {
+    headers: {
+      'Content-Type': 'text/plain; charset=utf-8',
+      'Cache-Control': 'public, max-age=3600',
+    },
+  });
+};
diff --git a/src/pages/sitemap.xml.ts b/src/pages/sitemap.xml.ts
new file mode 100644
index 0000000..5fdc2d8
--- /dev/null
+++ b/src/pages/sitemap.xml.ts
@@ -0,0 +1,40 @@
+import type { APIRoute } from 'astro';
+import { LOCALES, localizedPath } from '../lib/i18n';
+import { getPublishedEvents } from '../lib/db';
+
+export const prerender = false;
+
+const staticPaths = ['/', '/events', '/about', '/contacts', '/map'];
+
+export const GET: APIRoute = async ({ locals }) => {
+  const siteUrl = import.meta.env.PUBLIC_SITE_URL ?? 'http://localhost:4321';
+  const events = await getPublishedEvents(locals.supabase, 'all', '', 500);
+  const now = new Date().toISOString();
+
+  const urls = new Set<string>();
+  for (const locale of LOCALES) {
+    for (const path of staticPaths) {
+      urls.add(`${siteUrl}${localizedPath(locale, path)}`);
+    }
+    for (const event of events) {
+      urls.add(`${siteUrl}${localizedPath(locale, `/events/${event.slug}`)}`);
+    }
+  }
+
+  const body = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+${[...urls]
+  .map(
+    (url) =>
+      `  <url>\n    <loc>${url}</loc>\n    <lastmod>${now}</lastmod>\n    <changefreq>weekly</changefreq>\n  </url>`,
+  )
+  .join('\n')}
+</urlset>`;
+
+  return new Response(body, {
+    headers: {
+      'Content-Type': 'application/xml; charset=utf-8',
+      'Cache-Control': 'public, max-age=3600',
+    },
+  });
+};
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..dbbf4d7
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,1116 @@
+/* ============================================================
+   Devodytyji — design tokens & base styles
+   ============================================================ */
+
+:root {
+  --bg: #faf6ef;
+  --bg-alt: #f2ead9;
+  --surface: #ffffff;
+  --ink: #1d2a24;
+  --text: #3f4c44;
+  --muted: #6d766f;
+  --primary: #2e6b4f;
+  --primary-strong: #22543d;
+  --primary-soft: #e4efe8;
+  --accent: #d96c3f;
+  --accent-strong: #b8522b;
+  --accent-soft: #f9e6d8;
+  --danger: #b3392f;
+  --danger-soft: #fbe3e0;
+  --border: #e4d9c5;
+  --border-strong: #d3c5a9;
+
+  --radius-sm: 6px;
+  --radius: 12px;
+  --radius-lg: 20px;
+  --radius-full: 999px;
+
+  --shadow-sm: 0 1px 2px rgb(29 42 36 / 0.06);
+  --shadow: 0 4px 16px rgb(29 42 36 / 0.08);
+  --shadow-lg: 0 12px 40px rgb(29 42 36 / 0.14);
+
+  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
+
+  --container: 1160px;
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.5rem;
+  --space-6: 2rem;
+  --space-8: 3rem;
+  --space-10: 4rem;
+  --space-12: 5rem;
+
+  --header-h: 68px;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--text);
+  font-family: var(--font-sans);
+  font-size: 16px;
+  line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  font-family: var(--font-serif);
+  color: var(--ink);
+  line-height: 1.2;
+  margin: 0 0 0.5em;
+  font-weight: 600;
+}
+
+h1 {
+  font-size: clamp(2rem, 5vw, 3.25rem);
+}
+h2 {
+  font-size: clamp(1.5rem, 3.2vw, 2.1rem);
+}
+h3 {
+  font-size: 1.25rem;
+}
+
+p {
+  margin: 0 0 1em;
+}
+
+a {
+  color: var(--primary);
+  text-decoration: none;
+}
+a:hover {
+  color: var(--primary-strong);
+}
+
+img {
+  max-width: 100%;
+  display: block;
+}
+
+:focus-visible {
+  outline: 3px solid var(--accent);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+.container {
+  width: 100%;
+  max-width: var(--container);
+  margin-inline: auto;
+  padding-inline: var(--space-5);
+}
+
+.section {
+  padding-block: var(--space-10);
+}
+
+.section--alt {
+  background: var(--bg-alt);
+}
+
+.section-head {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: var(--space-4);
+  margin-bottom: var(--space-6);
+  flex-wrap: wrap;
+}
+
+.section-head p {
+  color: var(--muted);
+  margin: 0;
+}
+
+.eyebrow {
+  display: inline-block;
+  font-size: 0.8rem;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--accent-strong);
+  margin-bottom: var(--space-2);
+}
+
+/* ---------- Buttons ---------- */
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  font: inherit;
+  font-weight: 600;
+  padding: 0.65rem 1.25rem;
+  border-radius: var(--radius-full);
+  border: 2px solid transparent;
+  cursor: pointer;
+  text-decoration: none;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease,
+    border-color 0.15s ease,
+    transform 0.1s ease;
+  line-height: 1.2;
+}
+
+.btn:active {
+  transform: translateY(1px);
+}
+
+.btn--primary {
+  background: var(--primary);
+  color: #fff;
+}
+.btn--primary:hover {
+  background: var(--primary-strong);
+  color: #fff;
+}
+
+.btn--accent {
+  background: var(--accent);
+  color: #fff;
+}
+.btn--accent:hover {
+  background: var(--accent-strong);
+  color: #fff;
+}
+
+.btn--outline {
+  background: transparent;
+  border-color: var(--primary);
+  color: var(--primary);
+}
+.btn--outline:hover {
+  background: var(--primary-soft);
+  color: var(--primary-strong);
+}
+
+.btn--ghost {
+  background: transparent;
+  color: var(--text);
+}
+.btn--ghost:hover {
+  background: var(--bg-alt);
+}
+
+.btn--danger {
+  background: var(--danger);
+  color: #fff;
+}
+.btn--danger:hover {
+  filter: brightness(0.92);
+  color: #fff;
+}
+
+.btn--sm {
+  padding: 0.4rem 0.9rem;
+  font-size: 0.875rem;
+}
+
+.btn--block {
+  width: 100%;
+}
+
+.btn:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+/* ---------- Cards ---------- */
+
+.card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-sm);
+  overflow: hidden;
+}
+
+/* ---------- Event cards ---------- */
+
+.event-card {
+  display: flex;
+  flex-direction: column;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-sm);
+  overflow: hidden;
+  text-decoration: none;
+  color: inherit;
+  transition:
+    transform 0.18s ease,
+    box-shadow 0.18s ease;
+}
+
+.event-card:hover {
+  transform: translateY(-3px);
+  box-shadow: var(--shadow-lg);
+  color: inherit;
+}
+
+.event-card__media {
+  position: relative;
+  aspect-ratio: 16 / 9;
+  background: var(--bg-alt);
+  overflow: hidden;
+}
+
+.event-card__media img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.event-card__media-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  font-family: var(--font-serif);
+  font-size: 2rem;
+  color: var(--primary);
+  background:
+    radial-gradient(circle at 30% 20%, var(--primary-soft), transparent 60%),
+    var(--bg-alt);
+}
+
+.event-card__date-badge {
+  position: absolute;
+  top: var(--space-3);
+  left: var(--space-3);
+  background: var(--accent);
+  color: #fff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  padding: 0.35rem 0.7rem;
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-sm);
+}
+
+.event-card__body {
+  padding: var(--space-5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  flex: 1;
+}
+
+.event-card__title {
+  font-family: var(--font-serif);
+  font-size: 1.3rem;
+  font-weight: 600;
+  color: var(--ink);
+  margin: 0;
+}
+
+.event-card__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2) var(--space-4);
+  color: var(--muted);
+  font-size: 0.875rem;
+}
+
+.event-card__foot {
+  margin-top: auto;
+  padding-top: var(--space-3);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.78rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  padding: 0.28rem 0.7rem;
+  border-radius: var(--radius-full);
+}
+
+.badge--published {
+  background: var(--primary-soft);
+  color: var(--primary-strong);
+}
+
+.badge--draft {
+  background: var(--accent-soft);
+  color: var(--accent-strong);
+}
+
+.badge--past {
+  background: var(--bg-alt);
+  color: var(--muted);
+}
+
+/* ---------- Header ---------- */
+
+.header {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: rgb(250 246 239 / 0.92);
+  backdrop-filter: blur(10px);
+  border-bottom: 1px solid var(--border);
+}
+
+.header__inner {
+  display: flex;
+  align-items: center;
+  gap: var(--space-4);
+  min-height: var(--header-h);
+}
+
+.logo {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-family: var(--font-serif);
+  font-size: 1.35rem;
+  font-weight: 700;
+  color: var(--ink);
+  text-decoration: none;
+}
+
+.logo:hover {
+  color: var(--primary);
+}
+
+.logo__mark {
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  background: var(--primary);
+  color: #fff;
+  display: grid;
+  place-items: center;
+  font-family: var(--font-serif);
+  font-size: 0.95rem;
+  font-weight: 700;
+}
+
+.nav {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  margin-left: auto;
+  flex-wrap: wrap;
+}
+
+.nav__link {
+  padding: 0.5rem 0.85rem;
+  border-radius: var(--radius-full);
+  color: var(--text);
+  font-weight: 500;
+  font-size: 0.95rem;
+  text-decoration: none;
+}
+
+.nav__link:hover {
+  background: var(--bg-alt);
+  color: var(--ink);
+}
+
+.nav__link[aria-current='page'] {
+  background: var(--primary-soft);
+  color: var(--primary-strong);
+}
+
+.nav__sep {
+  width: 1px;
+  height: 22px;
+  background: var(--border-strong);
+  margin-inline: var(--space-1);
+}
+
+.lang-switch {
+  display: inline-flex;
+  border: 1px solid var(--border-strong);
+  border-radius: var(--radius-full);
+  overflow: hidden;
+  background: var(--surface);
+}
+
+.lang-switch a {
+  padding: 0.35rem 0.75rem;
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: var(--muted);
+  text-decoration: none;
+}
+
+.lang-switch a[aria-current='true'] {
+  background: var(--primary);
+  color: #fff;
+}
+
+/* ---------- Footer ---------- */
+
+.footer {
+  background: var(--ink);
+  color: rgb(255 255 255 / 0.75);
+  padding-block: var(--space-8) var(--space-6);
+  margin-top: var(--space-10);
+}
+
+.footer__grid {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr;
+  gap: var(--space-8);
+}
+
+.footer a {
+  color: rgb(255 255 255 / 0.8);
+}
+.footer a:hover {
+  color: #fff;
+}
+
+.footer__title {
+  font-family: var(--font-serif);
+  color: #fff;
+  font-size: 1.05rem;
+  margin-bottom: var(--space-3);
+}
+
+.footer__bottom {
+  margin-top: var(--space-8);
+  padding-top: var(--space-4);
+  border-top: 1px solid rgb(255 255 255 / 0.15);
+  font-size: 0.85rem;
+}
+
+/* ---------- Forms ---------- */
+
+.form {
+  display: grid;
+  gap: var(--space-4);
+}
+
+.form-field {
+  display: grid;
+  gap: var(--space-2);
+}
+
+.form-field label {
+  font-weight: 600;
+  font-size: 0.9rem;
+  color: var(--ink);
+}
+
+.form-field__label {
+  font-weight: 600;
+  font-size: 0.9rem;
+  color: var(--ink);
+}
+
+.input,
+.textarea,
+.select {
+  font: inherit;
+  width: 100%;
+  padding: 0.7rem 0.9rem;
+  border: 1.5px solid var(--border-strong);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+  color: var(--ink);
+  transition:
+    border-color 0.15s ease,
+    box-shadow 0.15s ease;
+}
+
+.input:focus,
+.textarea:focus,
+.select:focus {
+  outline: none;
+  border-color: var(--primary);
+  box-shadow: 0 0 0 3px var(--primary-soft);
+}
+
+.textarea {
+  min-height: 130px;
+  resize: vertical;
+}
+
+.form-error {
+  background: var(--danger-soft);
+  color: var(--danger);
+  padding: var(--space-3) var(--space-4);
+  border-radius: var(--radius-sm);
+  font-size: 0.9rem;
+}
+
+.form-success {
+  background: var(--primary-soft);
+  color: var(--primary-strong);
+  padding: var(--space-3) var(--space-4);
+  border-radius: var(--radius-sm);
+  font-size: 0.9rem;
+}
+
+.field-error {
+  color: var(--danger);
+  font-size: 0.8rem;
+}
+
+.honeypot {
+  position: absolute;
+  left: -9999px;
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* ---------- Auth card ---------- */
+
+.auth-wrap {
+  max-width: 420px;
+  margin-inline: auto;
+  padding-block: var(--space-8) var(--space-10);
+}
+
+.auth-card {
+  padding: var(--space-8);
+  display: grid;
+  gap: var(--space-5);
+}
+
+.oauth-buttons {
+  display: grid;
+  gap: var(--space-3);
+}
+
+.oauth-divider {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  color: var(--muted);
+  font-size: 0.85rem;
+}
+
+.oauth-divider::before,
+.oauth-divider::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: var(--border);
+}
+
+/* ---------- Reviews ---------- */
+
+.review {
+  padding: var(--space-5);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface);
+}
+
+.review__head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--space-3);
+  margin-bottom: var(--space-2);
+}
+
+.review__author {
+  font-weight: 600;
+  color: var(--ink);
+}
+
+.review__date {
+  color: var(--muted);
+  font-size: 0.85rem;
+}
+
+.stars {
+  color: var(--accent);
+  letter-spacing: 0.1em;
+  font-size: 1.05rem;
+}
+
+.star-rating {
+  display: inline-flex;
+  gap: 0.2rem;
+}
+
+.star-rating button {
+  background: none;
+  border: none;
+  font-size: 1.6rem;
+  line-height: 1;
+  cursor: pointer;
+  color: var(--border-strong);
+  transition: color 0.1s ease;
+  padding: 0.1rem;
+}
+
+.star-rating button.is-selected {
+  color: var(--accent);
+}
+
+.review-list {
+  display: grid;
+  gap: var(--space-4);
+}
+
+/* ---------- Event detail ---------- */
+
+.event-hero {
+  position: relative;
+  padding-block: var(--space-8) var(--space-10);
+}
+
+.event-hero__media {
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+  aspect-ratio: 21 / 9;
+  background: var(--bg-alt);
+  box-shadow: var(--shadow);
+  margin-bottom: var(--space-6);
+}
+
+.event-hero__media img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.event-hero__body {
+  display: grid;
+  grid-template-columns: 1fr 340px;
+  gap: var(--space-8);
+  align-items: start;
+}
+
+.event-facts {
+  display: grid;
+  gap: var(--space-4);
+}
+
+.event-fact {
+  display: flex;
+  gap: var(--space-3);
+  align-items: flex-start;
+}
+
+.event-fact__icon {
+  font-size: 1.15rem;
+  line-height: 1.4;
+}
+
+.event-fact__label {
+  font-size: 0.8rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--muted);
+  font-weight: 600;
+}
+
+.event-fact__value {
+  font-weight: 600;
+  color: var(--ink);
+}
+
+.prose {
+  color: var(--text);
+}
+.prose p {
+  white-space: pre-line;
+}
+
+/* ---------- Map ---------- */
+
+.map-wrap {
+  height: 420px;
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+  box-shadow: var(--shadow);
+  border: 1px solid var(--border);
+  z-index: 1;
+}
+
+.map-page {
+  display: grid;
+  grid-template-columns: 320px 1fr;
+  gap: var(--space-6);
+  align-items: stretch;
+}
+
+.leaflet-container {
+  font: inherit;
+}
+
+/* ---------- Contact / About layouts ---------- */
+
+.split {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--space-8);
+  align-items: start;
+}
+
+.contact-details {
+  display: grid;
+  gap: var(--space-4);
+}
+
+.contact-detail {
+  display: flex;
+  gap: var(--space-3);
+  align-items: flex-start;
+}
+
+.contact-detail__label {
+  font-size: 0.8rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--muted);
+  font-weight: 600;
+}
+
+/* ---------- Tables (admin) ---------- */
+
+.table-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface);
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.92rem;
+}
+
+.table th,
+.table td {
+  padding: var(--space-3) var(--space-4);
+  text-align: left;
+  vertical-align: middle;
+}
+
+.table th {
+  background: var(--bg-alt);
+  font-size: 0.78rem;
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  color: var(--muted);
+}
+
+.table tr + tr td {
+  border-top: 1px solid var(--border);
+}
+
+.table .row-actions {
+  display: flex;
+  gap: var(--space-2);
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+/* ---------- Admin layout ---------- */
+
+.admin-shell {
+  display: grid;
+  grid-template-columns: 220px 1fr;
+  gap: var(--space-6);
+  padding-block: var(--space-8);
+  align-items: start;
+}
+
+.admin-nav {
+  display: grid;
+  gap: var(--space-1);
+  position: sticky;
+  top: calc(var(--header-h) + var(--space-4));
+}
+
+.admin-nav a {
+  padding: 0.6rem 0.9rem;
+  border-radius: var(--radius-sm);
+  color: var(--text);
+  font-weight: 500;
+}
+
+.admin-nav a:hover {
+  background: var(--bg-alt);
+}
+
+.admin-nav a[aria-current='page'] {
+  background: var(--primary);
+  color: #fff;
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: var(--space-4);
+  margin-bottom: var(--space-8);
+}
+
+.stat-card {
+  padding: var(--space-5);
+}
+
+.stat-card__value {
+  font-family: var(--font-serif);
+  font-size: 2.2rem;
+  font-weight: 700;
+  color: var(--ink);
+}
+
+.stat-card__label {
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+/* ---------- Hero (home) ---------- */
+
+.hero {
+  position: relative;
+  padding-block: var(--space-12);
+  overflow: hidden;
+}
+
+.hero::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(60% 60% at 85% 15%, rgb(217 108 63 / 0.16), transparent 70%),
+    radial-gradient(50% 50% at 10% 90%, rgb(46 107 79 / 0.18), transparent 70%);
+  z-index: -1;
+}
+
+.hero__inner {
+  max-width: 720px;
+}
+
+.hero h1 {
+  margin-bottom: var(--space-4);
+}
+
+.hero p {
+  font-size: 1.15rem;
+  color: var(--text);
+  max-width: 60ch;
+}
+
+.hero__actions {
+  display: flex;
+  gap: var(--space-3);
+  margin-top: var(--space-6);
+  flex-wrap: wrap;
+}
+
+/* ---------- Grids ---------- */
+
+.grid-3 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--space-5);
+}
+
+.grid-2 {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: var(--space-5);
+}
+
+/* ---------- Filter bar ---------- */
+
+.filter-bar {
+  display: flex;
+  gap: var(--space-3);
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: var(--space-6);
+}
+
+.tabs {
+  display: inline-flex;
+  background: var(--bg-alt);
+  border-radius: var(--radius-full);
+  padding: 3px;
+  gap: 2px;
+}
+
+.tabs button {
+  border: none;
+  background: transparent;
+  font: inherit;
+  font-weight: 600;
+  font-size: 0.9rem;
+  padding: 0.45rem 1rem;
+  border-radius: var(--radius-full);
+  cursor: pointer;
+  color: var(--text);
+}
+
+.tabs button.is-active {
+  background: var(--surface);
+  color: var(--primary-strong);
+  box-shadow: var(--shadow-sm);
+}
+
+.search-input {
+  flex: 1;
+  min-width: 220px;
+  max-width: 360px;
+}
+
+/* ---------- Empty state ---------- */
+
+.empty-state {
+  text-align: center;
+  padding: var(--space-10) var(--space-6);
+  color: var(--muted);
+}
+
+.empty-state__icon {
+  font-size: 2.5rem;
+  margin-bottom: var(--space-3);
+}
+
+/* ---------- CTA band ---------- */
+
+.cta-band {
+  background: var(--primary);
+  color: #fff;
+  border-radius: var(--radius-lg);
+  padding: var(--space-8);
+  text-align: center;
+}
+
+.cta-band h2 {
+  color: #fff;
+}
+
+.cta-band p {
+  color: rgb(255 255 255 / 0.85);
+  max-width: 52ch;
+  margin-inline: auto;
+}
+
+.cta-band .btn--accent {
+  background: var(--accent);
+}
+
+/* ---------- Avatar ---------- */
+
+.avatar {
+  width: 38px;
+  height: 38px;
+  border-radius: 50%;
+  object-fit: cover;
+  background: var(--primary-soft);
+  color: var(--primary-strong);
+  display: grid;
+  place-items: center;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+/* ---------- Utilities ---------- */
+
+.mt-6 {
+  margin-top: var(--space-6);
+}
+
+.mb-2 {
+  margin-bottom: var(--space-2);
+}
+
+.mb-6 {
+  margin-bottom: var(--space-6);
+}
+
+.text-muted {
+  color: var(--muted);
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+@media (max-width: 920px) {
+  .grid-3 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .event-hero__body,
+  .split,
+  .map-page,
+  .admin-shell {
+    grid-template-columns: 1fr;
+  }
+
+  .map-wrap {
+    height: 320px;
+  }
+
+  .stats-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .footer__grid {
+    grid-template-columns: 1fr;
+    gap: var(--space-6);
+  }
+}
+
+@media (max-width: 620px) {
+  .grid-3,
+  .grid-2 {
+    grid-template-columns: 1fr;
+  }
+
+  .section {
+    padding-block: var(--space-8);
+  }
+
+  .header__inner {
+    flex-wrap: wrap;
+    padding-block: var(--space-2);
+  }
+
+  .nav {
+    order: 3;
+    width: 100%;
+    overflow-x: auto;
+    margin-left: 0;
+    padding-bottom: var(--space-1);
+  }
+}
diff --git a/supabase/migrations/0001_init.sql b/supabase/migrations/0001_init.sql
new file mode 100644
index 0000000..6f6846f
--- /dev/null
+++ b/supabase/migrations/0001_init.sql
@@ -0,0 +1,278 @@
+-- ============================================================
+-- 0001_init.sql — Devodytyji schema, RLS, storage, seed helpers
+-- Run in the Supabase SQL editor or via `supabase db push`.
+-- ============================================================
+
+-- ---------- profiles ----------
+create table public.profiles (
+  id uuid primary key references auth.users (id) on delete cascade,
+  full_name text,
+  avatar_url text,
+  is_admin boolean not null default false,
+  created_at timestamptz not null default now(),
+  updated_at timestamptz not null default now()
+);
+
+-- Auto-create a profile for every new auth user
+create or replace function public.handle_new_user()
+returns trigger
+language plpgsql
+security definer
+set search_path = public
+as $$
+begin
+  insert into public.profiles (id, full_name, avatar_url)
+  values (
+    new.id,
+    coalesce(
+      new.raw_user_meta_data->>'full_name',
+      new.raw_user_meta_data->>'name',
+      split_part(coalesce(new.email, ''), '@', 1)
+    ),
+    new.raw_user_meta_data->>'avatar_url'
+  )
+  on conflict (id) do nothing;
+  return new;
+end;
+$$;
+
+create trigger on_auth_user_created
+  after insert on auth.users
+  for each row execute function public.handle_new_user();
+
+-- Helper to promote a user to admin by email (run from dashboard/psql)
+create or replace function public.promote_user_to_admin(target_email text)
+returns void
+language plpgsql
+security definer
+set search_path = public
+as $$
+begin
+  update public.profiles p
+  set is_admin = true
+  from auth.users u
+  where u.id = p.id
+    and lower(u.email) = lower(target_email);
+  if not found then
+    raise exception 'No user found with email %', target_email;
+  end if;
+end;
+$$;
+
+-- ---------- events ----------
+create table public.events (
+  id uuid primary key default gen_random_uuid(),
+  slug text unique not null,
+  title jsonb not null,
+  description jsonb not null default '{"ua":"","en":""}'::jsonb,
+  cover_image_url text,
+  starts_at timestamptz not null,
+  ends_at timestamptz not null,
+  venue_name text,
+  status text not null default 'draft' check (status in ('draft', 'published')),
+  created_by uuid references public.profiles (id) on delete set null,
+  created_at timestamptz not null default now(),
+  updated_at timestamptz not null default now()
+);
+
+create index events_slug_idx on public.events (slug);
+create index events_starts_at_idx on public.events (starts_at);
+create index events_status_idx on public.events (status);
+
+-- ---------- event_reviews ----------
+create table public.event_reviews (
+  id uuid primary key default gen_random_uuid(),
+  event_id uuid not null references public.events (id) on delete cascade,
+  user_id uuid not null references public.profiles (id) on delete cascade,
+  rating int not null check (rating between 1 and 5),
+  comment text,
+  created_at timestamptz not null default now(),
+  unique (event_id, user_id)
+);
+
+create index event_reviews_event_id_idx on public.event_reviews (event_id);
+
+-- ---------- venue_reviews ----------
+create table public.venue_reviews (
+  id uuid primary key default gen_random_uuid(),
+  user_id uuid not null references public.profiles (id) on delete cascade,
+  rating int not null check (rating between 1 and 5),
+  comment text,
+  created_at timestamptz not null default now()
+);
+
+-- ---------- contact_messages ----------
+create table public.contact_messages (
+  id uuid primary key default gen_random_uuid(),
+  name text not null,
+  email text not null,
+  message text not null,
+  read boolean not null default false,
+  created_at timestamptz not null default now()
+);
+
+create index contact_messages_read_idx on public.contact_messages (read);
+
+-- ---------- updated_at trigger ----------
+create or replace function public.set_updated_at()
+returns trigger
+language plpgsql
+as $$
+begin
+  new.updated_at = now();
+  return new;
+end;
+$$;
+
+create trigger profiles_set_updated_at
+  before update on public.profiles
+  for each row execute function public.set_updated_at();
+
+create trigger events_set_updated_at
+  before update on public.events
+  for each row execute function public.set_updated_at();
+
+-- ---------- contact rate-limit helper (security definer so anon can use it) ----------
+create or replace function public.recent_contact_messages(p_email text, p_within interval default interval '10 minutes')
+returns bigint
+language sql
+security definer
+set search_path = public
+stable
+as $$
+  select count(*)::bigint
+  from public.contact_messages
+  where email = p_email
+    and created_at > now() - p_within;
+$$;
+
+grant execute on function public.recent_contact_messages(text, interval) to anon, authenticated;
+
+-- ============================================================
+-- Row Level Security
+-- ============================================================
+
+alter table public.profiles enable row level security;
+alter table public.events enable row level security;
+alter table public.event_reviews enable row level security;
+alter table public.venue_reviews enable row level security;
+alter table public.contact_messages enable row level security;
+
+-- profiles: public read, self edit
+create policy "profiles_select_public" on public.profiles
+  for select using (true);
+
+create policy "profiles_update_self" on public.profiles
+  for update using (auth.uid() = id);
+
+-- events: published visible to all; admins full CRUD
+create policy "events_select_published" on public.events
+  for select using (status = 'published');
+
+create policy "events_select_admin" on public.events
+  for select using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+create policy "events_insert_admin" on public.events
+  for insert with check (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+create policy "events_update_admin" on public.events
+  for update using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+create policy "events_delete_admin" on public.events
+  for delete using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+-- event_reviews: public read, authenticated insert, owner update/delete, admin delete
+create policy "event_reviews_select_public" on public.event_reviews
+  for select using (true);
+
+create policy "event_reviews_insert_auth" on public.event_reviews
+  for insert with check (auth.uid() = user_id);
+
+create policy "event_reviews_update_owner" on public.event_reviews
+  for update using (auth.uid() = user_id);
+
+create policy "event_reviews_delete_owner" on public.event_reviews
+  for delete using (auth.uid() = user_id);
+
+create policy "event_reviews_delete_admin" on public.event_reviews
+  for delete using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+-- venue_reviews: public read, authenticated insert, owner update/delete, admin delete
+create policy "venue_reviews_select_public" on public.venue_reviews
+  for select using (true);
+
+create policy "venue_reviews_insert_auth" on public.venue_reviews
+  for insert with check (auth.uid() = user_id);
+
+create policy "venue_reviews_update_owner" on public.venue_reviews
+  for update using (auth.uid() = user_id);
+
+create policy "venue_reviews_delete_owner" on public.venue_reviews
+  for delete using (auth.uid() = user_id);
+
+create policy "venue_reviews_delete_admin" on public.venue_reviews
+  for delete using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+-- contact_messages: anon insert, admin read/update/delete
+create policy "contact_messages_insert_anon" on public.contact_messages
+  for insert with check (true);
+
+create policy "contact_messages_select_admin" on public.contact_messages
+  for select using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+create policy "contact_messages_update_admin" on public.contact_messages
+  for update using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+create policy "contact_messages_delete_admin" on public.contact_messages
+  for delete using (
+    exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+-- ============================================================
+-- Storage: event-covers bucket (public read, admin write)
+-- ============================================================
+insert into storage.buckets (id, name, public)
+values ('event-covers', 'event-covers', true)
+on conflict (id) do nothing;
+
+create policy "event_covers_select_public" on storage.objects
+  for select using (bucket_id = 'event-covers');
+
+create policy "event_covers_insert_admin" on storage.objects
+  for insert with check (
+    bucket_id = 'event-covers'
+    and exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+create policy "event_covers_update_admin" on storage.objects
+  for update using (
+    bucket_id = 'event-covers'
+    and exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+create policy "event_covers_delete_admin" on storage.objects
+  for delete using (
+    bucket_id = 'event-covers'
+    and exists (select 1 from public.profiles p where p.id = auth.uid() and p.is_admin)
+  );
+
+-- ============================================================
+-- Auth providers (Google + GitHub) must be enabled in the
+-- Supabase dashboard: Authentication → Providers → Google/GitHub.
+-- ============================================================
diff --git a/supabase/seed.sql b/supabase/seed.sql
new file mode 100644
index 0000000..c6c13eb
--- /dev/null
+++ b/supabase/seed.sql
@@ -0,0 +1,59 @@
+-- ============================================================
+-- seed.sql — sample events and demo messages.
+-- Run AFTER 0001_init.sql.
+--
+-- Promote yourself to admin (replace with your email):
+--   select public.promote_user_to_admin('you@example.com');
+-- ============================================================
+
+insert into public.events (slug, title, description, starts_at, ends_at, venue_name, status) values
+(
+  'open-air-cinema-under-the-stars',
+  '{"ua": "Кіно просто неба: «Тіні забутих предків»", "en": "Open-air cinema: Shadows of Forgotten Ancestors"}',
+  '{"ua": "Культова стрічка на великому екрані під зоряним небом. Беріть плед, гарячий чай і друзів — початок після заходу сонця.", "en": "A cult film on the big screen under the starry sky. Bring a blanket, hot tea and friends — we start after sunset."}',
+  now() + interval '3 days',
+  now() + interval '3 days' + interval '2 hours',
+  'Devodytyji',
+  'published'
+),
+(
+  'summer-evening-acoustic-concert',
+  '{"ua": "Акустичний вечір: українські виконавці", "en": "Acoustic evening: Ukrainian artists"}',
+  '{"ua": "Теплий літній вечір, живий звук і кращі українські інді-гурти. Вхід вільний, обовʼязковий гарний настрій.", "en": "A warm summer evening, live sound and the best Ukrainian indie bands. Free entry, good mood mandatory."}',
+  now() + interval '10 days',
+  now() + interval '10 days' + interval '3 hours',
+  'Devodytyji',
+  'published'
+),
+(
+  'feria-of-crafts-and-food',
+  '{"ua": "Ярмарок крафту та їжі", "en": "Crafts and food fair"}',
+  '{"ua": "Десятки локальних майстрів, фермерські продукти, жива музика та дитяча зона. Ідеальний день для всієї родини.", "en": "Dozens of local makers, farm produce, live music and a kids area. A perfect day for the whole family."}',
+  now() + interval '21 days',
+  now() + interval '21 days' + interval '6 hours',
+  'Devodytyji',
+  'published'
+),
+(
+  'night-lecture-on-astronomy',
+  '{"ua": "Нічна лекція з астрономії", "en": "Night lecture on astronomy"}',
+  '{"ua": "Дивимось у небо і розбираємось, що там відбувається. Телескопи — наші, запитання — ваші.", "en": "We look at the sky and figure out what is going on up there. Telescopes are ours, questions are yours."}',
+  now() + interval '6 days',
+  now() + interval '6 days' + interval '2 hours',
+  'Devodytyji',
+  'draft'
+);
+
+insert into public.contact_messages (name, email, message, read) values
+(
+  'Оксана Мельник',
+  'oksana@example.com',
+  'Добрий день! Чи можна прийти з собакою на кіновечір? І чи є теплі пледи?',
+  false
+),
+(
+  'Ivan Petrenko',
+  'ivan@example.com',
+  'Hi! Do you host private events / birthday parties? What are the rates for a Saturday?',
+  true
+);
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..69c1600
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [
+    ".astro/types.d.ts",
+    "**/*"
+  ],
+  "exclude": [
+    "dist"
+  ],
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
+  }
+}
\ No newline at end of file